@evinvest/uikit 0.30.0 → 0.32.0

package/README.md

@@ -1,7 +1,7 @@
 # @evinvest/uikit
 
 A **dep-light** React UI kit with shadcn-style semantics — the TypeScript mirror
-of the UI kit of the [`ev_lib`](https://github.com/EV-invest/lib) Rust crate,
+of the UI kit of the [`ev_lib`](https://github.com/EV-Main/web_std) Rust crate,
 which ships it for Dioxus (`ev_lib::uikit_dioxus`) and Leptos
 (`ev_lib::uikit_leptos`) over one framework-free core. All three are driven from
 the same canonical class strings and the same design tokens, so a component
@@ -60,14 +60,23 @@ your Tailwind v4 entrypoint — this is the load-bearing part of the kit:
 
 | group | names |
 |---|---|
-| scope | `:root` · `[data-brand="…"]` — a theme root; `.light` · `.dark` — a polarity beneath it |
-| surfaces | `background` `card` `popover` `muted` `hover` |
-| ink | `ink` `ink-mid` `ink-soft` — hierarchy, loudest first |
-| lines | `border` `input` `ring` |
-| roles | `brand` `primary` `secondary` `positive` `accent-trace` `accent-debug` `accent-info` `accent-warn` `accent-error`, each with `on-*` where it gets filled; `primary-ink` — the primary role as ink on a surface (`#128377` fill under a white `on-primary`, `#2a9d8f` ink); `accent-error-ink` — the error role as text on its own tint (derived, a palette may pin it) |
-| scalars | `radius` `control-radius` `control-py` `display-scale` `band-py` `page-max` `page-px` `shell-rail-w` `shell-tab-bar-h` `shadow-*` `font-*` |
+| scope | `:root` · `[data-brand="…"]` — a theme root; `.light` · `.dark` — a polarity beneath it; `[data-theme="oldschool"]` — EV's navy look |
+| surfaces | `background` (page) · `card` (surface) · `secondary` (raised) · `popover` (overlay) · `muted` (inset, input fill) |
+| states | `hover` · `active` · `selected` — translucent tints; `scrim` — behind a modal |
+| ink | `ink` · `ink-mid` · `ink-soft` — hierarchy, loudest first; `ink-faint` — disabled only |
+| lines | `border-subtle` (row rule) · `border` (hairline, 14 %) · `border-strong` (state and overlay edges) · `input` (control edge, ≥ 3:1) · `ring` |
+| roles | `brand` `primary` `secondary` `positive` `accent-trace` `accent-debug` `accent-info` `accent-warn` `accent-error`, each with `on-*` where it gets filled; `primary-ink` — the primary role as ink on a surface; `primary-hover` · `primary-border` — the primary button's states |
+| status inks | `positive-ink` · `accent-info-ink` — a quiet status role as text on a surface (derived, a palette may pin them); warn and error text wears `accent-warn` · `accent-error` itself, held to 3:1 |
+| faces | `button-danger-*` (`bg` `hover` `border` `ink`) — the destructive `Button`; `chip-{neutral,primary,positive,info,warn,error}-{bg,border}` — the `Badge`; `button-primary-*` — no kit component paints it; derived for a brand, pinned per theme by EV |
+| type | `text-caption` 11/14 · `body-s` 12/16 · `body` 13/18 · `body-l` 14/20 · `h3` 14/20 · `h2` 24/30 · `h1` 32/38 · `figure-m` 20/24 · `figure-l` 28/32 (size and line height each) |
+| scalars | `radius` (panel, 6 px) · `control-radius` (4 px) · `chip-radius` (4 px) · `depth-card` `depth-elevated` `depth-overlay` · `control-py` `display-scale` `band-py` `page-max` `page-px` `shell-rail-w` `shell-tab-bar-h` · `font-*` |
 | motion | `ev-ease-out` `ev-ease-in-out` `ev-dur-fast` `ev-dur-base` `ev-dur-slow` `ev-rise` `ev-stagger` `ev-stagger-section` |
-| charts | `chart-1` … `chart-5` |
+| charts | `chart-1` … `chart-6` |
+
+A palette owes **29 names**: the colours that are not derived, which is every
+role and surface above plus `chart-1` … `chart-6`. The states, lines, inks,
+status inks, faces and chips are derived from them with formulas, so a brand
+file that pins none of them still renders.
 
 Custom properties inherit, so a scope class on a `<section>` re-themes its
 subtree — `bg-card text-ink` is correct on both polarities with no prop. That is
@@ -81,14 +90,38 @@ polarity — so `on-{role}` exists exactly there.
 
 A fill and an ink are different jobs, and `primary` is the one role that
 names them separately: `primary` is the fill (`bg-primary text-on-primary` on
-a button, a checked switch or checkbox — `#128377`, white reads on it at
-4.63:1 and it clears 3:1 against `background`, `secondary`, `card` and
-`popover`) and `primary-ink` is the same hue as ink (`text-primary-ink` on a
-link or eyebrow, a radio dot, a slider range, `border-primary-ink` on a checked
-outline, the focus `ring` — `#2a9d8f`, 5.85:1 on `background`, 4.72:1 on
-`card`). Every other role holds its own label and reads as ink with one value.
-A consumer sheet must define `--primary-ink`; see
-[`docs/spec/accents.md`](../../docs/spec/accents.md).
+a primary button, a checked switch or checkbox — `#138377`, white reads on it at
+4.62:1 and it clears 3:1 against every plane) and `primary-ink` is the same hue
+as ink (`text-primary-ink` on a link or eyebrow, a radio dot, a slider range,
+the focus `ring` — `#35a395` in Dark, `#116f65` in Light). The status roles
+follow the same rule with their `-ink` values. A consumer sheet must define
+`--primary-ink`; see [`docs/spec/accents.md`](../../docs/spec/accents.md).
+
+### Themes
+
+EV ships three, each a zero-specificity rule that pins every EV token:
+
+| theme | how to switch | look |
+|---|---|---|
+| **Dark** (default) | nothing: no class, no attribute | near-black neutrals, warm ink, one teal accent, flat |
+| **Light** | `class="light"` on `<html>` or on any wrapper | warm paper planes, same shapes |
+| **Oldschool** | `data-theme="oldschool"` on `<html>` or on any wrapper | the navy look: radius 8 / control 6 / pill chips, tinted chips, real shadows |
+
+Dark and Light are flat: depth is surface steps and hairlines, and the
+`--depth-*` tiers behind `shadow-card`, `shadow-elevated` and `shadow-overlay`
+are a zero shadow. Oldschool gives them back.
+
+Scoping works the way the polarity classes always did. A `.light` or
+`[data-theme="oldschool"]` wrapper inside a Dark page takes its own full token
+set; a `.light` or `.dark` inside an Oldschool region also takes Oldschool.
+EV's rules do not match inside a `[data-brand]` scope or on its element, so a
+brand's own `.light` and `.dark` never pick EV's values up. Keep `data-theme`
+and `data-brand` on separate elements. For a side-by-side view give each scoped
+wrapper its own `PortalProvider` container so overlays stay inside the scope.
+
+The planes sit only 1.04–1.14:1 apart on purpose, so what separates them is the
+`--border` hairline (measured 1.37–1.46:1 on Dark, 1.35:1 on Light). Do not lift
+a plane to chase the ratio; see [`docs/spec/accents.md`](../../docs/spec/accents.md).
 
 Accents are decorative and **ordered by significance**, quiet to loud. Pick a
 rung by how loud the thing should be, never by what it means; see
@@ -106,29 +139,29 @@ It has two halves, each also shipped as a flat sheet of its own —
 `styles/theme.css` (the contract) and `styles/ev.css` (EV's palette):
 
 - **the contract** — the `@theme inline` mapping, the geometry, and the tokens
-  *derived* from a palette (`hover`, `ink-mid`, `ink-soft`, `border`, `input`
-  from `ink`; `ring` from `primary-ink`; `accent-error-ink` from `accent-error`
-  and `ink`). The derived ones are redeclared on
-  `:root`, `[data-brand]`, `.light` and `.dark` at zero specificity, so a brand
-  scope gets its own borders, hover and focus ring rather than inheriting the
-  root's, and a palette may still pin any of them outright. The geometry
-  (`radius`, `page-px`, `band-py`, …) and its responsive scale-ups restart on
-  every `[data-brand]` the same way.
-- **EV's palette** — a single dark palette on `:where(:root, [data-brand="ev"])`.
-  It binds neither polarity class, so a `.dark` section inside another brand
-  never picks EV's values up, and `<Section polarity="light">` under EV is a
-  no-op (EV is single-polarity).
+  *derived* from a palette (`hover` `active` `selected` `border-*` `ink-mid`
+  `ink-soft` `ink-faint` `input` from `ink`; `scrim`; `ring` from `primary-ink`;
+  `primary-hover` `primary-border`; the status inks; the button faces and
+  chips). The derived ones are redeclared on `:root`, `[data-brand]`, `.light`,
+  `.dark` and `[data-theme]` at zero specificity, so a brand scope gets its own
+  borders, hover and focus ring rather than inheriting the root's, and a
+  palette may still pin any of them outright. The geometry (`radius`,
+  `page-px`, `band-py`, …) and its responsive scale-ups restart on every
+  `[data-brand]` the same way.
+- **EV's palette** — Dark on `:root`, `[data-brand="ev"]` and `.dark`; Light on
+  `.light`; Oldschool on `[data-theme="oldschool"]`. None of them matches inside
+  another brand's scope.
 
 ### Brand palettes
 
-A second brand is a palette against the same names, scoped to
+A second brand is a palette against the same names (29 of them, `chart-6` among them), scoped to
 `[data-brand="<slug>"]`; light is its default and `.light` / `.dark` beneath it
 pick a polarity, so a `<Section polarity="dark">` inside the brand takes the
 brand's dark values. The package ships a generator for it, reading the
 `brand.toml` shape (`[colors.light]` and `[colors.dark]`, keyed by token name;
 optional top-level `mark` and `mark-aspect` become `--brand-mark` and
 `--brand-aspect`; the family names in `[fonts]` — `sans` (or aquafix's `text`),
-`display`, `mono` — become the [font parameters](#fonts); other keys and tables
+`serif`, `mono` — become the [font parameters](#fonts); other keys and tables
 are ignored). Each polarity block also declares `--scheme: light | dark`, which
 the platform-drawn parts of the kit read (a `NativeSelect`'s popup):
 
@@ -193,13 +226,16 @@ under a brand under another brand may match either.
 
 ### Fonts
 
-The families are parameters, one per role; unset, each is EV's:
+The families are parameters, one per role, and not part of the 29 colour names:
+a palette is complete without them, and the generator only carries what a
+brand file's `[fonts]` declares. Unset, each is EV's, and Oldschool carries the
+families the navy look shipped with:
 
-| parameter | utilities | default (EV) |
-|---|---|---|
-| `--brand-font-sans` | `font-sans`, the page's base family | `--font-inter`, else `"Inter"` |
-| `--brand-font-display` | `font-display`, `font-serif` | `--font-playfair`, else `"Playfair Display"` |
-| `--brand-font-mono` | `font-mono` | `--font-inter`, else `"Inter"` |
+| parameter | utilities | default (EV) | Oldschool |
+|---|---|---|---|
+| `--brand-font-sans` | `font-sans`, the page's base family | `--font-inter`, else `"Inter"` | same |
+| `--brand-font-serif` | `font-serif` | `--font-inter-tight`, else `"Inter Tight"` | `--font-playfair`, else `"Playfair Display"` |
+| `--brand-font-mono` | `font-mono` | `--font-jetbrains-mono`, else `"JetBrains Mono"` | `--font-inter`, else `"Inter"` |
 
 Declare them on the brand scope (the palette generator writes them from
 `[fonts]`) and load the files yourself — `next/font`, or your own `@font-face`;
@@ -207,10 +243,13 @@ the kit ships no font files:
 
 ```css
 [data-brand="aquafix"] {
-  --brand-font-display: "Archivo";
+  --brand-font-serif: "Archivo";
 }
 ```
 
+The serif role is the second face, for headings, figures, wordmarks, italic
+accents and the avatar initial; it need not have serifs.
+
 The utilities resolve the chain on the element, so a scope re-fonts everything
 under it that carries one. The page's base family resolves once, on `<html>`: a
 brand scoped lower than `<html>` puts `font-sans` on its own element so plain
@@ -306,12 +345,12 @@ through hydration. Three parts of the kit make that hold:
 ```
 
 **Focus.** A control that paints a fill — `Button` `primary` / `secondary` /
-`destructive` or any accent fill, a filled `Badge`, `Switch`, `Checkbox` —
-shows focus as the solid `ring` standing 2px off it, so both edges of the
-indicator are against the surface: the ring reads on every surface at ≥ 3:1
-and so does the fill, on every palette and polarity `test/tokens.test.ts`
+`destructive` or any accent fill, a `Badge` link, `Switch`, `Checkbox`,
+`Toggle` — shows focus as the solid `ring` standing 2px off it, so both edges of
+the indicator are against the surface: the ring reads on every surface at
+≥ 3:1 and so does the fill, on every palette and polarity `test/tokens.test.ts`
 measures. Controls that sit on the surface (`outline`, `ghost`, inputs) keep
-the `ring` border plus its halo.
+the `ring` border plus its halo; list rows draw an inset ring.
 
 ## App shell
 
@@ -319,7 +358,8 @@ The frame a signed-in app sits in — a rail beside the page on a wide screen, a
 tab bar under it on a phone, one page inset and title scale, and the motion
 between screens. It knows nothing about routes, roles or data: the nav is a
 list you build, visibility is a list you filter, and the router comes in as two
-props. TS-only (see [Limitations](#limitations)).
+props. TS-only (see [Limitations](#limitations)), except `TopBar`,
+`SystemBanner` and `SectionLabel`, which have Dioxus twins.
 
 ```tsx
 // app/(app)/layout.tsx — the layout stays a Server Component; the nav is a client leaf
@@ -394,6 +434,15 @@ export function Nav() {
   middle click does not. One marker per group slides between rows on a CSS
   `transform` transition — it is placed by measurement, so until hydration the
   marked row carries the fill itself.
+  *Collapsible sections* are opt-in: set `collapsible` on a group (or on
+  `ShellNav` for every labelled group; a group's own value wins) and its label
+  becomes a header with a chevron. `defaultOpen`, controlled `open` /
+  `onOpenChange`, and `href` (the label links to a landing page, only the
+  chevron toggles) go on the group; the group holding the current route opens
+  when the route moves into it. Height runs on a `0fr → 1fr` grid track with a
+  180 ms fade and chevron turn (`--ev-dur-fast`, `--ev-ease-in-out`), none under
+  reduced motion; closed rows are `inert`. `labels` also takes `expand` /
+  `collapse` (the chevron reads "Expand Guides"). `SectionNav` takes the same.
 - **`BottomTabBar`** — `items` (five fit a phone), the same router props,
   callbacks and optimistic mark, `labels` `{ nav, badge(n) }`. One rule slides by
   whole tab widths and fades on a route no tab claims; a numeric `badge` sits
@@ -416,8 +465,8 @@ export function Nav() {
   onValueChange?, linkComponent?, labels: { nav } }` — a page's own section
   rail (settings panes); items are buttons, or links when they have an `href`.
 - **`ResourceError`** `{ message, variant: "inline" (onRetry?, retrying?) |
-  "alert" (title?), labels: { retry } }` and **`SystemBanner`** `{ tone: "warn" |
-  "info", title?, icon?, onDismiss?, labels: { dismiss } }` — presentation
+  "alert" (title?), labels: { retry } }` and **`SystemBanner`** `{ tone: "neutral" |
+  "primary" | "info" | "warn", title?, icon?, onDismiss?, labels: { dismiss } }` — presentation
   only; what failed and whether a dismissal sticks are yours.
 - **`Settled`** `{ loading, skeleton, children }` — the skeleton → content
   handover: the content fades and rises in after a skeleton was shown, and cuts
@@ -464,6 +513,57 @@ The timing is tokens on every theme root, for your own transitions too
 `--ev-rise` (8px), `--ev-stagger` (35ms), `--ev-stagger-section` (50ms). The
 shell's geometry is `--shell-rail-w` (248px) and `--shell-tab-bar-h` (64px).
 
+
+### Animated numbers
+
+`AnimatedNumber` shows a number that moves to its new value. It needs no
+animation library: the digits are CSS transforms and transitions, and the
+count-up is `requestAnimationFrame`.
+
+```tsx
+<AnimatedNumber value={balance} format={{ style: "currency", currency: "USD" }} />
+<AnimatedNumber value={change} format={{ style: "percent", signDisplay: "exceptZero" }} />
+<AnimatedNumber value={volume} format={{ notation: "compact" }} mode="count" animateOnMount />
+```
+
+| prop | |
+|---|---|
+| `value` | the number |
+| `format`, `locales` | passed to `Intl.NumberFormat` |
+| `mode` | `roll` (default): digit columns spin. `count`: the number is tweened and re-formatted each frame |
+| `trend` | roll only. `1` every column spins up, `-1` down, `0` each column takes its shorter way. Default: the way the value moved |
+| `duration` | ms per change: spin 750 (roll), whole tween 800 (count) |
+| `prefix`, `suffix` | React nodes beside the figure, not animated |
+| `live` | announce each new value politely; off by default |
+| `animateOnMount`, `from` | animate the first render from `from` (default 0) |
+
+It inherits font, size and colour, so it fits `text-figure-l font-serif
+font-light` as well as a `text-body` table cell. `tabular-nums` is on.
+`useCountTween(value, { duration, easing, from, animateOnMount })` returns the
+in-flight number for a chart or a label of your own. `HeaderBalance` takes
+`amount` (USD unless `format` says otherwise); any `figure`, `value` or other
+`ReactNode` slot takes an `<AnimatedNumber />` as is.
+
+**How roll works.** `formatToParts` splits the value. Integer digits are keyed
+by place value from the right, fraction digits by position, so `9 -> 10` keeps
+the existing column and only a new one enters. Symbols (currency, sign, group,
+decimal, percent, compact suffix) are keyed by type. A digit is a clipped
+one-line window over a strip moved with `translateY` on a spring-shaped
+`linear()` easing (~4 % overshoot), with soft top and bottom edges. The strip
+is unbounded, so a forced direction wraps (9 to 0 going up). Entering and leaving
+parts animate width (`0fr` to `1fr`) and opacity in 350 ms, so their neighbours
+slide.
+
+**Accessibility.** The final formatted value is in the DOM once, as
+visually hidden text; the moving glyphs are `aria-hidden` and not selectable,
+so a copy gives the formatted text.
+
+**Reduced motion.** Under `prefers-reduced-motion: reduce` a new value swaps in
+at once: no spin, no width animation, no tween frames.
+
+**SSR.** The server prints the final formatted value, also with `animateOnMount`,
+so hydration does not jump; the count-up starts after hydration.
+
 ## Usage
 
 ```tsx
@@ -474,7 +574,7 @@ export function Example() {
     <Card>
       <CardHeader>
         <CardTitle>Portfolio</CardTitle>
-        <Badge variant="success">+12.4%</Badge>
+        <Badge variant="positive">+12.4%</Badge>
       </CardHeader>
       <CardContent>
         <Button onClick={() => {}}>Invest</Button>
@@ -602,8 +702,13 @@ the cell says so.
 | optional slot present | an explicit prop, never read off `children`: `FieldSeparator { content: true, "or" }` renders the copy pill; `FormMessage { error, .. }` renders only while `error` (the same flag as `FormControl`'s) | `!!children` / `if (!children) return null` |
 | option label | `SelectItem { value, text_value, .. }`: the text type-ahead matches, an explicit prop in both ports — never read off `children` | `SelectItem`'s `textValue`, else the text of its children |
 | toasts | `ToasterProvider` + `use_toaster()` → `ToasterHandle` (`.toast` `.positive` `.error` `.info` `.warn` `.show` `.dismiss`), same in both ports | global `toast(...)` / `toast.dismiss` |
+| children present | `SettingsSection` and `SystemBanner`: Dioxus checks that the children render something, Leptos that children were passed | `children !== undefined` |
+| `SystemBanner` glyph | `icon` replaces the tone's glyph; Dioxus drops it with an empty `icon: rsx! {}`, Leptos with `icon=None` | `icon={null}` |
+| `KeyValue` label | Dioxus: an `Element`; Leptos: `KeyValueLabel::{Text, View}` (`.into()` from a string), since only text names the copy button | `label` (`ReactNode`) |
+| time-varying props | Dioxus: plain values; Leptos: signals — `HeaderBalance`, `NotificationBell`, `ModelChip`, `ChatComposer` `streaming` / `disabled`, `ConfirmDialog` `pending` / `error`, `ChatAttachment` `progress`, `AsidePanel` `open` | props |
+| Ctrl+K hook | `use_command_palette_shortcut(on_trigger, enabled)`: `enabled` is a `bool` in Dioxus, a `Signal<bool>` in Leptos | `useCommandPaletteShortcut` |
 
-### Component inventory (all 75 bricks)
+### Component inventory (all bricks)
 
 - **Tier A — static (23):** badge, button, button-group, card, input, textarea,
   label, field, separator, skeleton, spinner, kbd, table, container, alert,
@@ -621,27 +726,99 @@ the cell says so.
   / `Forbidden` / `ServerError` presets (404 / 403 / 500). The kit ships no
   artwork: `Logo` masks whatever `--brand-mark` / `--brand-aspect` the consumer
   declares beside the palette, and the status pages use it for their mark.
-- **App shell — TS-only (12):** app-shell, shell-nav, bottom-tab-bar,
-  nav-badge (`NavBadge` / `NavDot`), top-bar, account-menu, mobile-app-bar, page-frame (`PageFrame` /
-  `PageHeading` / `SectionLabel`), section-nav, resource-error, system-banner,
-  settled — see [App shell](#app-shell).
-- **Features — composed screens (1):** terminal — a trading terminal over an
-  investment product's shares (`Terminal` grid placing each `TerminalPane` by
-  `TerminalArea`; `TerminalTicker` / `TickerStat`; `OrderBook` with
-  `OrderBookHead` / `OrderBookRow` / `OrderBookSpread`; `TradesTapeRow`;
-  `OrderForm` / `OrderFormRow` / `OrderFormSubmit`; `OpenOrdersEmpty`). Column
-  captions and every figure are the consumer's strings — the kit knows no
-  locale and no number format.
+- **App shell — TS-only (10):** app-shell, shell-nav, bottom-tab-bar,
+  nav-badge (`NavBadge` / `NavDot`), account-menu, mobile-app-bar, page-frame
+  (`PageFrame` / `PageHeading`), section-nav, resource-error, settled — see
+  [App shell](#app-shell). `TopBar`, `SystemBanner` and `SectionLabel` have
+  Dioxus twins (next item).
+- **Composed parts — Rust and TS:** the class strings live once in
+  `rust/classes/src/<name>.rs`, and `nix run .#gen` writes them to
+  `ts/uikit/src/generated/<name>.ts`.
+  - *elements:* `IconButton` (required `aria-label`), `StatusItem` / `StatusDot`,
+    `WorkspaceTabs` / `WorkspaceTab`, `KeyValue` (copy button), `FormRow`,
+    `SystemBanner`, `SectionLabel`;
+  - *settings:* `SettingsLayout` / `SettingsSection` / `SettingsRow`,
+    `AccountSettingsDialog`, `ConfirmDialog` (async confirm), `AccountList` /
+    `AccountListItem`, `PopoverForm`, `CommandPalette` and
+    `useCommandPaletteShortcut` (Rust: `use_command_palette_shortcut`);
+  - *header and asides:* `TopBar`, `SmartHeader` (`default`, `collapsed`,
+    `banner`, `search`), `HeaderBalance`, `HeaderSearch`, `NotificationBell`,
+    `AsideHeader`, `AsideRail`, `AsidePanel` (`docked` or `overlay`);
+  - *AI chat:* `ChatMessage`, `ChatBubble` (`streaming` shows a caret),
+    `ChatMarker`, `ChatAttachment`, `ChatComposer`, `ModelChip` and `ChatTyping`
+    (the "thinking" indicator).
+- **Composed parts — TS-only:** `AnimatedNumber` / `useCountTween`,
+  `ChatPanel`, `ChatDock`, `ChatStreamText` (pass the whole growing string; only
+  the new words fade in), the `AppShell` `aside` slot, and the profile form on
+  `AccountMenu`. How the Rust twins differ is in [Limitations](#limitations).
+
+### Variant vocabulary
+
+A variant names the state ([`docs/spec/variants.md`](../../docs/spec/variants.md)).
+
+| component | values |
+|---|---|
+| `Button` | `primary` (the filled call to action, default) · `secondary` · `outline` · `ghost` · `destructive` · `link` |
+| `Badge` | `neutral` (default) · `primary` · `positive` · `info` · `warn` · `error` |
+| `Alert` | `neutral` (default) · `destructive` · `success` · `info` |
+| menu item (`DropdownMenuItem`, `ContextMenuItem`, `MenubarItem`) | `neutral` · `destructive` |
+| `SystemBanner` | `neutral` · `primary` · `info` (default) · `warn` |
 
 The canonical variant set is the **superset** of the original cabinet (Rust) and
-landing (TS) sources — e.g. `Badge` keeps cabinet's `success` variant, and
-`Button` keeps landing's square icon shape at every size, as the separate `icon`
-boolean it always was in Rust (see [docs/spec/variants.md](../../docs/spec/variants.md)).
+landing (TS) sources: `Button` keeps landing's square icon shape at every size,
+as the separate `icon` boolean it always was in Rust. A `destructive` button
+wears the `button-danger-*` face: an outline in Dark and Light, a fill in
+Oldschool.
 
 `size="touch"` is the 44 px pointer-target floor (WCAG 2.5.5) for touch-first
 screens: `min-h-11` with `lg`'s padding, and a 44 × 44 square with `icon`. It is
 a button step only — `Input` and `SelectTrigger` already clear it at `lg`.
 
+## Upgrading from 0.30
+
+**Renames and removals**
+
+| 0.30 | now |
+|---|---|
+| `Badge variant="outline"` · `"secondary"` | `neutral` |
+| `Badge variant="destructive"` · `"success"` | `error` · `positive` (new: `primary`, `info`, `warn`) |
+| `SystemBanner` tones `warn`, `info` | the same, plus `neutral` and `primary`; `info` draws its icon in `accent-info-ink` |
+| `accent-error-ink` (`text-accent-error-ink`, a brand file's `accent-error-ink`) | `accent-error`; destructive menu rows read in it, and `evinvest-palette` refuses the key |
+| `Terminal`, `TerminalPane*`, `TerminalChart`, `TerminalTicker`, `TickerStat`, `OrderBook*`, `TradesTapeRow`, `OrderForm*`, `OpenOrdersEmpty` and their types | removed from the kit; a trading view owns its terminal |
+
+**Silent changes: the compiler does not flag these.**
+
+- A `Badge` with no `variant` was filled `primary` and is now `neutral`:
+  `rg -n '<Badge(\s|>)' --glob '*.tsx' | rg -v 'variant='`.
+- A `destructive` `Button` wears the theme's `button-danger-*` face, an outline
+  in Dark and Light; an `outline` one is raised (`secondary` fill and a hairline).
+
+**Tokens and themes**
+
+- EV's navy palette is opt-in: `data-theme="oldschool"`. Dark is the default
+  and is a different colour set; `.light` is Light.
+- Font defaults are Inter (sans), Inter Tight (serif role) and JetBrains Mono
+  (mono). `data-theme="oldschool"` sets Playfair Display and Inter for the serif
+  and mono roles, as the navy look shipped. Load the families a theme uses
+  (`--font-inter-tight`, `--font-jetbrains-mono`, or `--font-playfair` for
+  Oldschool); the kit ships no font files.
+- The font role `display` is `serif`: `--brand-font-display` / `font-display`
+  become `--brand-font-serif` / `font-serif` (see [Fonts](#fonts)).
+- A brand file must add `chart-6` (29 names now); `evinvest-palette` names it.
+- Panel radius is 6 px at every width (the `sm` bump to 8 px is gone), controls
+  and chips 4 px, and the depth tiers are flat. **Aquafix, vifnet and any other
+  brand take these and lose their card shadow** unless their scope overrides
+  `--radius`, `--control-radius`, `--chip-radius` and `--depth-card`,
+  `--depth-elevated`, `--depth-overlay`. Check each brand before releasing.
+
+**Layers across bundles**
+
+- The shared layer stack (Escape order, outside clicks, the one shared scrim)
+  keeps its global key `@1`, so a micro-frontend bundling uikit 0.30 and a newer
+  host still share one stack. A 0.30 copy never notifies, so a newer modal's
+  shared scrim may not update when a 0.30 layer opens or closes under it; move
+  hosts and the MFEs they mount together to get the full behaviour.
+
 ## Limitations
 
 Reproducing everything dep-light means some behaviour is intentionally reduced,
@@ -684,11 +861,6 @@ measuring needs host-only `web-sys`). Known gaps:
   `onkeydown` — and `AlertDialog`, `Sheet`, `Drawer`, `ContextMenu`, `Menubar`,
   `NavigationMenu`, `HoverCard`, `Tooltip`, `InfoTip`, `DateTimePicker`,
   `CommandDialog` and `DropdownMenuSub` are not on the stack yet.
-- **terminal:** no plotting engine and no state. `TerminalChart` is a sized
-  `relative` host that hands its element out (`ref` in TS, `id` in Rust) for a
-  consumer-chosen charting library to mount into; `OrderForm` only prevents the
-  submit's default — inputs, validation and the order itself are the
-  consumer's. The open-orders pane reuses `Table` and `Tabs`.
 - **calendar:** single month, single-date selection (no range/multi-month, no
   dropdown captions). The grid is always six fixed weeks of 36px cells, so its
   size never changes with the month or the locale's weekday labels, and it
@@ -700,7 +872,7 @@ measuring needs host-only `web-sys`). Known gaps:
   locale whose short form contains whitespace (vi's "Thứ 2" → "T2", he's
   "יום ב׳" → "ב׳") as long as narrow still yields seven distinct labels. Rust has no `Intl`, so its captions
   stay English. Rust does manual date math; TS uses the built-in `Date`.
-- **date-time-picker:** the kit's own bricks only — an outline trigger, a
+- **date-time-picker:** the kit's own bricks only — a raised trigger, a
   `Popover` with the `Calendar` and two numeric 24-hour hours/minutes fields (no
   native `datetime-local` / `time` input, so the browser's locale popup never
   appears). Its ARIA and button strings are `labels` overrides with English
@@ -748,12 +920,34 @@ measuring needs host-only `web-sys`). Known gaps:
   The lock-up is composed from `mark` + `brand` (display family) + `tagline`,
   or passed whole as `lockup`. Brand-coloured text reads `primary-ink`.
 - **TS-only for now:** `NativeSelect`, the `Field` id hand-off,
-  `SelectValue` labels, `ListRows` / `ListRow` (a table's phone form), and the whole [app shell](#app-shell) (`AppShell`,
-  `ShellNav`, `BottomTabBar`, `NavBadge` / `NavDot`, `TopBar`, `AccountMenu`, `MobileAppBar`, `PageFrame` /
-  `PageHeading` / `SectionLabel`, `SectionNav`, `ResourceError`, `SystemBanner`,
-  `Settled`) — no Dioxus twin. Its CSS (the entrances, the markers, the motion
-  and shell tokens) ships in the shared sheet, so a Rust app can use the
-  `data-enter` contract today.
+  `SelectValue` labels, `ListRows` / `ListRow` (a table's phone form), the
+  rest of the [app shell](#app-shell) (`AppShell`, `ShellNav`, `BottomTabBar`,
+  `NavBadge` / `NavDot`, `AccountMenu` and its profile form, `MobileAppBar`,
+  `PageFrame` / `PageHeading`, `SectionNav`, `ResourceError`, `Settled`) and
+  the parts that need a browser API Rust does not wrap: `AnimatedNumber` /
+  `useCountTween` (a frame loop and `Intl`), `ChatStreamText` (word diffing and
+  timers), and `ChatPanel` / `ChatDock` (`ResizeObserver`, scroll pinning).
+  Collapsible `ShellNav` / `SectionNav` groups are TS-only too. Their CSS (the
+  entrances, the markers, the motion and shell tokens) ships in the shared
+  sheet, so a Rust app can use the `data-enter` contract today.
+- **Rust twins of the composed parts:** they keep the TS markup and class strings, with
+  these differences. Overlays keep the limits of the older Rust overlays (inline
+  `position: fixed`, no portal, no focus trap, not on the layer stack).
+  `HeaderBalance` takes a formatted `String` (no rolling digits, no `Settled`).
+  `ConfirmDialog` has `pending` and `error` props in place of a promise, and a
+  `pending` dialog ignores Esc, the scrim and the buttons. `KeyValue` takes a
+  `copy` callback; with the `wasm` feature and no callback it writes through
+  `web-sys`. `CommandPalette` is controllable (`open`, `default_open`,
+  `on_open_change`), and `use_command_palette_shortcut` listens for Ctrl or Cmd
+  K by key code on the `wasm` feature only, so it does nothing in an SSR build.
+  `AsidePanel` has no `matchMedia`: with `AsideCollapse::Md` it renders the
+  docked or sheet form and the drawer form together, and breakpoint classes show
+  one, so its children mount twice. Dialogs, popovers and menus do not name
+  themselves: pass `aria_labelledby` and the title `id`, or `aria_label`. The
+  TS tests that stub `matchMedia`, or that need `SectionNav` or `AppShell`, are
+  ported as markup checks or not at all. `dioxus-ssr` runs no effects, so the
+  clipboard write, the Ctrl+K listener and focus moves are checked in the
+  gallery only.
 - **app shell:** `ShellNav`'s marker is measured (one forced layout read per
   navigation); the tab bar's rule is arithmetic and assumes equal tabs. A
   `data-enter` nested inside another still entering composes both rises (the

package/dist/{chunk-3IPB4QQJ.js → chunk-35SPIU4U.js}

@@ -2,7 +2,8 @@
 function references(value) {
   return [...value.matchAll(/var\(--([A-Za-z0-9-]+)/g)].flatMap((m) => m[1] ? [m[1]] : []);
 }
-var DERIVED_SCOPE = ":where(:root, .dark, .light, [data-brand])";
+var DERIVED_SCOPE = ":where(:root, .dark, .light, [data-brand], [data-theme])";
+var FACES_SCOPE = ":where([data-theme], [data-brand], .light, .dark, :root)";
 function readRules(css) {
   const rules = [];
   const src = css.replace(/\/\*[\s\S]*?\*\//g, "");
@@ -48,10 +49,12 @@ function readContract(css) {
   }
   const derivedRule = rules.find((r) => r.selector === DERIVED_SCOPE);
   if (!derivedRule) throw new Error(`token sheet has no \`${DERIVED_SCOPE}\` rule \u2014 not the kit's contract`);
-  const derived = [...derivedRule.declarations.keys()];
+  const facesRule = rules.find((r) => r.selector === FACES_SCOPE);
+  const formulas = new Map([...derivedRule.declarations, ...facesRule?.declarations ?? []]);
+  const derived = [...formulas.keys()];
   const stray = derived.filter((d) => !painted.includes(d));
   if (stray.length > 0) throw new Error(`derived tokens with no @theme mapping: ${stray.join(", ")}`);
-  const derivedFrom = Object.fromEntries([...derivedRule.declarations].map(([name, value]) => [name, references(value)]));
+  const derivedFrom = Object.fromEntries([...formulas].map(([name, value]) => [name, references(value)]));
   return { required: painted.filter((p) => !derived.includes(p)), derived, derivedFrom };
 }
 
@@ -144,8 +147,8 @@ function splitTopLevel(inner) {
 
 // src/palette/brand.ts
 var POLARITIES = ["light", "dark"];
-var FONT_ROLES = ["sans", "display", "mono"];
-var FONT_KEYS = { sans: "sans", text: "sans", display: "display", mono: "mono" };
+var FONT_ROLES = ["sans", "serif", "mono"];
+var FONT_KEYS = { sans: "sans", text: "sans", serif: "serif", mono: "mono" };
 var PaletteError = class extends Error {
   constructor(problems) {
     super(`invalid brand palette:
@@ -293,6 +296,7 @@ ${extras.join("")}}
 
 export {
   DERIVED_SCOPE,
+  FACES_SCOPE,
   readRules,
   readContract,
   parseToml,
@@ -303,4 +307,4 @@ export {
   validateBrand,
   renderPalette
 };
-//# sourceMappingURL=chunk-3IPB4QQJ.js.map
+//# sourceMappingURL=chunk-35SPIU4U.js.map

package/dist/chunk-35SPIU4U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/palette/contract.ts","../src/palette/toml.ts","../src/palette/brand.ts"],"sourcesContent":["/**\n * The colour contract, read out of the kit's own token sheet rather than\n * restated here: `@theme inline` maps every name the class tables can paint\n * (`--color-X: var(--X)`), and the derived rule lists the ones the contract\n * computes from the rest. A palette owes the difference.\n */\nexport interface Contract {\n  /** Names every palette scope must declare. */\n  required: readonly string[];\n  /** Names the contract derives from the palette; a palette may override them. */\n  derived: readonly string[];\n  /** The tokens each derived default reads, so a palette's references can be checked for cycles through them. */\n  derivedFrom: Readonly<Record<string, readonly string[]>>;\n}\n\n/** The `--name`s a value reads through `var()`. */\nexport function references(value: string): string[] {\n  return [...value.matchAll(/var\\(--([A-Za-z0-9-]+)/g)].flatMap((m) => (m[1] ? [m[1]] : []));\n}\n\n/** The rule the derived tokens live on — see `theme.css`, the contract half of `tokens.css`. */\nexport const DERIVED_SCOPE = \":where(:root, .dark, .light, [data-brand], [data-theme])\";\n\n/** The same scopes in another order: the button faces and chips, derived the same way. */\nexport const FACES_SCOPE = \":where([data-theme], [data-brand], .light, .dark, :root)\";\n\nexport interface CssRule {\n  selector: string;\n  /** Custom properties declared directly in the rule, in source order. */\n  declarations: Map<string, string>;\n}\n\n/**\n * Top-level and `@media`-nested rules of a flat sheet, comments stripped. Only\n * as much CSS as a token sheet is made of: no strings containing braces.\n */\nexport function readRules(css: string): CssRule[] {\n  const rules: CssRule[] = [];\n  const src = css.replace(/\\/\\*[\\s\\S]*?\\*\\//g, \"\");\n  const stack: string[] = [];\n  let start = 0;\n  for (let i = 0; i < src.length; i++) {\n    const c = src[i];\n    if (c === \"{\") {\n      stack.push(src.slice(start, i).trim());\n      start = i + 1;\n    } else if (c === \"}\") {\n      const selector = stack.pop();\n      if (selector === undefined) throw new Error(\"unbalanced `}` in token sheet\");\n      const body = src.slice(start, i);\n      if (!body.includes(\"{\")) rules.push({ selector: normalise(selector), declarations: declarations(body) });\n      start = i + 1;\n    } else if (c === \";\" && stack.length === 0) {\n      start = i + 1;\n    }\n  }\n  if (stack.length > 0) throw new Error(\"unbalanced `{` in token sheet\");\n  return rules;\n}\n\nfunction declarations(body: string): Map<string, string> {\n  const out = new Map<string, string>();\n  for (const decl of body.split(\";\")) {\n    const match = /^\\s*--([A-Za-z0-9-]+)\\s*:\\s*([\\s\\S]+?)\\s*$/.exec(decl);\n    if (match?.[1] && match[2]) out.set(match[1], match[2]);\n  }\n  return out;\n}\n\nexport function normalise(selector: string): string {\n  return selector.replace(/\\s+/g, \" \").replace(/\\s*,\\s*/g, \", \").trim();\n}\n\nexport function readContract(css: string): Contract {\n  const rules = readRules(css);\n  const theme = rules.find((r) => r.selector === \"@theme inline\");\n  if (!theme) throw new Error(\"token sheet has no `@theme inline` block — not the kit's contract\");\n  const painted: string[] = [];\n  for (const [name, value] of theme.declarations) {\n    const match = /^color-(.+)$/.exec(name);\n    if (match?.[1] && value === `var(--${match[1]})`) painted.push(match[1]);\n  }\n  const derivedRule = rules.find((r) => r.selector === DERIVED_SCOPE);\n  if (!derivedRule) throw new Error(`token sheet has no \\`${DERIVED_SCOPE}\\` rule — not the kit's contract`);\n  const facesRule = rules.find((r) => r.selector === FACES_SCOPE);\n  const formulas = new Map([...derivedRule.declarations, ...(facesRule?.declarations ?? [])]);\n  const derived = [...formulas.keys()];\n  const stray = derived.filter((d) => !painted.includes(d));\n  if (stray.length > 0) throw new Error(`derived tokens with no @theme mapping: ${stray.join(\", \")}`);\n  const derivedFrom = Object.fromEntries([...formulas].map(([name, value]) => [name, references(value)]));\n  return { required: painted.filter((p) => !derived.includes(p)), derived, derivedFrom };\n}\n","/**\n * The subset of TOML a brand file is written in: `[table.headers]`, bare keys,\n * and single-line values that are a basic string, a number, a boolean, or a\n * flat array of those. Anything else is an error naming the line, rather than a\n * silent misread — the kit stays dependency-free, and a brand file has no use\n * for the rest of the language.\n */\n\nexport type TomlValue = string | number | boolean | TomlValue[];\nexport interface TomlTable {\n  [key: string]: TomlValue | TomlTable;\n}\n\nconst BARE_KEY = /^[A-Za-z0-9_-]+$/;\n\nexport function parseToml(text: string): TomlTable {\n  const root: TomlTable = {};\n  let table = root;\n  const headers = new Set<string>();\n  text.split(/\\r?\\n/).forEach((raw, index) => {\n    const line = stripComment(raw).trim();\n    if (line === \"\") return;\n    const fail = (why: string): never => {\n      throw new Error(`TOML line ${index + 1}: ${why}: ${raw.trim()}`);\n    };\n\n    if (line.startsWith(\"[\")) {\n      if (!line.endsWith(\"]\") || line.startsWith(\"[[\")) fail(\"only plain [table] headers are supported\");\n      const path = line.slice(1, -1).trim().split(\".\").map((part) => part.trim());\n      // Re-opening a table would merge two halves of it silently.\n      if (headers.has(path.join(\".\"))) fail(\"duplicate table header\");\n      headers.add(path.join(\".\"));\n      table = descend(root, path, fail);\n      return;\n    }\n\n    const eq = line.indexOf(\"=\");\n    if (eq < 0) fail(\"expected `key = value`\");\n    const key = line.slice(0, eq).trim();\n    if (!BARE_KEY.test(key)) fail(\"only bare keys are supported\");\n    if (key in table) fail(`duplicate key \\`${key}\\``);\n    table[key] = parseValue(line.slice(eq + 1).trim(), fail);\n  });\n  return root;\n}\n\nfunction descend(root: TomlTable, path: string[], fail: (why: string) => never): TomlTable {\n  let table = root;\n  for (const part of path) {\n    const key = part.trim();\n    if (!BARE_KEY.test(key)) fail(\"only bare keys are supported in a header\");\n    const next = table[key] ?? {};\n    if (typeof next !== \"object\" || Array.isArray(next)) fail(`\\`${key}\\` is already a value`);\n    table[key] = next;\n    table = next as TomlTable;\n  }\n  return table;\n}\n\n// A `#` inside a string is not a comment; the brand files carry `\"#rrggbb\"`.\nfunction stripComment(line: string): string {\n  let quoted = false;\n  for (let i = 0; i < line.length; i++) {\n    const c = line[i];\n    if (c === \"\\\\\" && quoted) i++;\n    else if (c === '\"') quoted = !quoted;\n    else if (c === \"#\" && !quoted) return line.slice(0, i);\n  }\n  return line;\n}\n\nfunction parseValue(src: string, fail: (why: string) => never): TomlValue {\n  if (src.startsWith('\"')) {\n    if (src.length < 2 || !src.endsWith('\"')) fail(\"unterminated string\");\n    const body = src.slice(1, -1);\n    if (/(^|[^\\\\])(\\\\\\\\)*\"/.test(body)) fail(\"one string per value\");\n    // Only the escapes decoded below; `\\u…` and friends would otherwise pass through as literal text.\n    if (/\\\\(?![\"\\\\nt])/.test(body.replace(/\\\\\\\\/g, \"\"))) fail(\"unsupported escape\");\n    return body.replace(/\\\\([\"\\\\nt])/g, (_, c: string) => ({ n: \"\\n\", t: \"\\t\" })[c] ?? c);\n  }\n  if (src.startsWith(\"[\")) {\n    if (!src.endsWith(\"]\")) fail(\"arrays must close on the same line\");\n    const inner = src.slice(1, -1).trim();\n    if (inner === \"\") return [];\n    return splitTopLevel(inner).map((item) => parseValue(item.trim(), fail));\n  }\n  if (src === \"true\" || src === \"false\") return src === \"true\";\n  if (/^[+-]?\\d+(\\.\\d+)?$/.test(src)) return Number(src);\n  return fail(\"unsupported value\");\n}\n\nfunction splitTopLevel(inner: string): string[] {\n  const items: string[] = [];\n  let quoted = false;\n  let start = 0;\n  for (let i = 0; i < inner.length; i++) {\n    const c = inner[i];\n    if (c === \"\\\\\" && quoted) i++;\n    else if (c === '\"') quoted = !quoted;\n    else if (c === \",\" && !quoted) {\n      items.push(inner.slice(start, i));\n      start = i + 1;\n    }\n  }\n  const last = inner.slice(start);\n  if (last.trim() !== \"\") items.push(last);\n  return items;\n}\n","import { references, type Contract } from \"./contract\";\nimport { parseToml, type TomlTable, type TomlValue } from \"./toml\";\n\nexport type PolarityName = \"light\" | \"dark\";\nexport const POLARITIES: readonly PolarityName[] = [\"light\", \"dark\"];\n\n/** A brand's palette: one value per contract name, for each polarity. */\nexport interface BrandConfig {\n  colors: Record<PolarityName, Record<string, string>>;\n  /** `--brand-mark`: the URL `<Logo>` masks. */\n  mark?: string;\n  /** `--brand-aspect`: the mark's width / height, e.g. `\"387 / 335\"`. */\n  markAspect?: string;\n  /** `--brand-font-<role>`: a family name per role; unset roles keep the kit's. */\n  fonts?: Partial<Record<FontRole, string>>;\n}\n\nexport type FontRole = \"sans\" | \"serif\" | \"mono\";\nexport const FONT_ROLES: readonly FontRole[] = [\"sans\", \"serif\", \"mono\"];\n// aquafix's file calls the body family `text`.\nconst FONT_KEYS: Record<string, FontRole> = { sans: \"sans\", text: \"sans\", serif: \"serif\", mono: \"mono\" };\n\n/** Every problem with a brand file at once, so one run fixes them all. */\nexport class PaletteError extends Error {\n  constructor(readonly problems: readonly string[]) {\n    super(`invalid brand palette:\\n  - ${problems.join(\"\\n  - \")}`);\n    this.name = \"PaletteError\";\n  }\n}\n\n// Written into CSS verbatim, so a value is held to a shape that cannot close\n// the declaration: a hex colour, or a reference to another token.\nconst COLOUR = /^(#[0-9a-fA-F]{3}|#[0-9a-fA-F]{6}|#[0-9a-fA-F]{8}|var\\(--[a-z0-9-]+\\))$/;\nconst SLUG = /^[a-z0-9][a-z0-9-]*$/;\nconst ASPECT = /^\\d+(\\.\\d+)?\\s*\\/\\s*\\d+(\\.\\d+)?$/;\n// Written inside `url(\"…\")`: nothing that closes the string or the function,\n// and no markup characters for a sheet that ends up inlined in HTML.\nconst MARK_URL = /^[^\"'`\\\\\\s()<>]+$/;\nconst FAMILY = /^[A-Za-z0-9][A-Za-z0-9 _-]*$/;\n\n/**\n * Reads the aquafix `brand.toml` shape: `[colors.light]` and `[colors.dark]`\n * keyed by contract name, optional top-level `mark` / `mark-aspect`, and the\n * family names in `[fonts]` (`sans` or `text`, `serif`, `mono`). The rest of\n * `[fonts]` and every other table (`[print]`, …) belong to other tools and are\n * ignored — loading the font files is the site's job, not the palette's.\n */\nexport function brandFromToml(text: string): BrandConfig {\n  const doc = parseToml(text);\n  const problems: string[] = [];\n  const colors = table(doc[\"colors\"]);\n  if (!colors) problems.push(\"no [colors] table\");\n  const scope = (name: PolarityName): Record<string, string> => {\n    const t = colors ? table(colors[name]) : undefined;\n    if (colors && !t) problems.push(`no [colors.${name}] table`);\n    const out: Record<string, string> = {};\n    for (const [key, value] of Object.entries(t ?? {})) {\n      if (typeof value === \"string\") out[key] = value;\n      else problems.push(`colors.${name}.${key} is not a string`);\n    }\n    return out;\n  };\n  for (const key of Object.keys(colors ?? {})) {\n    if (!(POLARITIES as readonly string[]).includes(key)) problems.push(`[colors.${key}] is not a polarity (light, dark)`);\n  }\n  const config: BrandConfig = { colors: { light: scope(\"light\"), dark: scope(\"dark\") } };\n  const mark = optionalString(doc[\"mark\"], \"mark\", problems);\n  const markAspect = optionalString(doc[\"mark-aspect\"], \"mark-aspect\", problems);\n  if (mark !== undefined) config.mark = mark;\n  if (markAspect !== undefined) config.markAspect = markAspect;\n  const fonts = table(doc[\"fonts\"]);\n  for (const [key, role] of Object.entries(FONT_KEYS)) {\n    const family = optionalString(fonts?.[key], `fonts.${key}`, problems);\n    if (family !== undefined) config.fonts = { ...config.fonts, [role]: family };\n  }\n  if (problems.length > 0) throw new PaletteError(problems);\n  return config;\n}\n\nfunction table(value: TomlValue | TomlTable | undefined): TomlTable | undefined {\n  return typeof value === \"object\" && !Array.isArray(value) ? value : undefined;\n}\n\nfunction optionalString(value: TomlValue | TomlTable | undefined, key: string, problems: string[]) {\n  if (value === undefined || typeof value === \"string\") return value;\n  problems.push(`${key} is not a string`);\n  return undefined;\n}\n\n/** The problems with `config` against `contract`; empty when it is complete. */\nexport function validateBrand(config: BrandConfig, contract: Contract): string[] {\n  const problems: string[] = [];\n  const known = new Set([...contract.required, ...contract.derived]);\n  for (const polarity of POLARITIES) {\n    const values = config.colors[polarity];\n    const missing = contract.required.filter((t) => !(t in values));\n    if (missing.length > 0) problems.push(`${polarity} is missing ${missing.join(\", \")}`);\n    for (const [key, value] of Object.entries(values)) {\n      if (!known.has(key)) problems.push(`${polarity}.${key} is not a token of the contract`);\n      else if (!COLOUR.test(value)) problems.push(`${polarity}.${key} = ${JSON.stringify(value)} is not #hex or var(--token)`);\n      else {\n        for (const ref of references(value)) {\n          if (!known.has(ref)) problems.push(`${polarity}.${key} refers to --${ref}, which is not a token of the contract`);\n        }\n      }\n    }\n    const cycle = findCycle(values, contract, known);\n    if (cycle) problems.push(`${polarity} has a reference cycle: ${cycle.map((t) => `--${t}`).join(\" → \")}`);\n  }\n  if (config.mark !== undefined && !MARK_URL.test(config.mark)) problems.push(`mark ${JSON.stringify(config.mark)} is not a plain URL`);\n  if (config.markAspect !== undefined && !ASPECT.test(config.markAspect)) {\n    problems.push(`mark-aspect ${JSON.stringify(config.markAspect)} is not \"width / height\"`);\n  }\n  for (const [role, family] of Object.entries(config.fonts ?? {})) {\n    if (!FAMILY.test(family)) problems.push(`fonts.${role} ${JSON.stringify(family)} is not a plain family name`);\n  }\n  return problems;\n}\n\n/**\n * A `var()` cycle makes every token on it invalid at computed-value time — the\n * same silent hole as a missing token. Edges are the palette's own references,\n * and for a derived token it leaves to the contract, the contract's formula\n * (`border` reads `ink`), so `ink = \"var(--border)\"` is caught too.\n */\nfunction findCycle(values: Record<string, string>, contract: Contract, known: Set<string>): string[] | undefined {\n  const edges = (name: string): readonly string[] => {\n    const value = values[name];\n    if (value !== undefined) return references(value).filter((r) => known.has(r));\n    return contract.derivedFrom[name] ?? [];\n  };\n  const done = new Set<string>();\n  const path: string[] = [];\n  const visit = (name: string): string[] | undefined => {\n    const at = path.indexOf(name);\n    if (at >= 0) return [...path.slice(at), name];\n    if (done.has(name)) return undefined;\n    path.push(name);\n    for (const next of edges(name)) {\n      const cycle = visit(next);\n      if (cycle) return cycle;\n    }\n    path.pop();\n    done.add(name);\n    return undefined;\n  };\n  for (const name of known) {\n    const cycle = visit(name);\n    if (cycle) return cycle;\n  }\n  return undefined;\n}\n\n/**\n * A flat sheet scoping `config` under `[data-brand=\"<brand>\"]`: light is the\n * brand's default and `.light` / `.dark` beneath it pick a polarity. Selectors\n * outrank the zero-specificity EV palette, so import order does not matter.\n * Throws a {@link PaletteError} when a scope is incomplete — Tailwind answers an\n * undefined token with no rule at all, so a hole would be silent on the page.\n */\nexport function renderPalette(brand: string, config: BrandConfig, contract: Contract, source = \"a brand file\"): string {\n  const problems = SLUG.test(brand) ? [] : [`brand ${JSON.stringify(brand)} is not a lowercase slug`];\n  problems.push(...validateBrand(config, contract));\n  if (problems.length > 0) throw new PaletteError(problems);\n\n  const at = `[data-brand=\"${brand}\"]`;\n  const order = [...contract.required, ...contract.derived];\n  const block = (selectors: string[], polarity: PolarityName) => {\n    const values = config.colors[polarity];\n    const body = order.filter((t) => t in values).map((t) => `  --${t}: ${values[t]};\\n`);\n    return `${selectors.join(\",\\n\")} {\\n  --scheme: ${polarity};\\n${body.join(\"\")}}\\n`;\n  };\n  const extras: string[] = [];\n  if (config.mark !== undefined) extras.push(`  --brand-mark: url(\"${config.mark}\");\\n`);\n  if (config.markAspect !== undefined) extras.push(`  --brand-aspect: ${config.markAspect};\\n`);\n  for (const role of FONT_ROLES) {\n    const family = config.fonts?.[role];\n    if (family !== undefined) extras.push(`  --brand-font-${role}: \"${family}\";\\n`);\n  }\n\n  return [\n    // `source` is a file name, free text as far as CSS is concerned: it must not close the comment.\n    `/* GENERATED by evinvest-palette from ${source.replaceAll(\"*/\", \"*\\\\/\")} — do not edit. */\\n`,\n    block([at, `${at}.light`, `${at} .light`], \"light\"),\n    block([`${at}.dark`, `${at} .dark`], \"dark\"),\n    ...(extras.length > 0 ? [`${at} {\\n${extras.join(\"\")}}\\n`] : []),\n  ].join(\"\\n\");\n}\n"],"mappings":"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","names":["table"]}

package/dist/components/{accordion.js → atomic/accordion.js}

@@ -1,15 +1,15 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../lib/cn.js";
-import { useControllableState } from "../primitives/use-controllable-state.js";
+import { cn } from "../../lib/cn.js";
+import { useControllableState } from "../../primitives/use-controllable-state.js";
 import {
   ACCORDION_CONTENT,
   ACCORDION_CONTENT_INNER,
   ACCORDION_HEADER,
   ACCORDION_ITEM,
   ACCORDION_TRIGGER
-} from "../generated/accordion.js";
+} from "../../generated/accordion.js";
 const AccordionContext = React.createContext(null);
 function useAccordion() {
   const ctx = React.useContext(AccordionContext);