@supersoniks/concorde 5.1.0 → 5.1.1

package/docs/src/core/components/functional/fetch/fetch.md

@@ -1,125 +0,0 @@
-# Fetch
-
-> **New apps:** prefer [@get](#docs/_decorators/get.md/get) for a typed GET on a component, or [List](#core/components/functional/list/list.md/list) / [Queue](#core/components/functional/queue/queue.md/queue) with `fetch` for collections. Use [Local API demos](#docs/_misc/docs-mock-api.md/docs-mock-api) (`serviceURL="/docs-mock-api"`) to try examples offline.
-
-The **sonic-fetch** component requests and stores API data. It extends the Fetcher and [Subscriber](#docs/_core-concept/subscriber.md/subscriber) mixins.
-
-
-
-
-
-## Basic usage
-In order to work properly the <b>sonic-fetch</b> component needs at least the following attributes.  
-- **serviceURL** : A base service url. This attribute can be inherited from an ancestor.
-  *ex : /docs-mock-api*
-- **endPoint** : the specific location where requests for information are sent (see the api docs).  
-  *ex : api/users | api/users?page=2 | api/users/2*
-- **dataProvider *(Required)*** : An ID that is used as a reference to the object storing the data returned by the API.
-This attribute can be inherited from an ancestor.
-
-
-
-<sonic-code>
-  <template>
-    <sonic-fetch serviceURL="/docs-mock-api" endPoint="api/users?page=2" dataProvider="myDataObj"></sonic-fetch>
-    <sonic-button dataProvider="myDataObj" debug>Hover to see the data</sonic-button>
-  </template>
-</sonic-code>
-
-## DataProvider as an endPoint
-If no **endPoint** is specified it will be filled by the **dataProvider ID** instead  
-
-<sonic-code>
-  <template>
-    <sonic-fetch serviceURL="/docs-mock-api" dataProvider="api/users?page=2" ></sonic-fetch>
-    <sonic-button dataProvider="api/users?page=2" debug>Hover to see the data</sonic-button>
-  </template>
-</sonic-code>
-
-## HeadersDataProvider
-
-<sonic-alert status="error" background>Deprecated</sonic-alert>
-
-## Key
-When the **key** attribute is present, only a sub-part of the data received is injected into the **dataProvider**.
-We can use the dot syntax to target what we want to keep.
-
-For example if the data is `{my:{data:{a:1,b:2}}}` and the key is `key="my.data"`, the data available in the **dataProvider** will be `{a:1 , b:2}`
-
-<sonic-code>
-  <template>
-    <sonic-fetch serviceURL="/docs-mock-api" dataProvider="api/users/2" ></sonic-fetch>
-    <sonic-button dataProvider="api/users/2" debug>dataProvider object</sonic-button>
-    <!-- Get the user ID -->
-    <sonic-fetch serviceURL="/docs-mock-api" dataProvider="id" endPoint="api/users/2" key="data.id"></sonic-fetch>
-    <sonic-button dataProvider="id" debug>data.id</sonic-button>
-    <!-- Get the user First name -->
-    <sonic-fetch serviceURL="/docs-mock-api" dataProvider="first_name" endPoint="api/users/2" key="data.first_name"></sonic-fetch>
-    <sonic-button dataProvider="first_name" debug>data.first_name</sonic-button>
-    <!-- Get the user Last name -->
-    <sonic-fetch serviceURL="/docs-mock-api" dataProvider="last_name" endPoint="api/users/2" key="data.last_name"></sonic-fetch>
-    <sonic-button dataProvider="last_name" debug>data.last_name</sonic-button>
-    <!-- Get the user email -->
-    <sonic-fetch serviceURL="/docs-mock-api" dataProvider="email" endPoint="api/users/2" key="data.email"></sonic-fetch>
-    <sonic-button dataProvider="email" debug>data.email</sonic-button>
-  </template>
-</sonic-code>
-
-## Text mode
-
-if the mime type of the content returned by the service begins with **text/**, then the dataProvider has a key named "text" which contains the text returned by the service.
-
-<sonic-code>
-  <template>
-    <sonic-fetch endPoint="README.md" dataProvider="fetchText"></sonic-fetch>
-    <sonic-button dataProvider="fetchText" debug>Hover to see the data</sonic-button>
-  </template>
-</sonic-code>
-
-## NoLoader
-
-The noLoader attribute disables display of the default loader
-
-<sonic-code>
-  <template>
-    <sonic-fetch noLoader serviceURL="/docs-mock-api" endPoint="api/users?page=2" dataProvider="myDataObj"></sonic-fetch>
-    <sonic-button dataProvider="myDataObj" debug>Basic fetch with noLoader attribute</sonic-button>
-  </template>
-</sonic-code>
-
-
-
-
-<!--
- ## Summary
- Extends mixins : Fetcher, [Subscriber](#core/components/functional/subscriber/subscriber.md/subscriber)
- 
- ### Configuration via les attributs
-
-| nom          | sur quelle balise | Description | Exemple de valeur | défaut / requis |
-|-----|-----|---|---|---|
-| serviceURL   |Fetcher ou un de ses parents | URL de base des services. | http://la-billetterie.net/api/v2 | domain du site |
-| endpoint   |Fetcher | point d'accès d'un service | user/2 | valeur de l'attribut dataProvider |
-| dataProvider  |Fetcher ou un de ses parents | Identifiant d'un publisher qui stock les données, voir [subscriber](#core/components/functional/subscriber/subscriber.md/subscriber). | billetterie/user/2 | *REQUIS* |
-| headersDataProvider  |Fetcher ou un de ses parents | Identifiant d'un publisher qui stock les données destinées à être envoyées en entêtes de la requetes | MyCoockieHEaders | null |
-| key  |Fetcher  | extrait une sous propriété de la donnée chargée avant de l'assignée à son publisher | ma.data | null |
-
- *Si la données est `{ma:{data:{a:1,b:2}}}` et `key="ma.data"`, la données disponible dans le composant sera `{a:1, b:2}`*
- 
- ### Intégration auto de basic auth (pour tester une api qui nécessite une authentification) 
-
- Fetch utilise le service pour générer le token et l'ajoute au header de l'appel qui récupère les données.
-
-| nom           | sur quelle balise | Description | Exemple de valeur | défaut / requis |
-|-----|-----|---|---|---|
-| userName      | Fetcher ou un de ses parents | Nom de l'utilisateur | DjuDju | null |
-| password      | Fetcher ou un de ses parents | mot de passe | pom_549 | null |
-| tokenProvider | Fetcher ou un de ses parents | point d'accès du service fournissant le token | auth | null |
-| token | Fetcher ou un de ses parents | A fournir à la place des autres attributs si on le possède | q<d34gb | null |
-
- ### Autres choses utiles
- L'attribut *noLoader* du composant permet de désactiver l'affichage du loader par défaut.
- On peut appeler la methode invalidate() sur le publisher associé au  composant pour declencher le rechargement des données.
- endPoint est une propriété réctive, par conséquent, sa modification, manuelle via template ou data binbding provoque la mise à jour du contenu.
--->
-

package/docs/src/core/components/functional/if/if.md

@@ -1,9 +0,0 @@
-# if
-
-The **sonic-if** component shows its slot when **`.condition`** is true. In Lit, bind `.condition` from store-driven state (`@subscribe` on a `formDataProvider` field) — live preview and **TypeScript source are the same file** (`docs-lit-demo`):
-
-<docs-lit-demo for="docs-toggle-if-demo"></docs-lit-demo>
-
-Plain HTML without Lit: [HTML integration](#docs/_misc/html-integration.md/html-integration).
-
-

package/docs/src/core/components/functional/jsonata/jsonata.md

@@ -1,56 +0,0 @@
-# Jsonata
-
-`sonic-jsonata` : **1 input → expression → 1 output** (readonly).
-
-Unidirectional (fetch → compute → display), unlike [`sonic-mix`](#core/components/functional/mix/mix.md/mix).
-
-> Offline : `serviceURL="/docs-mock-api"` — [Local API demos](#docs/_misc/docs-mock-api.md/docs-mock-api).
-
-## Demos
-
-### Groupby + top N
-
-Change **Top N** → recalcul sans refetch.
-
-<docs-lit-demo for="docs-jsonata-space-cats-demo"></docs-lit-demo>
-
-### Totaux (somme + taxe)
-
-Change **Tax %** → même idée.
-
-<docs-lit-demo for="docs-jsonata-table-totals-demo"></docs-lit-demo>
-
-## Attributes
-
-| Attribute | Role |
-|-----------|------|
-| `inputProvider` | Entrée (`$input` dans l’expression) |
-| `outputProvider` | Sortie (readonly) |
-| `expression` | Expression JSONata |
-| `formDataProvider` | Form optionnel (`$top`, `$taxPercent`, …) — même id que le form |
-| `outputSchema` | Schéma léger optionnel (`type`, `required`) |
-
-## Helpers
-
-`$ucFirst` · `$currency` · `$percent` · `$date` · `$toChart(items, labelKey, valueKey, datasetLabel?)`
-
-Pas de DOM, pas de réseau, pas d’`eval`.
-
-## Markup
-
-<sonic-code language="html">
-  <template>
-&lt;sonic-jsonata
-  inputProvider="api/space-cats"
-  outputProvider="leaderboard"
-  formDataProvider="topForm"
-  expression='$input{name: $sum(points)} ~> $each(function($v,$k){{"name":$k,"points":$v}}) ^(>points)[[0..$number($top)-1]]'
-&gt;&lt;/sonic-jsonata&gt;
-  </template>
-</sonic-code>
-
-Pour du multi-entrées ou une fonction TS : primitive [`derive`](#docs/_core-concept/dataFlow.md/dataFlow).
-
-## States
-
-`{output}/_state_` → `{ status, error? }` (`loading` | `ready` | `error` | `empty`). Brancher avec `sonic-states`.

package/docs/src/core/components/functional/list/list.md

@@ -1,65 +0,0 @@
-# List
-
-> **Try offline:** `serviceURL="/docs-mock-api"` and `dataProvider="api/users"` with `key="data"` — see [Local API demos](#docs/_misc/docs-mock-api.md/docs-mock-api). Recommended patterns: [Data flow](#docs/_core-concept/dataFlow.md/dataFlow).
-
-The **sonic-list** component renders one row per entry in **`props`** (array from fetch or set on the element).
-
-List extends [Subscriber](#docs/_core-concept/subscriber.md/subscriber) and **Fetcher**:
-* **Subscriber** — `props` + `dataProvider`
-* **Fetcher** — optional `fetch` + `serviceURL` / `key` (see [Fetch](#core/components/functional/fetch/fetch.md/fetch))
-
-## Row renderer (`items`) — recommended
-
-From a **Lit** parent, pass a function on the **`items`** property (`ListItems`). Each row is wrapped in a `sonic-subscriber` with `dataProvider="…/list-item/n"` (hover rows with `debug`).
-
-```typescript
-private items = ({ first_name, last_name, email, avatar }) => html`
-  <sonic-image src=${avatar} …></sonic-image>
-  <div>${first_name} <b>${last_name}</b></div>
-  <div>${email}</div>
-`;
-
-html`<sonic-list
-  fetch
-  dataProvider="api/users"
-  key="data"
-  serviceURL="/docs-mock-api"
-  .items=${this.items}
-></sonic-list>`;
-```
-
-Use **`.items=${fn}`** (property binding): Lit passes functions only as properties, not as HTML attributes — `@property({ type: Function })` does not change that. Same for **`.noItems`**, **`.separator`**, **`.skeleton`**. The callback receives each row object (replacing `data-bind` / `<sonic-value>` in a `<template>`).
-
-Live demo + TypeScript source (one file, no Markdown copy):
-
-<docs-lit-demo for="docs-users-list"></docs-lit-demo>
-
-Implementation: `src/docs/example/docs-users-list.ts` — row markup in the **`items`** callback (`item.first_name`, …), same idea as replacing `data-bind` / `<sonic-value>` in a `<template>`.
-
-## Alternating row layouts
-
-Use **`metadata`** (`even`, `odd`, `firstChild`, …) or fields on each item (e.g. `tpl` with `templateKey`):
-
-<docs-lit-demo for="docs-list-alternate-demo"></docs-lit-demo>
-
-<docs-lit-demo for="docs-list-template-key-demo"></docs-lit-demo>
-
-## Separator and empty list
-
-<docs-lit-demo for="docs-list-separator-demo"></docs-lit-demo>
-
-## Fetch + `extractValues`
-
-<docs-lit-demo for="docs-list-extract-values-demo"></docs-lit-demo>
-
-## HTML `<template>` children (integration without Lit)
-
-For **plain HTML** hosts, you can still declare **`<template>`** children (and `data-value` for `templateKey`, `separator`, `no-item`). That path is for [HTML integration](#docs/_misc/html-integration.md/html-integration) — not used in Concorde doc live demos.
-
-Each list row still gets `dataProvider="[list]/list-item/[index]"`.
-
-## Additionnal tips
-
-* If the request returns an object, it is wrapped in an array (unless `extractValues` is set).
-* Call **`invalidate()`** on the list publisher to reload fetch data.
-* Each row publisher exposes **`_parent_`** pointing at the list publisher.

package/docs/src/core/components/functional/mix/mix.md

@@ -1,41 +0,0 @@
-# Mix
-
-Mix allows you to mix several subsets of dataProvider in a new key/value structure which is itself associated with a new dataProvider. The data update is then bidirectional.
-
-Dot notation is supported to extract a sub-part of the data.
-
-For example, if we declare dataproviders as follows :
-<sonic-code>
-  <template>
-    <sonic-subscriber dataProvider="dataToMixA" props='{"foo":{"bar":2}}'></sonic-subscriber>
-    <sonic-subscriber dataProvider="dataToMixB" props='{"baz":3}'></sonic-subscriber>
-  </template>
-</sonic-code>
-We can rearrange the data as follows
-<sonic-code>
-  <template>
-    <sonic-mix dataProvider="mixedData" composition='{"either":"dataToMixB","orThat":"dataToMixA.foo.bar"}'>
-      <div>Value of dataToMixA.foo.bar and mixedData.orThat : <sonic-value key="orThat"></sonic-value></div>
-      <div>Value of dataToMixB.baz and mixedData.either.baz : <sonic-value key="either.baz"></sonic-value></div>
-    </sonic-mix>
-  </template>
-</sonic-code>
-Then we can change values in both dataProviders programaticaly this way, they will stay in sync
-<sonic-code language="javascript">
-  <template>
-  SonicPublisherManager.get("mixedData").either.baz=6;
-  SonicPublisherManager.get("dataToMixB").baz=8;
-  SonicPublisherManager.get("dataToMixA").foo.bar=8;
-  SonicPublisherManager.get("mixedData").orThat=6;
-  </template>
-</sonic-code>
-Or by using a form element
-<sonic-code>
-<template>
-<sonic-input label="mixedData.orThat" formDataProvider="mixedData" name="orThat"></sonic-input>
-</template>
-</sonic-code>
-
-
-
-

package/docs/src/core/components/functional/queue/queue.md

@@ -1,72 +0,0 @@
-# Queue
-
-> **Try offline:** `serviceURL="/docs-mock-api"` — see [Local API demos](#docs/_misc/docs-mock-api.md/docs-mock-api). Row rendering: [Data flow](#docs/_core-concept/dataFlow.md/dataFlow) (`.items` property binding).
-
-**sonic-queue** loads data in **batches**. Each batch is an internal [List](#core/components/functional/list/list.md/list) with its own `dataProvider` (`…/list-item/0`, `…/1`, …).
-
-| Mechanism | Role |
-|-----------|------|
-| **`dataProviderExpression`** | API path template; `$offset` and `$limit` are replaced per batch |
-| **`lazyload`** | Load the next batch when the user scrolls near the end |
-| **`dataFilterProvider`** | Publisher id of a form (`formDataProvider`); field values are merged into the request query string |
-| **`filteredFields`** | Optional list of form field names to **exclude** from the query (space-separated) — omit when every field should be sent |
-| **`.items`**, **`.noItems`**, **`.separator`**, **`.skeleton`** | Lit callbacks forwarded to each batch list (use the **dot** — functions are properties, not attributes) |
-
-## Lazy load — `$offset` and `$limit`
-
-When the expression contains **`$offset`** and **`$limit`**, the queue:
-
-1. Fetches the first batch with `offset=0` (or the initial `offset` attribute) and `per_page=$limit`.
-2. On scroll, appends a batch with `offset` increased by the previous batch size.
-3. Stops when a batch returns fewer rows than `limit` (or none).
-
-The doc mock implements this on `GET /docs-mock-api/api/users?offset=…&per_page=…` (`paginateUsers` in `src/docs/mock-api/router.ts`).
-
-<docs-lit-demo for="docs-queue-users-demo"></docs-lit-demo>
-
-Wrap the queue in a **fixed height** with **`overflow-y-auto`** so lazy load triggers when scrolling inside the box (same layout as the [TS starter](https://github.com/supersoniks/create-concorde-ts-starter) `demo-queue-templates`).
-
-Try scrolling after load — batches of 4 users. Search e.g. `George`, `Bluth`, or `zzz` for empty results.
-
-### Expression example
-
-```typescript
-html`<sonic-queue
-  lazyload
-  serviceURL="/docs-mock-api"
-  dataProviderExpression="api/users?offset=$offset&limit=$limit"
-  key="data"
-  limit="4"
-  class="grid max-h-96 overflow-y-auto"
-  .items=${this.renderUser}
-></sonic-queue>`;
-```
-
-Without **`$offset`** in the expression, the queue behaves like a single list (one batch), e.g. geo communes below.
-
-## Filter — `dataFilterProvider` + `q`
-
-One search field (`name="q"`) on `formDataProvider="filter"`. The queue listens via **`dataFilterProvider="filter"`** and, on change:
-
-1. Resets loaded batches.
-2. Appends each non-empty form field to the query (here only **`q`** — no `filteredFields` needed).
-3. Fetches again from offset `0`.
-
-Use **`filteredFields`** only when the form has extra fields that must **not** be sent to the API (e.g. `filteredFields="rememberMe internalId"`).
-
-The mock API filters before pagination — same haystack logic as the starter (`filterDocsUsers` in `src/docs/mock-api/fixtures.ts`, used by `paginateUsers` in `router.ts` / Service Worker):
-
-```typescript
-const haystack = `${first_name} ${last_name} ${email}`.toLowerCase();
-return haystack.includes(q);
-```
-
-## Simple batch (no lazy scroll)
-
-Geo communes: expression uses **`$limit` only** (no `$offset`) — one request, one batch.
-
-<docs-lit-demo for="docs-queue-geo-demo"></docs-lit-demo>
-
-## HTML `<template>` children
-
-Optional for hosts without Lit — see [HTML integration](#docs/_misc/html-integration.md/html-integration).

package/docs/src/core/components/functional/router/router.md

@@ -1,94 +0,0 @@
-# Router
-
-**sonic-router** watches `document.location` (pathname + hash) and renders the matching view.
-
-From a **Lit** parent, pass a **`.routes`** map (property binding — same rule as [`.items` on list](#core/components/functional/list/list.md/list)): keys are path patterns, values are render functions. Use **`fallback`** when nothing matches.
-
-Legacy HTML **`<template data-route="…">`** remains for hosts without Lit — [HTML integration](#docs/_misc/html-integration.md/html-integration).
-
-## Static routes (no parameters)
-
-Route keys are matched against `pathname + hash`. A simple hash route `#home` matches when the location contains that segment.
-
-On the **doc site**, the page URL is already a hash (`#…/router.md/router`). Demos append a **second** hash for in-page routes (`#…/router#home`), use **`href` + `autoActive="strict"`** on `sonic-button` for the active state, and `history.replaceState` on click so markdown is not reloaded (`setDocsDemoSubHash` in `src/docs/docs-location.ts`).
-
-<docs-lit-demo for="docs-router-basic-demo"></docs-lit-demo>
-
-```typescript
-@state()
-private routes = {
-  "#home": () => html`<div>Home</div>`,
-  "#about": () => html`<div>About</div>`,
-  fallback: () => html`<div>Not found</div>`,
-};
-
-html`
-  <sonic-button href="#home">Home</sonic-button>
-  <sonic-router .routes=${this.routes}></sonic-router>
-`;
-```
-
-| Key | When it runs |
-|-----|----------------|
-| `"#home"`, `"#about"`, … | `RegExp` or [url-pattern](https://www.npmjs.com/package/url-pattern) test succeeds on current location |
-| **`fallback`** | No other route matched (not an attribute — a key on the same object) |
-
-## Routes with parameters
-
-Two styles (see `router.demo.ts` and `docs-router-params-demo`):
-
-### Url-pattern (`:name`)
-
-Key uses **`:param`** segments. The render function receives an **object** `{ param: string }`.
-
-<docs-lit-demo for="docs-router-params-demo"></docs-lit-demo>
-
-```typescript
-"#couleur/:id": ({ id }) => html`<p>Colour id: ${id}</p>`,
-```
-
-### RegExp (capturing groups)
-
-Key is a **RegExp** string with `(\d+)` / `(\w+)` groups. The render function receives an **array** of captured strings (in order).
-
-```typescript
-"#products/(\\d+)/(\\w+)": ([productId, slug]) =>
-  html`<p>Product ${productId}, slug ${slug}</p>`,
-```
-
-With parameters you usually render data directly in Lit (`${id}`). The old **`<template data-route>` + `dataProviderExpression`** pattern scoped a `dataProvider` for `data-bind` / fetch children — prefer **`@subscribe`** or explicit props when using `.routes`.
-
-## `.routes` binding
-
-Always use **`.routes=${…}`** in Lit templates: route handlers are functions and must be set as **properties**, not HTML attributes.
-
-## Optional attributes
-
-| Attribute | Role |
-|-----------|------|
-| **`basePath`** | Prefix for pattern matching (default allows optional leading segments) |
-| **`fallBackRoute`** | If set and no template/route matches, navigates to this URL (redirect). Distinct from **`routes.fallback`** which only renders content |
-
-## `sonic-redirect`
-
-Separate component: redirect when data appears on a publisher (login steps, wizards). Not part of the `.routes` map.
-
-<sonic-code>
-  <template>
-    <sonic-redirect to="#core/components/functional/router/router.md/router#data-is-set" dataProvider="stupid-data-set-id" onData="theData"></sonic-redirect>
-    <div class="flex gap-2 mb-4" formDataProvider="stupid-data-set-id">
-      <sonic-button radio name="theData" value="Some Data" size="xs">
-        Enter data
-      </sonic-button>
-      <sonic-button radio name="theData" value="" href="javascript:history.back();" size="xs">
-        Delete the data and do a history.back()
-      </sonic-button>
-    </div>
-  </template>
-</sonic-code>
-
-Example: combine with **`.routes`** and **submit** for login / logout / profile steps.
-
-## Package demo
-
-`sonic-router-demo` (`router.demo.ts`) — home, user profile (`#user/:id/:slug`), products RegExp, **fallback** 404.

package/docs/src/core/components/functional/sdui/default-library.json

@@ -1,108 +0,0 @@
-{
-    "checkbox": {
-        "tagName": "sonic-checkbox"
-    },
-    "date": {
-        "tagName": "sonic-input",
-        "attributes": {
-            "type": "date"
-        }
-    },
-    "fieldset": {
-        "tagName": "sonic-fieldset",
-        "nodes":[{"libraryKey":"formLayout"}],
-        "contentElementSelector":"sonic-form-layout"
-    },
-    "managed_file": {
-        "tagName": "sonic-input",
-        "attributes": {
-            "variant":"ghost",
-            "type": "file"
-        }
-    },
-    "password": {
-        "tagName": "sonic-input",
-        "attributes": {
-            "type": "password"
-        }
-    },
-    "radio": {
-        "tagName": "sonic-radio"
-    },
-    "select": {
-        "tagName": "sonic-select"
-    },
-    "textarea": {
-        "tagName": "sonic-textarea"
-    },
-    "textfield": {
-        "tagName": "sonic-input",
-        "attributes": {
-            "type": "text"
-        }
-    },
-    "hidden": {
-        "tagName": "sonic-input",
-        "attributes": {
-            "type": "hidden"
-        }
-    },
-    "button": {
-        "tagName": "sonic-button"
-    },
-    "form": {
-        "tagName": "sonic-submit",
-        "attributes": {
-            "onEnterKey": true
-        }
-    },
-    "submit": {
-        "tagName": "sonic-submit",
-        "attributes": {
-            "onClick": true
-        },
-        "contentElementSelector":"sonic-button",
-        "nodes":[
-            {
-                "libraryKey":"button",
-                "attributes":{"type":"success"},
-                "nodes":[
-                    {
-                        "tagName":"sonic-icon",
-                        "attributes":{
-                            "name":"check",
-                            "slot":"prefix"
-                        }
-                    }
-                ]
-            }
-        ]
-    },
-    "email": {
-        "tagName": "sonic-input",
-        "attributes": {
-            "type": "email"
-        }
-    },
-    "formItemContainer": {
-        "tagName": "div",
-        "attributes": {
-            "class": "form-item-container"
-        }
-    },
-    "formLayout": {
-        "tagName": "sonic-form-layout"
-    },
-    "formActions": {
-        "tagName": "sonic-form-actions"
-    },
-    "passwordHelper": {
-        "tagName": "sonic-password-helper"
-    },
-    "sameValueHelper": {
-        "tagName": "sonic-same-value-helper"
-    },
-    "divider": {
-        "tagName": "sonic-divider"
-    }
-}

package/docs/src/core/components/functional/sdui/example.json

@@ -1,99 +0,0 @@
-{
-  "nodes": [
-    {
-      "tagName": "div",
-      "attributes": {
-        "class": "flex gap-2 items-center",
-        "formdataprovider": "states-basic-example"
-      },
-      "nodes": [
-        {
-          "tagName": "sonic-button",
-          "attributes": {
-            "radio": "",
-            "name": "selection",
-            "value": "#home",
-            "checked": "",
-            "size": "xs"
-          },
-          "innerHTML": "Home"
-        },
-        {
-          "tagName": "sonic-button",
-          "attributes": {
-            "radio": "",
-            "name": "selection",
-            "value": "#about",
-            "size": "xs"
-          },
-          "innerHTML": "About"
-        },
-        {
-          "tagName": "sonic-button",
-          "attributes": {
-            "radio": "",
-            "name": "selection",
-            "value": "#work",
-            "size": "xs"
-          },
-          "innerHTML": "Work"
-        },
-        {
-          "tagName": "sonic-button",
-          "attributes": {
-            "radio": "",
-            "name": "selection",
-            "value": "#contact",
-            "size": "xs"
-          },
-          "innerHTML": "Contact"
-        }
-      ]
-    },
-    {
-      "tagName": "div",
-      "attributes": {
-        "class": "text-center text-neutral-700 border rounded text-4xl  my-6 p-3 "
-      },
-      "nodes": [
-        {
-          "tagName": "sonic-states",
-          "attributes": {
-            "dataprovider": "states-basic-example",
-            "data-path": "selection"
-          },
-          "nodes": [
-            {
-              "tagName": "template",
-              "attributes": {
-                "data-value": "#home"
-              },
-              "innerHTML": "Home"
-            },
-            {
-              "tagName": "template",
-              "attributes": {
-                "data-value": "#about"
-              },
-              "innerHTML": "About"
-            },
-            {
-              "tagName": "template",
-              "attributes": {
-                "data-value": "#work"
-              },
-              "innerHTML": "Work"
-            },
-            {
-              "tagName": "template",
-              "attributes": {
-                "data-value": "#contact"
-              },
-              "innerHTML": "Contact"
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}