@meddleware/ui 0.1.35 → 0.1.37

package/README.md

@@ -20,13 +20,25 @@ Import the CSS once at your application entry point:
 // src/main.ts (or equivalent)
 import '@meddleware/design-tokens/tokens.css'  // required — registers CSS custom properties
 import '@meddleware/design-tokens/seasons.css' // optional — enables data-season theming
-import '@meddleware/ui/base.css'               // optional — element defaults + scale + utilities
+import '@meddleware/ui/reset.css'              // required once — element defaults, focus ring, utilities
 import { createApp } from 'vue'
 import App from './App.vue'
 
 createApp(App).mount('#app')
 ```
 
+Each component brings **its own CSS** when you import it, so a bundler keeps only the styles of the components an app uses (the package
+declares `*.css` as a side effect, and each component's import lives in its own module). `@meddleware/ui/base.css` is the old single
+file (reset + every component) for consumers that want it.
+
+**Cascade layers.** The reset is `@layer mw.reset` and every component's CSS is `@layer mw.components`. Layered CSS always loses to your
+unlayered CSS, so you override a component with an ordinary selector and never have to out-specify its internals.
+
+**No flash of the wrong theme.** Load `@meddleware/ui/theme-init.js` as a plain script at the top of `<head>`
+(`<script src="/theme-init.js" data-default="dark"></script>`, copied from the package into your public folder). It applies the saved
+colour mode (or `data-default`: `light`, `dark` or `system`) and the season to `<html>` before first paint, with the same rules as
+`useColorMode` and `useSeason`. It is a same-origin file, so it needs no CSP hash.
+
 ## Styling, scales & utilities
 
 Components consume the design-token **role** tokens (`--accent`, `--warning`, `--focus-ring`, …) and
@@ -35,7 +47,7 @@ colour-named or magic-number values. Focus states use the dedicated `--focus-rin
 always visible and never read as an error. Component **props and accessibility are unchanged** by the
 theming system — only the styling tokens they resolve to.
 
-`base.css` also ships opt-in utilities (respecting `prefers-reduced-motion`):
+`reset.css` also ships utilities (respecting `prefers-reduced-motion`) and gives a bare `<button>` a base look from the tokens:
 
 | Utility | Purpose |
 | --- | --- |
@@ -54,11 +66,11 @@ Seasonal theming is entirely in `@meddleware/design-tokens` (import `seasons.css
 
 | Component | Description |
 | --- | --- |
-| `AppHeader` | Top bar (`<header>`). Slots `brand`, default and `actions` render **directly** in the header — no wrapper elements. The brand slot's single element comes first and takes the brand typography, pushing everything after it to the inline end; default-slot content that should fill the gap sets its own `flex: 1`. |
-| `AppSidebar` | Side panel (`<aside>`) around a component-owned `<nav aria-label="Primary">` (default slot). The `head`, `body` and `foot` slots render directly and style themselves; the nav grows, so body/foot content settles at the bottom. |
+| `AppHeader` | Top bar (`<header>`). `sidebarId` shows a menu button below 45em that opens that sidebar as a drawer. Slots `brand`, default and `actions` render **directly** in the header — no wrapper elements. The brand slot's single element comes first and takes the brand typography, pushing everything after it to the inline end; default-slot content that should fill the gap sets its own `flex: 1`. |
+| `AppSidebar` | Side panel (`<aside>`) around a component-owned `<nav>` (default slot; `navLabel`, default "Primary"). Below 45em it becomes a **drawer** on the Popover API, opened by `AppHeader`'s menu button (give the sidebar an `id`, pass it as `sidebar-id`), closed by Escape, a click outside, or choosing an item. The `head`, `body` and `foot` slots render directly and style themselves; the nav grows, so body/foot content settles at the bottom. |
 | `AppFooter` | Page footer (`<footer>`). Slots `start`, default and `end` render directly; `docsUrl` / `devUrl` render a component-owned `<nav aria-label="Documentation">` at the inline end. |
 
-All three accept a `variant` prop:
+All three accept a `variant` prop (a CSS class, `mw-panel--dark` and so on, defined in the reset; `colors` overrides are written to the element through the CSSOM, never as an inline `style` attribute, so they work under a strict CSP):
 
 | Variant | Behaviour |
 | --- | --- |
@@ -70,14 +82,14 @@ All three accept a `variant` prop:
 
 | Component | Description |
 | --- | --- |
-| `UiButton` | Styled button. |
-| `UiCard` | Card `<section>`: optional `<header>` (title), body content directly inside, optional `<footer>`. |
+| `UiButton` | Styled button, or a link that looks like one (`href`, checked with `safeHref`). `variant` primary / secondary / ghost / danger / link; `size` md / sm; `busy` shows a spinner, sets `aria-busy` and blocks interaction without losing the label. Hover is an inner ring in the label colour, so the label keeps its contrast. |
+| `UiCard` | Card: optional `<header>` (title), body content directly inside, optional `<footer>`. `as` section / article / li, `level` 2–6 for the heading, `plain` drops the header band, `href` makes the whole card a link through its title (one tab stop). Inside a list item the band and footer are plain elements (a `<header>` there would become a page-level landmark). |
 | `UiSelect` | Styled native `<select>` (single root; attributes fall through; chevron painted in CSS). Label it with `UiFormField` or an `aria-label`. |
 | `UiFormField` | A labelled field as a `<p>`: `<label for>` + `label-suffix` slot (e.g. `UiFieldHint`, kept outside the label) + control slot (receives `attrs` with `id` / `aria-*`) + hint/error `<small>`. Slot content must be phrasing content. |
-| `UiNotice` | Notice / alert banner. |
-| `UiDialog` | Modal on the native `<dialog>`: `<article>` › `<header>` (h2 title + close) · body slot · `<footer>` (`actions` slot, scoped `close(value)`). `v-model:open`, `title`, `dismissible` (Escape/backdrop/close button via native `closedby`), `width`; emits `close(returnValue)`. |
+| `UiNotice` | Notice / alert banner. `type` info / warning / error / ok (roles: `alert` for error, `status` for ok and warning), `message` prop or slot, `as` p / div for block content. The text keeps body colour; the tone is the border and tint. |
+| `UiDialog` | Modal on the native `<dialog>`: `<article>` › `<header>` (title heading, `level` default 2, + close) · body slot · `<footer>` (`actions` slot, scoped `close(value)`). `v-model:open`, `title`, `dismissible` (Escape/backdrop/close button via native `closedby`), `width`; emits `close(returnValue)`. |
 | `AppTabNav` / `UiTabPanel` | WAI-ARIA tabs: `AppTabNav` is the `tablist` (arrow keys, Home/End, roving tabindex); wrap each view's content in `UiTabPanel` with the same `idPrefix` and the shown `tab` id. Only the selected tab gets `aria-controls` (one panel rendered); pass `all-panels` when every tab's panel stays mounted. `tabIds(prefix, id)` returns the linked ids. |
-| `SidebarItem` | Navigation button for use inside `AppSidebar`. Accepts `label`, `icon`, `active`, and `disabled` props. |
+| `SidebarItem` | Sidebar entry: a button by default, a real `<a>` with `href` (checked with `safePath` / `safeHref`). `label`, `icon`, `active` (`aria-current="page"`), `disabled`. |
 | `SidebarGroup` | Labelled group of sidebar items: a `<fieldset>` whose visible `<legend>` names the group. |
 | `CopyableAddress` | Shows a value (address/blob id/tx digest) with a dedicated **copy icon** (the value text is not the copy trigger). Put a link in the default slot to make it both linkable and copyable. Props: `address`, `truncate`, `chars`, `label`. |
 | `ExplorerLink` | External block-explorer link with a truncated label (or slot). Chain-agnostic — pass `href` (build it with `suiExplorerUrl`, or an app helper such as a Walruscan URL). Nest inside `CopyableAddress` for link + copy. |
@@ -97,10 +109,34 @@ icon copies:
 | --- | --- |
 | `UiPanel` | Titled surface: `<section>` + heading (`title` prop/slot; `level` 2–6, default 2) + body content directly inside. |
 | `UiStatGrid` / `UiStatRow` | Key/value readout as a description list (`<dl>` with `<dt>`/`<dd>` pairs). |
-| `UiToolbar` | Toolbar as `<menu>` (a list of commands). Props: `actions: ToolbarAction[]` (`{ id, label, disabled? }`); emits `action(id)`. |
+| `UiToolbar` | A WAI-ARIA toolbar (`role="toolbar"`, one tab stop, Left/Right/Home/End between enabled buttons). Props: `actions: ToolbarAction[]` (`{ id, label, disabled? }`), `label`; emits `action(id)`. |
 | `UiToolbarButton` | Compact console button; also usable standalone (refresh, pagination). |
-| `UiStatusBar` | Status bar as a list. Standard items from optional props `network` (+ `healthy`), `epoch`, `lastRefresh`; extra `<li>` items in the default slot. |
-| `UiDataTable`, `UiBadge`, `UiStatusDot`, `UiActivityFeed` / `UiActivityItem` | Scrollable table; status pill; health dot; activity list (`UiActivityItem` takes `type`, `time`, optional `datetime` to render a `<time>`). |
+| `UiStatusBar` | Status bar as a list. Standard items from optional props `network` (+ `healthy`), `epoch`, `lastRefresh` (the relative time ticks on its own); extra `<li>` items in the default slot. |
+| `UiDataTable` | Table. `head` slot: `<th>` cells **only** (never a `<tr>`; the component wraps them, and a dev check warns); default slot: rows; `rows` (0 shows `empty`), `caption` (visually hidden accessible name). When wider than its box the scroll area becomes a focusable, labelled region and says so. A `th scope="row"` reads as the row title, not a column header. |
+| `UiBadge` | Status or tag as words + symbol + border: `tone` ok / warn / danger / info / accent / neutral, `symbol` (own glyph, `false`, or the tone's default). The label keeps body colour. (`variant` is the old API.) |
+| `UiStatusDot` | Decorative health dot: `status` operational / degraded / down / unknown (or ok / warn / error), `size` sm / md. Put the state in words beside it. |
+| `UiActivityFeed` / `UiActivityItem` | Activity list (`UiActivityItem` takes `type`, `time`, optional `datetime` to render a `<time>`). |
+| `UiSegmentedControl` | Radio-group choice: `label` names the group (a `<legend>`, visually hidden unless `label-hidden` is false), the chosen option carries a ✓, `layout` inline / wrap / grid. |
+| `UiStepper` | Steps: a wizard (`v-model` index) or a progress list (`status` per step: done / busy / error / pending; `orientation="vertical"`), with the state in words for assistive technology. |
+| `UiMeter` | Labelled native `<meter>` with the state in words (within / close to / over). |
+| `UiPager` + `usePager` | Previous / next for a keyset-paginated list; `usePager(load)` keeps the cursors seen and drops out-of-order answers. |
+
+### Forms and small primitives
+
+| Component | Description |
+| --- | --- |
+| `UiInput`, `UiTextarea` | Styled native controls (single root; attributes fall through; `v-model`). Label them with `UiFormField` or an `aria-label`. |
+| `UiFileField` | `UiFormField` around a native file input: `id`, `label`, `hint`, `error`, `accept`, `disabled`, `required`; emits `select` with the chosen `File` (or `null`). |
+| `UiTextField` | `UiFormField` + `UiInput` (or `UiTextarea` with `rows`), association done: `id`, `label`, `hint`, `error`; other attributes go to the control. |
+| `UiSelectField`, `UiCheckField`, `UiDateTimeField` | A labelled select (`[value, label]` options, optional placeholder); a checkbox wrapped in its label (`label` slot for rich text); a date-time that edits wall time in a `zone` and exchanges UTC. |
+| `UiLiveStatus` | A polite live region that is always mounted, so changes are announced. |
+| `UiEmptyState`, `UiCodeBlock`, `UiCopyButton`, `UiAmount`, `UiSkipLink`, `UiAppShell` | "Nothing here yet" with an action slot; a focusable `<figure>`/`<pre>`; a copy icon that announces the result; an exact SUI/WAL amount in a `<data>` element; "Skip to content"; the page frame (skip link, `<main>`, header/sidebar/footer slots). |
+
+### Helpers
+
+The framework-free helpers live in [`@meddleware/web-utils`](https://www.npmjs.com/package/@meddleware/web-utils) and are re-exported here
+(`suiExplorerUrl`, `walruscanBlobUrl`, `safeHref`, `safePath`, `truncateMiddle`, the status parser and its `STATUS_LABEL` /
+`STATUS_HEADLINE`). Composables: `useColorMode`, `useSeason`, `useNow`, `useStatusSnapshot`, `usePager`.
 
 ### Explorer helper
 

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as default };

package/dist/base.css

@@ -1,2 +1,48 @@
-*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--mw-font-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}:where(ul,ol):where([role=list],[role=listitem]),:where(menu){margin:0;padding:0;list-style:none}.mw-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(img,svg,video,canvas){max-width:100%;display:block}:where(fieldset){border:0;min-inline-size:0;margin:0;padding:0}:where(legend){padding:0}a{color:var(--accent);text-underline-offset:.18em;transition:color var(--transition-base);text-decoration:underline;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.14em}:where(button,input,select,textarea){font-family:inherit}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mw-mono{font-family:var(--mw-font-mono)}.mw-noise{isolation:isolate;position:relative}.mw-noise:before{content:"";z-index:-1;background-image:var(--noise-overlay);opacity:var(--noise-opacity);pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.mw-hand-drawn{display:inline-flex;position:relative}.mw-spinner{width:var(--space-sm);height:var(--space-sm);border:2px solid var(--border);border-top-color:var(--accent);animation:mw-spin var(--transition-slow) linear infinite;border-radius:50%;display:inline-block}@keyframes mw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.mw-spinner{border-top-color:var(--accent);animation:none}}.mw-header[data-v-384786e1]{--_bg:var(--fff85088);--_surface:var(--v5048fb2c);--_text:var(--a5a150b8);--_muted:var(--bd016d2c);--_border:var(--v523d383a);--_ok:var(--ffec60da);--_danger:var(--v893937cc);--_info:var(--ca3eca36);align-items:center;gap:var(--space-2xs);height:var(--mw-header-height,56px);padding:0 var(--space-sm);background:var(--_bg);color:var(--_text);border-bottom:1px solid var(--_border);font-family:var(--mw-font-sans);transition:background var(--transition-base), backdrop-filter var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);display:flex}.mw-header--sticky[data-v-384786e1]{z-index:50;position:sticky;top:0}.mw-header--scrolled[data-v-384786e1]{background:color-mix(in srgb, var(--_bg-solid,var(--bg)) 82%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom-color:var(--border);box-shadow:0 1px 0 color-mix(in srgb, var(--border) 60%, transparent)}.mw-header>[data-v-384786e1-s]:first-child{align-items:center;gap:var(--space-2xs);letter-spacing:var(--tracking-wide);white-space:nowrap;margin-inline-end:auto;font-weight:650;text-decoration:none;display:flex}.mw-header a[data-v-384786e1-s]{color:inherit}.mw-header[data-v-384786e1]:not(.mw-header--transparent){--ok:var(--_ok);--danger:var(--_danger);--info:var(--_info)}.mw-sidebar[data-v-e5506501]{--_bg:var(--v5b5002f5);--_surface:var(--v6623eb93);--_text:var(--v33c4cec6);--_muted:var(--f34db0de);--_border:var(--e5796ac8);--_ok:var(--v5b55facc);--_danger:var(--v71c54ad3);--_info:var(--v58624844);--_width:var(--d1940a6a);height:100%;width:var(--_width);background:var(--_bg);color:var(--_text);border-right:1px solid var(--_border);font-family:var(--mw-font-sans);flex-direction:column;display:flex}.mw-sidebar__nav[data-v-e5506501]{gap:var(--space-3xs);padding:var(--space-xs) 0;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.mw-sidebar a[data-v-e5506501-s]{color:inherit}.mw-sidebar[data-v-e5506501]:not(.mw-sidebar--transparent){--ok:var(--_ok);--danger:var(--_danger);--info:var(--_info)}.mw-footer[data-v-42cde159]{--_bg:var(--v331b054e);--_surface:var(--v5a224faf);--_text:var(--v328b0a01);--_muted:var(--v70cc3aa6);--_border:var(--v7419f300);--_ok:var(--v330f15a0);--_danger:var(--v589bf337);--_info:var(--v203c4d42);align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--_bg);color:var(--_muted);border-top:1px solid var(--_border);font-family:var(--mw-font-sans);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.mw-footer--transparent[data-v-42cde159]{border-top:1px solid var(--border)}.mw-footer__docs[data-v-42cde159]{align-items:center;gap:var(--space-sm);margin-inline-start:auto;display:flex}.mw-footer__docs a[data-v-42cde159]{color:inherit;text-underline-offset:2px;text-decoration:underline}.mw-footer__docs a[data-v-42cde159]:hover{text-decoration-thickness:.14em}.mw-footer a[data-v-42cde159-s]{color:inherit}.mw-footer[data-v-42cde159]:not(.mw-footer--transparent){--ok:var(--_ok);--danger:var(--_danger);--info:var(--_info)}.mw-mode[data-v-e5cba7a7]{border:1px solid var(--_border,var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--_text,var(--text)) 6%, transparent);gap:2px;min-inline-size:0;margin:0;padding:2px;display:inline-flex}.mw-mode__btn[data-v-e5cba7a7]{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);border-radius:calc(var(--radius) - 3px);color:var(--_text,var(--text));font:inherit;font-size:var(--font-size-sm);cursor:pointer;opacity:.7;transition:opacity var(--transition-base), background var(--transition-base);background:0 0;border:0;display:inline-flex}.mw-mode__btn[data-v-e5cba7a7]:hover{opacity:1}.mw-mode__btn.is-active[data-v-e5cba7a7]{opacity:1;background:color-mix(in srgb, var(--_text,var(--text)) 14%, transparent)}.mw-mode__btn[data-v-e5cba7a7]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (width<=640px){.mw-mode__label[data-v-e5cba7a7]{display:none}}.mw-btn[data-v-bc33cc23]{justify-content:center;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);font:inherit;cursor:pointer;transition:filter var(--transition-base), background var(--transition-base);border:1px solid #0000;font-weight:550;display:inline-flex}.mw-btn[data-v-bc33cc23]:disabled{opacity:.55;cursor:not-allowed}.mw-btn[data-v-bc33cc23]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mw-btn--primary[data-v-bc33cc23]{background:var(--accent);color:var(--accent-contrast)}.mw-btn--primary[data-v-bc33cc23]:not(:disabled):hover{filter:brightness(1.08)}.mw-btn--secondary[data-v-bc33cc23]{background:var(--secondary);color:var(--secondary-contrast)}.mw-btn--secondary[data-v-bc33cc23]:not(:disabled):hover{filter:brightness(1.08)}.mw-btn--ghost[data-v-bc33cc23]{color:var(--text);border-color:var(--border);background:0 0}.mw-btn--ghost[data-v-bc33cc23]:not(:disabled):hover{background:var(--lift)}.mw-btn--danger[data-v-bc33cc23]{background:var(--danger);color:var(--accent-contrast)}.mw-btn--danger[data-v-bc33cc23]:not(:disabled):hover{filter:brightness(1.08)}.mw-card[data-v-384b36cf]{padding:var(--space-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);overflow:hidden}.mw-card__header[data-v-384b36cf]{margin:calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm)) var(--space-sm);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border)}.mw-card__title[data-v-384b36cf]{font-size:var(--font-size-base);margin:0;font-weight:600}.mw-card__footer[data-v-384b36cf]{margin:var(--space-sm) calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm));padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--border);background:var(--lift)}.mw-select[data-v-38fbd9b5]{--_chevron-stroke:var(--muted);--_chevron-arm:6px;appearance:none;width:100%;padding:var(--space-2xs) calc(var(--space-md) + var(--space-2xs)) var(--space-2xs) var(--space-xs);background-color:var(--surface);background-image:linear-gradient(45deg, transparent calc(50% - .75px), var(--_chevron-stroke) calc(50% - .75px), var(--_chevron-stroke) calc(50% + .75px), transparent calc(50% + .75px)), linear-gradient(-45deg, transparent calc(50% - .75px), var(--_chevron-stroke) calc(50% - .75px), var(--_chevron-stroke) calc(50% + .75px), transparent calc(50% + .75px));background-position:right calc(var(--space-xs) + var(--_chevron-arm)) center, right var(--space-xs) center;background-size:var(--_chevron-arm) var(--_chevron-arm);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;background-repeat:no-repeat}.mw-select[data-v-38fbd9b5]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mw-notice[data-v-ee7fffb1]{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--border);border-radius:var(--radius);background:var(--lift);color:var(--text);font-size:var(--font-size-sm);border-left-width:3px;margin:0}.mw-notice--error[data-v-ee7fffb1]{border-left-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.mw-notice--ok[data-v-ee7fffb1]{border-left-color:var(--ok);color:var(--ok);background:color-mix(in srgb, var(--ok) 8%, transparent)}.sidebar-item[data-v-c8ae7e5f]{align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-2xs) var(--space-sm);color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:.85;transition:background var(--transition-base), opacity var(--transition-base);background:0 0;border:0;border-radius:0;display:flex}.sidebar-item[data-v-c8ae7e5f]:hover:not(:disabled){background:color-mix(in srgb, currentColor 10%, transparent);opacity:1}.sidebar-item.is-active[data-v-c8ae7e5f]{background:color-mix(in srgb, var(--accent) 26%, transparent);opacity:1}.sidebar-item[data-v-c8ae7e5f]:disabled{cursor:default}.sidebar-item[data-v-c8ae7e5f]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.sidebar-item__icon[data-v-c8ae7e5f]{text-align:center;width:1.1rem}.sidebar-group[data-v-1ac17bd7]{border:0;min-inline-size:0;margin:0;padding:0}.sidebar-group--l1+.sidebar-group--l1[data-v-1ac17bd7]{margin-block-start:var(--space-2xs)}.sidebar-group__label[data-v-1ac17bd7]{float:inline-start;width:100%;padding:var(--space-3xs) var(--space-xs);font-size:var(--font-size-xs);color:var(--_muted,var(--muted));-webkit-user-select:none;user-select:none;font-weight:600}.sidebar-group__label[data-v-1ac17bd7]+*{clear:both}.sidebar-group--l1>.sidebar-group__label[data-v-1ac17bd7]{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sidebar-group--l2[data-v-1ac17bd7]{padding-inline-start:var(--space-3xs)}.sidebar-group--l2>.sidebar-group__label[data-v-1ac17bd7]{padding-inline-start:var(--space-xs);font-weight:500}.mw-tab-nav[data-v-fbb7de4c]{gap:var(--space-3xs);border-bottom:2px solid var(--border);margin:0;padding:0;list-style:none;display:flex}.mw-tab-nav__item[data-v-fbb7de4c]{display:contents}.mw-tab-nav__tab[data-v-fbb7de4c]{appearance:none;padding:var(--space-2xs) var(--space-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--muted);transition:color var(--transition-base), border-color var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-2px}.mw-tab-nav__tab[data-v-fbb7de4c]:hover{color:var(--text)}.mw-tab-nav__tab--active[data-v-fbb7de4c]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.mw-tab-nav--raised[data-v-fbb7de4c]{border-bottom:1px solid var(--border);background:var(--surface);scrollbar-width:none;flex-shrink:0;align-items:flex-end;gap:2px;padding:4px 4px 0;overflow-x:auto}.mw-tab-nav--raised[data-v-fbb7de4c]::-webkit-scrollbar{display:none}.mw-tab-nav--raised .mw-tab-nav__tab[data-v-fbb7de4c]{border-bottom:1px solid var(--border);color:var(--muted);background:var(--lift);letter-spacing:.01em;white-space:nowrap;transition:color var(--transition-base), background var(--transition-base), border-color var(--transition-base);border-top:2px solid #0000;border-left:1px solid #0000;border-right:1px solid #0000;margin-bottom:-1px;padding:5px 14px 6px;font-size:.8rem;font-weight:500}.mw-tab-nav--raised .mw-tab-nav__tab[data-v-fbb7de4c]:hover:not(.mw-tab-nav__tab--active){color:var(--text);background:var(--surface)}.mw-tab-nav--raised .mw-tab-nav__tab--active[data-v-fbb7de4c]{color:var(--text);background:var(--bg);border-color:var(--accent) var(--border) var(--bg) var(--border);font-weight:600}.mw-tab-nav--raised.mw-tab-nav--lg[data-v-fbb7de4c]{gap:3px;padding:6px 6px 0}.mw-tab-nav--raised.mw-tab-nav--lg .mw-tab-nav__tab[data-v-fbb7de4c]{padding:9px 20px 10px;font-size:.95rem;font-weight:600}.mw-tab-panel[data-v-add194c8]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.mw-dialog[data-v-78973168]{--_width:var(--ce627f2e);width:var(--_width);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:90vh;color:var(--text);padding:0;box-shadow:0 1.25rem 3.75rem #00000073}.mw-dialog[data-v-78973168]::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.mw-dialog__content[data-v-78973168]{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;display:flex}.mw-dialog__header[data-v-78973168]{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.mw-dialog__title[data-v-78973168]{font-size:var(--font-size-base);margin:0;font-weight:600}.mw-dialog__close[data-v-78973168]{padding:0 var(--space-3xs);border-radius:var(--radius);color:var(--muted);font-size:var(--font-size-xl);cursor:pointer;background:0 0;border:0;line-height:1}.mw-dialog__close[data-v-78973168]:hover{color:var(--text)}.mw-dialog__actions[data-v-78973168]{justify-content:flex-end;gap:var(--space-xs);flex-wrap:wrap;display:flex}.ca-root[data-v-ebf9e8c7]{align-items:center;gap:.35em;display:inline-flex}.ca-value[data-v-ebf9e8c7]{font-family:var(--mw-font-mono,monospace);font-size:inherit}.ca-copy[data-v-ebf9e8c7]{color:var(--muted);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.ca-copy[data-v-ebf9e8c7]:hover{color:var(--text)}.ca-copy--copied[data-v-ebf9e8c7]{color:var(--accent)}.ca-icon[data-v-ebf9e8c7]{display:block}.el-root[data-v-f05cc8ba]{font-family:monospace;font-size:inherit;color:var(--accent);text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .15s}.el-root[data-v-f05cc8ba]:hover{color:var(--text);text-decoration-style:solid}.copyright-line[data-v-06282c3d]{white-space:nowrap;text-align:center;display:inline-block}.symbol-link[data-v-06282c3d]{color:inherit;vertical-align:text-top;align-items:center;padding:0 .1rem;text-decoration:none;display:inline-flex}.symbol-link[data-v-06282c3d]:hover{text-decoration:underline}.kopimi-symbol[data-v-06282c3d]{align-items:center;line-height:1;display:inline-flex}.kopimi-mark[data-v-06282c3d]{vertical-align:-.15em;display:inline}.text-content[data-v-06282c3d]{display:inline}.ui-stepper[data-v-38fb837c]{margin:0 0 var(--space-md,1.5rem);padding:0;list-style:none;display:flex}.ui-stepper__step[data-v-38fb837c]{flex-direction:column;flex:1 1 0;align-items:center;gap:.4rem;min-width:0;display:flex;position:relative}.ui-stepper__step[data-v-38fb837c]:not(:first-child):before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:1rem;left:-50%;right:50%}.ui-stepper__step.is-done[data-v-38fb837c]:before,.ui-stepper__step.is-active[data-v-38fb837c]:before{background:var(--accent)}.ui-stepper__badge[data-v-38fb837c]{z-index:1;border:2px solid var(--border);background:var(--surface);width:2rem;height:2rem;color:var(--muted);cursor:default;transition:background-color var(--transition-base,.2s), border-color var(--transition-base,.2s);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.8rem;font-weight:600;line-height:1;display:flex;position:relative}button.ui-stepper__badge[data-v-38fb837c]{cursor:pointer}button.ui-stepper__badge[data-v-38fb837c]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.is-done .ui-stepper__badge[data-v-38fb837c]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.is-active .ui-stepper__badge[data-v-38fb837c]{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-color:var(--accent);color:var(--accent)}.ui-stepper__label[data-v-38fb837c]{text-align:center;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.78rem;line-height:1.2;overflow:hidden}.is-done .ui-stepper__label[data-v-38fb837c],.is-active .ui-stepper__label[data-v-38fb837c]{color:var(--text)}.is-active .ui-stepper__label[data-v-38fb837c]{font-weight:600}.mw-seg[data-v-430ffdd6]{border:1px solid var(--border);border-radius:var(--radius);min-inline-size:0;margin:0;padding:0;display:inline-flex;overflow:hidden}.mw-seg__item[data-v-430ffdd6]{height:2rem;padding:0 var(--space-sm);border-right:1px solid var(--border);cursor:pointer;font-size:var(--font-size-sm);color:var(--muted);transition:background var(--transition-base), color var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;justify-content:center;align-items:center;margin:0;display:flex}.mw-seg__item[data-v-430ffdd6]:last-child{border-right:none}.mw-seg__item--active[data-v-430ffdd6]{background:var(--accent);color:var(--accent-contrast)}.mw-seg__item[data-v-430ffdd6]:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:-2px}.mw-seg__item--disabled[data-v-430ffdd6]{opacity:.5;pointer-events:none;cursor:not-allowed}.mw-seg__item input[type=radio][data-v-430ffdd6]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.mw-field-hint[data-v-29d9a629]{margin-left:var(--space-3xs,.35rem);vertical-align:middle;display:inline-block;position:relative}.mw-field-hint__btn[data-v-29d9a629]{border:1px solid var(--muted);width:1.1em;height:1.1em;color:var(--muted);cursor:help;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.mw-field-hint__btn[data-v-29d9a629]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mw-field-hint__tip[data-v-29d9a629]{z-index:10;min-width:200px;max-width:min(300px,90vw);padding:var(--space-2xs,.6rem) var(--space-xs,.75rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm,.85rem);color:var(--text);visibility:hidden;opacity:0;transition:opacity var(--transition-base,.15s ease), visibility var(--transition-base,.15s ease);pointer-events:none;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 12px #0000001f}.mw-field-hint:hover .mw-field-hint__tip[data-v-29d9a629],.mw-field-hint:focus-within .mw-field-hint__tip[data-v-29d9a629]{visibility:visible;opacity:1;pointer-events:auto}.mw-form-field[data-v-5aef34d9]{margin:0}.mw-form-field__label[data-v-5aef34d9]{margin:.9rem 0 .3rem;font-weight:600;display:inline-block}.mw-form-field :is(input[data-v-5aef34d9-s],select[data-v-5aef34d9-s],textarea[data-v-5aef34d9-s]){display:block}.mw-form-field__hint[data-v-5aef34d9],.mw-form-field__error[data-v-5aef34d9]{font-size:var(--font-size-sm,.9rem);margin:.25rem 0 0;display:block}.mw-form-field__hint[data-v-5aef34d9]{color:var(--muted);font-weight:400}.mw-form-field__error[data-v-5aef34d9]{color:var(--danger)}.mw-tool-intro[data-v-9a5436b9]{color:var(--muted);margin:.25rem 0 1.25rem}.mw-panel[data-v-62fac524]{border:1px solid var(--border);background:var(--surface);border-radius:2px;padding:10px;overflow:hidden}.mw-panel__title[data-v-62fac524]{letter-spacing:.06em;font-size:.72rem;font-weight:600;line-height:inherit;text-transform:uppercase;color:var(--muted);background:var(--lift);border-bottom:1px solid var(--border);margin:-10px -10px 10px;padding:5px 10px}.mw-badge[data-v-2e33d71a]{letter-spacing:.04em;text-transform:uppercase;border-radius:2px;padding:1px 6px;font-size:.7rem;font-weight:600;display:inline-block}.mw-badge--active[data-v-2e33d71a]{background:color-mix(in srgb, var(--ok) 10%, transparent);color:var(--ok)}.mw-badge--closed[data-v-2e33d71a]{background:color-mix(in srgb, var(--muted) 10%, transparent);color:var(--muted)}.mw-badge--pending[data-v-2e33d71a]{background:color-mix(in srgb, var(--warning) 10%, transparent);color:var(--warning-text)}.mw-badge--neutral[data-v-2e33d71a]{background:var(--lift);color:var(--muted)}.mw-toolbar-btn[data-v-d5f19134]{background:var(--lift);border:1px solid var(--border);height:26px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:2px;align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;transition:background .1s,border-color .1s;display:inline-flex}.mw-toolbar-btn[data-v-d5f19134]:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.mw-toolbar-btn[data-v-d5f19134]:disabled{opacity:.5;cursor:not-allowed}.mw-toolbar-btn[data-v-d5f19134]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mw-toolbar[data-v-170c8eb5]{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:4px;margin:0;padding:4px 8px;list-style:none;display:flex}.mw-stat-grid[data-v-3608575d]{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:.8rem;display:grid}.mw-stat-grid__label[data-v-829f7772]{color:var(--muted);white-space:nowrap}.mw-stat-grid__value[data-v-829f7772]{font-family:var(--mw-font-mono);color:var(--text);text-align:right;margin:0}.mw-stat-grid__value--left[data-v-829f7772]{text-align:left}.mw-data-table-wrap[data-v-de139c21]{overflow-x:auto}.mw-data-table[data-v-de139c21]{border-collapse:collapse;width:100%;font-size:.8rem}.mw-data-table[data-v-de139c21] th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:5px 8px;font-size:.7rem;font-weight:600}.mw-data-table[data-v-de139c21] td{border-bottom:1px solid var(--border);vertical-align:middle;padding:5px 8px}.mw-data-table[data-v-de139c21] tbody tr:last-child td{border-bottom:none}.mw-data-table[data-v-de139c21] tbody tr:nth-child(2n) td{background:var(--lift)}.mw-data-table__empty[data-v-de139c21]{text-align:center;color:var(--muted);padding:24px 16px;font-size:.8rem}.mw-status-dot[data-v-62e9a7cc]{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:4px;display:inline-block}.mw-status-dot--ok[data-v-62e9a7cc]{background:var(--ok)}.mw-status-dot--warn[data-v-62e9a7cc]{background:var(--warning)}.mw-status-dot--error[data-v-62e9a7cc]{background:var(--danger)}.mw-statusbar[data-v-06a511eb]{color:var(--muted);background:var(--surface);border-top:1px solid var(--border);font-size:.72rem;font-family:var(--mw-font-mono);z-index:1;flex-shrink:0;align-items:center;gap:16px;margin:0;padding:3px 12px;list-style:none;display:flex;position:sticky;bottom:0}.mw-statusbar[data-v-06a511eb]>li{align-items:center;display:flex}.mw-statusbar[data-v-06a511eb]>li+li:before{content:"│" / "";color:var(--border);margin-inline-end:16px}.mw-statusbar__pending[data-v-06a511eb]{font-style:italic}.mw-feed[data-v-9e578c9d]{margin:0;padding:0;font-size:.78rem;list-style:none}.mw-feed__item[data-v-797b66a9]{border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;align-items:flex-start;gap:8px;padding:4px 0;font-weight:500;display:flex}.mw-feed__item[data-v-797b66a9]:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.mw-feed__item[data-v-797b66a9]:last-child{border-bottom:none}.mw-feed__meta[data-v-797b66a9]{color:var(--muted);font-family:var(--mw-font-mono);margin-left:auto;font-size:.72rem;font-weight:400}.status-widget[data-v-a83de7ee]{align-items:center;gap:var(--space-2xs);color:inherit;font-size:var(--font-size-sm);opacity:.85;transition:opacity var(--transition-base);text-decoration:none;display:inline-flex}.status-widget[data-v-a83de7ee]:hover{opacity:1}.status-widget[data-v-a83de7ee]:before{content:"";width:var(--space-2xs);height:var(--space-2xs);border-radius:50%;flex-shrink:0}.status-widget--checking[data-v-a83de7ee]:before{background:var(--muted)}.status-widget--ok[data-v-a83de7ee]:before{background:var(--ok)}.status-widget--degraded[data-v-a83de7ee]:before{background:var(--warning)}.status-widget--error[data-v-a83de7ee]:before{background:var(--danger)}
-/*$vite$:1*/
+@layer mw.reset, mw.components;
+@layer mw.reset{*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-padding-block-start:calc(var(--mw-header-height) * 2)}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--mw-font-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}:where(ul,ol):where([role=list],[role=listitem]),:where(menu){margin:0;padding:0;list-style:none}.mw-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mw-panel--dark{--_bg:var(--mw-panel-dark-bg);--_surface:var(--mw-panel-dark-surface);--_text:var(--mw-panel-dark-text);--_muted:var(--mw-panel-dark-muted);--_border:var(--mw-panel-dark-border);--_ok:var(--mw-panel-dark-ok);--_danger:var(--mw-panel-dark-danger);--_info:var(--mw-panel-dark-info);--text:var(--_text);--muted:var(--_muted);--border:var(--_border);--bg:var(--_bg);--surface:var(--_surface);--lift:var(--_surface);--mw-link:var(--_text)}.mw-panel--light{--_bg:var(--mw-panel-light-bg);--_surface:var(--mw-panel-light-surface);--_text:var(--mw-panel-light-text);--_muted:var(--mw-panel-light-muted);--_border:var(--mw-panel-light-border);--_ok:var(--mw-panel-light-ok);--_danger:var(--mw-panel-light-danger);--_info:var(--mw-panel-light-info);--text:var(--_text);--muted:var(--_muted);--border:var(--_border);--bg:var(--_bg);--surface:var(--_surface);--lift:var(--_surface);--mw-link:var(--_text)}.mw-panel--transparent{--_bg:transparent;--_surface:transparent;--_text:var(--text);--_muted:var(--muted);--_border:transparent;--_ok:var(--ok);--_danger:var(--danger);--_info:var(--info)}:where(img,svg,video,canvas){max-width:100%;display:block}:where(fieldset){border:0;min-inline-size:0;margin:0;padding:0}:where(legend){overflow-wrap:anywhere;max-inline-size:100%;padding:0}a{color:var(--mw-link,var(--accent));text-underline-offset:.18em;transition:color var(--transition-base);text-decoration:underline;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.14em}:where(button,input,select,textarea){font-family:inherit}:where(button){padding:var(--space-3xs) var(--space-xs);color:var(--text);background-color:var(--lift);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:inherit;cursor:pointer}:where(input[type=file])::file-selector-button{padding:var(--space-3xs) var(--space-xs);color:var(--text);background-color:var(--lift);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:inherit;cursor:pointer}:where(input[type=file])::file-selector-button{margin-inline-end:var(--space-xs)}:where(button:disabled){cursor:not-allowed}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mw-mono{font-family:var(--mw-font-mono)}:where(code,kbd,samp){font-family:var(--mw-font-mono);overflow-wrap:anywhere}:where(pre) :where(code,kbd,samp){overflow-wrap:normal}.mw-noise{isolation:isolate;position:relative}.mw-noise:before{content:"";z-index:var(--z-below);background-image:var(--noise-overlay);opacity:var(--noise-opacity);pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.mw-hand-drawn{display:inline-flex;position:relative}.mw-spinner{width:var(--space-sm);height:var(--space-sm);border:2px solid var(--border);border-top-color:var(--accent);animation:mw-spin var(--transition-slow) linear infinite;border-radius:50%;display:inline-block}@keyframes mw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:.001ms!important}.mw-spinner{border-top-color:var(--accent);animation:none}}}@layer mw.components;
+@layer mw.reset;@layer mw.components{.mw-footer[data-v-766c24d7]{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--_bg);color:var(--_muted);border-top:1px solid var(--_border);font-family:var(--mw-font-sans);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.mw-footer--transparent[data-v-766c24d7]{border-top:1px solid var(--border)}.mw-footer__docs[data-v-766c24d7]{align-items:center;gap:var(--space-2xs) var(--space-sm);flex-wrap:wrap;max-inline-size:100%;margin-inline-start:auto;display:flex}.mw-footer__docs a[data-v-766c24d7]{color:inherit;text-underline-offset:.18em;text-decoration:underline}.mw-footer__docs a[data-v-766c24d7]:hover{text-decoration-thickness:.14em}.mw-footer a[data-v-766c24d7-s]{color:inherit}.mw-footer[data-v-766c24d7]:not(.mw-footer--transparent){--ok:var(--_ok);--danger:var(--_danger);--info:var(--_info)}}
+@layer mw.reset;@layer mw.components{.mw-header[data-v-8f38cdd2]{align-items:center;gap:var(--space-2xs);min-height:var(--mw-header-height);padding:var(--space-4xs) var(--space-sm);background:var(--_bg);color:var(--_text);border-bottom:1px solid var(--_border);font-family:var(--mw-font-sans);transition:background var(--transition-base), backdrop-filter var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex-wrap:wrap;display:flex}.mw-header--sticky[data-v-8f38cdd2]{z-index:var(--z-header);position:sticky;top:0}.mw-header--scrolled[data-v-8f38cdd2]{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(var(--space-2xs));backdrop-filter:blur(var(--space-2xs));border-bottom-color:var(--border);box-shadow:var(--shadow-1)}.mw-header__brand[data-v-8f38cdd2]{align-items:center;gap:var(--space-2xs);font-weight:var(--font-weight-brand);letter-spacing:var(--tracking-wide);overflow-wrap:anywhere;min-inline-size:0;margin-inline-end:auto;text-decoration:none;display:flex}.mw-header a[data-v-8f38cdd2-s]{color:inherit}.mw-header__menu[data-v-8f38cdd2]{padding:var(--space-3xs);border:1px solid var(--_border);border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;display:none}.mw-header__menu[data-v-8f38cdd2]:hover{background:color-mix(in srgb, currentColor 12%, transparent)}@media (width<45em){.mw-header__menu[data-v-8f38cdd2]{display:inline-flex}}.mw-header[data-v-8f38cdd2]:not(.mw-header--transparent){--ok:var(--_ok);--danger:var(--_danger);--info:var(--_info)}}
+@layer mw.reset;@layer mw.components{.mw-sidebar[data-v-f5e6df6c]{--_width:var(--v4ba6c322);height:100%;width:var(--_width);background:var(--_bg);color:var(--_text);border:0;border-right:1px solid var(--_border);font-family:var(--mw-font-sans);flex-direction:column;margin:0;padding:0;display:flex;position:static;inset:auto;overflow:visible}.mw-sidebar__nav[data-v-f5e6df6c]{gap:var(--space-3xs);padding:var(--space-xs) 0;flex-direction:column;flex:auto;display:flex;overflow-y:auto}@media (width<45em){.mw-sidebar[data-v-f5e6df6c]:not(:popover-open){display:none}.mw-sidebar[data-v-f5e6df6c]:popover-open{width:min(var(--_width), 85vw);height:100dvh;box-shadow:var(--shadow-3);position:fixed;inset:0 auto 0 0}.mw-sidebar[data-v-f5e6df6c]::backdrop{background:var(--backdrop)}}.mw-sidebar a[data-v-f5e6df6c-s]{color:inherit}.mw-sidebar[data-v-f5e6df6c]:not(.mw-sidebar--transparent){--ok:var(--_ok);--danger:var(--_danger);--info:var(--_info)}}
+@layer mw.reset;@layer mw.components{.mw-tab-nav[data-v-004591c8]{gap:var(--space-3xs);border-bottom:var(--space-4xs) solid var(--border);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mw-tab-nav__item[data-v-004591c8]{display:contents}.mw-tab-nav__tab[data-v-004591c8]{appearance:none;border:none;border-bottom:var(--space-4xs) solid transparent;padding:var(--space-2xs) var(--space-sm);margin-bottom:calc(-1 * var(--space-4xs));cursor:pointer;font-size:var(--font-size-base);color:var(--muted);transition:color var(--transition-base), border-color var(--transition-base);background:0 0;border-radius:0}.mw-tab-nav__tab[data-v-004591c8]:hover{color:var(--text)}.mw-tab-nav__tab--active[data-v-004591c8]{border-bottom-color:var(--accent);color:var(--text);font-weight:var(--font-weight-semibold)}.mw-tab-nav--raised[data-v-004591c8]{border-bottom:1px solid var(--border);background:var(--surface);padding:var(--space-3xs) var(--space-3xs) 0;align-items:flex-end;gap:var(--space-4xs);scrollbar-width:none;flex-shrink:0;overflow-x:auto}.mw-tab-nav--raised[data-v-004591c8]::-webkit-scrollbar{display:none}.mw-tab-nav--raised .mw-tab-nav__tab[data-v-004591c8]{border-bottom:1px solid var(--border);padding:var(--space-3xs) var(--space-xs) var(--space-3xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--muted);background:var(--lift);border-top:var(--space-4xs) solid transparent;white-space:nowrap;transition:color var(--transition-base), background var(--transition-base), border-color var(--transition-base);border-left:1px solid #0000;border-right:1px solid #0000;margin-bottom:-1px}.mw-tab-nav--raised .mw-tab-nav__tab[data-v-004591c8]:hover:not(.mw-tab-nav__tab--active){color:var(--text);background:var(--surface)}.mw-tab-nav--raised .mw-tab-nav__tab--active[data-v-004591c8]{color:var(--text);background:var(--bg);border-color:var(--accent) var(--border) var(--bg) var(--border);font-weight:var(--font-weight-semibold)}.mw-tab-nav--raised.mw-tab-nav--lg[data-v-004591c8]{gap:var(--space-4xs);padding:var(--space-3xs) var(--space-3xs) 0}.mw-tab-nav--raised.mw-tab-nav--lg .mw-tab-nav__tab[data-v-004591c8]{padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.mw-tab-nav--flush[data-v-004591c8]{background:0 0;padding-inline:0}}
+@layer mw.reset;@layer mw.components{.mw-mode[data-v-905a9db8]{gap:var(--space-4xs);min-inline-size:0;padding:var(--space-4xs);border:1px solid var(--_border,var(--border));border-radius:var(--radius);margin:0;display:inline-flex}.mw-mode__btn[data-v-905a9db8]{justify-content:center;align-items:center;gap:var(--space-3xs);min-block-size:1.5rem;min-inline-size:1.5rem;padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);color:var(--_muted,var(--muted));font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-base), background var(--transition-base);background:0 0;border:0;display:inline-flex}.mw-mode__btn[data-v-905a9db8]:hover{color:var(--_text,var(--text))}.mw-mode__btn.is-active[data-v-905a9db8]{color:var(--_text,var(--text));background:color-mix(in srgb, var(--_text,var(--text)) 14%, transparent)}.mw-mode__btn[data-v-905a9db8]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (forced-colors:active){.mw-mode__btn.is-active[data-v-905a9db8]{outline-offset:-2px;outline:2px solid highlight}}@media (width<40em){.mw-mode__label[data-v-905a9db8]{display:none}}}
+@layer mw.reset;@layer mw.components{.ca-root[data-v-60f80445]{align-items:center;gap:.35em;max-width:100%;display:inline-flex}.ca-value[data-v-60f80445]{font-family:var(--mw-font-mono);font-size:inherit;overflow-wrap:anywhere;white-space:normal;min-width:0}}
+@layer mw.reset;@layer mw.components{.copyright-line[data-v-e1afe1f4]{text-align:center;max-width:100%;display:inline-block}.symbol-link[data-v-e1afe1f4]{white-space:nowrap;color:inherit;vertical-align:text-top;padding:0 var(--space-4xs);align-items:center;text-decoration:none;display:inline-flex}.symbol-link[data-v-e1afe1f4]:hover{text-decoration:underline}.symbol-mark[data-v-e1afe1f4]{vertical-align:-.15em;display:inline}}
+@layer mw.reset;@layer mw.components{.el-root[data-v-afd81c09]{min-block-size:calc(var(--space-sm) + var(--space-3xs));font-family:var(--mw-font-mono);font-size:inherit;color:var(--mw-link,var(--accent));text-underline-offset:.18em;transition:color var(--duration-base);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-block}.el-root[data-v-afd81c09]:hover{color:var(--text);text-decoration-style:solid}}
+@layer mw.reset;@layer mw.components{.sidebar-group[data-v-d2020093]{border:0;min-inline-size:0;margin:0;padding:0}.sidebar-group--l1+.sidebar-group--l1[data-v-d2020093]{margin-block-start:var(--space-2xs)}.sidebar-group__label[data-v-d2020093]{float:inline-start;width:100%;padding:var(--space-3xs) var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--_muted,var(--muted));-webkit-user-select:none;user-select:none}.sidebar-group__label[data-v-d2020093]+*{clear:both}.sidebar-group--l1>.sidebar-group__label[data-v-d2020093]{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sidebar-group--l2[data-v-d2020093]{padding-inline-start:var(--space-3xs)}.sidebar-group--l2>.sidebar-group__label[data-v-d2020093]{font-weight:var(--font-weight-medium);padding-inline-start:var(--space-xs)}}
+@layer mw.reset;@layer mw.components{.sidebar-item[data-v-cb0a8084]{align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-2xs) var(--space-sm);color:var(--_muted,var(--muted));font:inherit;text-align:left;cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:0;border-radius:0;text-decoration:none;display:flex}.sidebar-item[data-v-cb0a8084]:hover:not(:disabled){background:color-mix(in srgb, currentColor 10%, transparent);color:var(--_text,var(--text))}.sidebar-item.is-active[data-v-cb0a8084]{background:color-mix(in srgb, var(--accent) 26%, transparent);color:var(--_text,var(--text))}.sidebar-item[data-v-cb0a8084]:disabled{cursor:default}@media (forced-colors:active){.sidebar-item.is-active[data-v-cb0a8084]{outline-offset:-2px;outline:2px solid highlight}}.sidebar-item[data-v-cb0a8084]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sidebar-item__icon[data-v-cb0a8084]{width:var(--space-sm);text-align:center}}
+@layer mw.reset;@layer mw.components{.status-widget[data-v-faeb23fe]{align-items:center;gap:var(--space-2xs);color:inherit;font-size:var(--font-size-sm);text-decoration:none;display:inline-flex}.status-widget[data-v-faeb23fe]:hover{text-decoration:underline}}
+@layer mw.reset;@layer mw.components{.mw-feed[data-v-bdd1bebd]{font-size:var(--font-size-sm);margin:0;padding:0;list-style:none}}
+@layer mw.reset;@layer mw.components{.mw-feed__item[data-v-402f889f]{align-items:flex-start;gap:var(--space-2xs);padding:var(--space-3xs) 0;border-bottom:1px solid var(--border);color:var(--text);font-weight:var(--font-weight-medium);white-space:nowrap;display:flex}.mw-feed__item[data-v-402f889f]:before{content:"";width:var(--space-2xs);height:var(--space-2xs);background:var(--accent);margin-top:var(--space-3xs);border-radius:50%;flex-shrink:0}.mw-feed__item[data-v-402f889f]:last-child{border-bottom:none}.mw-feed__meta[data-v-402f889f]{color:var(--muted);font-family:var(--mw-font-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-regular);margin-left:auto}}
+@layer mw.reset;@layer mw.components{.mw-amount[data-v-51fb5258]{font-family:var(--mw-font-mono);white-space:nowrap}}
+@layer mw.reset;@layer mw.components{.mw-shell[data-v-23c8caaf]{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.mw-shell--sidebar[data-v-23c8caaf]{grid-template-columns:auto minmax(0,1fr)}.mw-shell>header[data-v-23c8caaf-s],.mw-shell>footer[data-v-23c8caaf-s]{grid-column:1/-1}.mw-shell__main[data-v-23c8caaf]{min-width:0}.mw-shell--sidebar>.mw-shell__main[data-v-23c8caaf]{grid-column:2}@media (width<45em){.mw-shell--sidebar[data-v-23c8caaf]{grid-template-columns:minmax(0,1fr)}.mw-shell--sidebar>.mw-shell__main[data-v-23c8caaf]{grid-column:1}}.mw-shell__main--contained[data-v-23c8caaf]{width:100%;max-width:var(--mw-tool-content-max);padding:var(--space-sm) var(--space-sm) var(--space-lg);margin-inline:auto}}
+@layer mw.reset;@layer mw.components{.mw-badge[data-v-b6857ff4]{--_tone:var(--border);gap:var(--space-3xs);padding:0 var(--space-xs);border:1px solid var(--_tone);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--_tone) 12%, var(--bg));color:var(--text);font-size:var(--font-size-sm);white-space:nowrap;align-items:baseline;display:inline-flex}.mw-badge--ok[data-v-b6857ff4]{--_tone:var(--ok)}.mw-badge--warn[data-v-b6857ff4]{--_tone:var(--warning)}.mw-badge--danger[data-v-b6857ff4]{--_tone:var(--danger)}.mw-badge--info[data-v-b6857ff4]{--_tone:var(--info)}.mw-badge--accent[data-v-b6857ff4]{--_tone:var(--accent)}.mw-badge__symbol[data-v-b6857ff4]{color:var(--_tone)}.mw-badge--warn .mw-badge__symbol[data-v-b6857ff4]{color:var(--warning-text)}}
+@layer mw.reset;@layer mw.components{.mw-btn[data-v-3abef52b]{justify-content:center;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-base), box-shadow var(--transition-base);border:1px solid #0000;text-decoration:none;display:inline-flex}.mw-btn--sm[data-v-3abef52b]{padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.mw-btn[data-v-3abef52b]:disabled:not([aria-busy=true]),.mw-btn[aria-disabled=true][data-v-3abef52b]:not([aria-busy=true]){filter:grayscale(.6);cursor:not-allowed}.mw-btn[aria-busy=true][data-v-3abef52b]{cursor:progress}.mw-btn .mw-spinner[data-v-3abef52b]{border-color:color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;width:1em;height:1em}.mw-btn--primary[data-v-3abef52b]{background:var(--accent);color:var(--accent-contrast)}.mw-btn--primary[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{box-shadow:inset 0 0 0 var(--space-4xs) var(--accent-contrast)}.mw-btn--secondary[data-v-3abef52b]{background:var(--secondary);color:var(--secondary-contrast)}.mw-btn--secondary[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{box-shadow:inset 0 0 0 var(--space-4xs) var(--secondary-contrast)}.mw-btn--danger[data-v-3abef52b]{background:var(--danger);color:var(--accent-contrast)}.mw-btn--danger[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{box-shadow:inset 0 0 0 var(--space-4xs) var(--accent-contrast)}.mw-btn--ghost[data-v-3abef52b]{color:var(--text);border-color:var(--border);background:0 0}.mw-btn--ghost[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{background:var(--lift)}.mw-btn--link[data-v-3abef52b]{color:var(--mw-link,var(--accent));font-weight:inherit;text-underline-offset:.18em;background:0 0;border:0;border-radius:0;padding:0;text-decoration:underline;text-decoration-thickness:.08em}.mw-btn--link[data-v-3abef52b]:not(:disabled,[aria-disabled=true]):hover{text-decoration-thickness:.14em}}
+@layer mw.reset;@layer mw.components{.mw-card[data-v-2b57e836]{padding:var(--space-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);position:relative;overflow:hidden}.mw-card__header[data-v-2b57e836]{margin:calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm)) var(--space-sm);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border)}.mw-card__title[data-v-2b57e836]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.mw-card__footer[data-v-2b57e836]{margin:var(--space-sm) calc(-1 * var(--space-sm)) calc(-1 * var(--space-sm));padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--border);background:var(--lift)}.mw-card--plain .mw-card__header[data-v-2b57e836]{margin:0 0 var(--space-2xs);border-bottom:0;padding:0}.mw-card--plain .mw-card__title[data-v-2b57e836]{font-size:var(--font-size-lg)}.mw-card__link[data-v-2b57e836]{color:inherit;text-decoration:none}.mw-card__link[data-v-2b57e836]:after{content:"";position:absolute;inset:0}.mw-card--link[data-v-2b57e836]{transition:border-color var(--transition-base), box-shadow var(--transition-base)}.mw-card--link[data-v-2b57e836]:hover{border-color:var(--accent);box-shadow:var(--shadow-1)}.mw-card__link[data-v-2b57e836]:focus-visible:after{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius)}}
+@layer mw.reset;@layer mw.components{.mw-check[data-v-896bf59f]{gap:var(--space-xs);align-items:flex-start;display:flex}.mw-check__box[data-v-896bf59f]{inline-size:calc(var(--space-sm) + var(--space-3xs));block-size:calc(var(--space-sm) + var(--space-3xs));accent-color:var(--accent);flex-shrink:0;margin:0}.mw-check__hint[data-v-896bf59f]{color:var(--muted);font-size:var(--font-size-sm)}}
+@layer mw.reset;@layer mw.components{.mw-code[data-v-4c6bbb22]{margin:0}.mw-code__pre[data-v-4c6bbb22]{padding:var(--space-xs);background:var(--lift);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mw-font-mono);font-size:var(--font-size-sm);margin:0;overflow:auto}.mw-code__pre--wrap[data-v-4c6bbb22]{white-space:pre-wrap;overflow-wrap:anywhere}.mw-code__pre[data-v-4c6bbb22]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}}
+@layer mw.reset;@layer mw.components{.mw-copy[data-v-e8bdae3c]{min-width:1.5rem;min-height:1.5rem;color:var(--muted);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:relative}.mw-copy[data-v-e8bdae3c]:hover{color:var(--text)}.mw-copy--copied[data-v-e8bdae3c]{color:var(--mw-link,var(--accent))}}
+@layer mw.reset;@layer mw.components{.mw-data-table-wrap[data-v-41de31d6]{scrollbar-width:thin;position:relative;overflow-x:auto}.mw-data-table-wrap[data-v-41de31d6]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.mw-data-table[data-v-41de31d6]{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.mw-data-table[data-v-41de31d6] th{text-align:left;padding:var(--space-3xs) var(--space-2xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.mw-data-table[data-v-41de31d6] tbody th[scope=row]{font-size:inherit;letter-spacing:normal;text-transform:none;color:var(--text);white-space:normal;vertical-align:middle}.mw-data-table[data-v-41de31d6] td{padding:var(--space-3xs) var(--space-2xs);border-bottom:1px solid var(--border);vertical-align:middle}.mw-data-table[data-v-41de31d6] tbody tr:last-child td,.mw-data-table[data-v-41de31d6] tbody tr:last-child th{border-bottom:none}.mw-data-table[data-v-41de31d6] tbody tr:nth-child(2n) td,.mw-data-table[data-v-41de31d6] tbody tr:nth-child(2n) th{background:var(--lift)}.mw-data-table__empty[data-v-41de31d6]{padding:var(--space-md) var(--space-sm);text-align:center;color:var(--muted);font-size:var(--font-size-sm);margin:0}.mw-data-table__hint[data-v-41de31d6]{padding:var(--space-3xs) var(--space-2xs);color:var(--muted);font-size:var(--font-size-xs);display:block;position:sticky;left:0}}
+@layer mw.reset;@layer mw.components{.mw-dialog[data-v-f8a5c8ff]{--_width:var(--v532f060d);width:var(--_width);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:90dvh;color:var(--text);box-shadow:var(--shadow-3);padding:0}.mw-dialog[data-v-f8a5c8ff]::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(var(--space-4xs));backdrop-filter:blur(var(--space-4xs))}.mw-dialog__content[data-v-f8a5c8ff]{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;display:flex}.mw-dialog__header[data-v-f8a5c8ff]{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.mw-dialog__title[data-v-f8a5c8ff]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.mw-dialog__close[data-v-f8a5c8ff]{padding:0 var(--space-3xs);border-radius:var(--radius);color:var(--muted);font-size:var(--font-size-xl);cursor:pointer;background:0 0;border:0;line-height:1}.mw-dialog__close[data-v-f8a5c8ff]:hover{color:var(--text)}.mw-dialog__actions[data-v-f8a5c8ff]{justify-content:flex-end;gap:var(--space-xs);flex-wrap:wrap;display:flex}}
+@layer mw.reset;@layer mw.components{.mw-empty[data-v-8463293a]{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);text-align:center;flex-direction:column;display:flex}.mw-empty__text[data-v-8463293a]{color:var(--muted);margin:0}}
+@layer mw.reset;@layer mw.components{.mw-field-hint[data-v-4390802c]{vertical-align:middle;margin-inline-start:var(--space-3xs);display:inline-block;position:relative}.mw-field-hint__btn[data-v-4390802c]{inline-size:calc(var(--space-sm) + var(--space-3xs));block-size:calc(var(--space-sm) + var(--space-3xs));font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border:1px solid var(--muted);color:var(--muted);cursor:help;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;line-height:1;display:inline-flex}.mw-field-hint__btn[data-v-4390802c]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mw-field-hint__tip[data-v-4390802c]{top:calc(100% + var(--space-3xs));z-index:var(--z-popover);min-width:calc(var(--mw-content-narrow) / 2);max-width:min(var(--mw-content-narrow), 90vw);padding:var(--space-2xs) var(--space-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--leading-normal);color:var(--text);box-shadow:var(--shadow-2);display:none;position:absolute;left:0}.mw-field-hint:hover .mw-field-hint__tip[data-v-4390802c],.mw-field-hint:focus-within .mw-field-hint__tip[data-v-4390802c]{display:block}}
+@layer mw.reset;@layer mw.components{.mw-file[data-v-fa50dd32]{max-width:100%;color:var(--text);font:inherit}.mw-file[data-v-fa50dd32]::file-selector-button{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;margin-inline-end:var(--space-xs)}.mw-file[data-v-fa50dd32]:disabled{filter:grayscale(.6);cursor:not-allowed}}
+@layer mw.reset;@layer mw.components{.mw-form-field[data-v-0256284b]{margin:0}.mw-form-field__label[data-v-0256284b]{font-weight:var(--font-weight-semibold);margin:var(--space-xs) 0 var(--space-3xs);display:inline-block}.mw-form-field :is(input[data-v-0256284b-s],select[data-v-0256284b-s],textarea[data-v-0256284b-s]){display:block}.mw-form-field__hint[data-v-0256284b],.mw-form-field__error[data-v-0256284b]{margin:var(--space-3xs) 0 0;font-size:var(--font-size-sm);display:block}.mw-form-field__hint[data-v-0256284b]{color:var(--muted);font-weight:var(--font-weight-regular)}.mw-form-field__error[data-v-0256284b]{color:var(--danger)}}
+@layer mw.reset;@layer mw.components{.mw-input[data-v-de27599b]{width:100%;padding:var(--space-2xs) var(--space-xs);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit}.mw-input[data-v-de27599b]::placeholder{color:var(--muted)}.mw-input[data-v-de27599b]:is(:focus-visible,:focus-within){outline:2px solid var(--focus-ring);outline-offset:1px}.mw-input[aria-invalid=true][data-v-de27599b]{border-color:var(--danger)}.mw-input[data-v-de27599b]:disabled{filter:grayscale(.6);cursor:not-allowed}}
+@layer mw.reset;@layer mw.components{.mw-live[data-v-83076271]{color:var(--muted);font-size:var(--font-size-sm);display:block}.mw-live[data-v-83076271]:empty{display:none}}
+@layer mw.reset;@layer mw.components{.mw-meter[data-v-3580c9b7]{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.mw-meter__label[data-v-3580c9b7]{font-weight:var(--font-weight-semibold)}.mw-meter__text[data-v-3580c9b7]{font-size:var(--font-size-sm);color:var(--muted)}.mw-meter__text--over[data-v-3580c9b7]{color:var(--danger);font-weight:var(--font-weight-semibold)}.mw-meter__bar[data-v-3580c9b7]{width:10rem;height:var(--space-xs);appearance:none;background:var(--lift);border:1px solid var(--border);border-radius:var(--radius-xs)}.mw-meter__bar[data-v-3580c9b7]::-webkit-meter-bar{background:var(--lift);border-radius:var(--radius-xs);border:0}.mw-meter__bar[data-v-3580c9b7]::-webkit-meter-optimum-value{background:var(--ok)}.mw-meter__bar[data-v-3580c9b7]::-webkit-meter-suboptimum-value{background:var(--warning-text)}.mw-meter__bar[data-v-3580c9b7]::-webkit-meter-even-less-good-value{background:var(--danger)}.mw-meter__bar[data-v-3580c9b7]:-moz-meter-optimum::-moz-meter-bar{background:var(--ok)}.mw-meter__bar[data-v-3580c9b7]:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--warning-text)}.mw-meter__bar[data-v-3580c9b7]:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--danger)}}
+@layer mw.reset;@layer mw.components{.mw-notice[data-v-9bed4c15]{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--border);border-left-width:var(--space-4xs);border-radius:var(--radius);background:var(--lift);color:var(--text);font-size:var(--font-size-sm);margin:0}.mw-notice--error[data-v-9bed4c15]{border-left-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--lift))}.mw-notice--ok[data-v-9bed4c15]{border-left-color:var(--ok);background:color-mix(in srgb, var(--ok) 8%, var(--lift))}.mw-notice--warning[data-v-9bed4c15]{border-left-color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--lift))}}
+@layer mw.reset;@layer mw.components{.mw-pager[data-v-bdf9f25e]{gap:var(--space-sm);margin-top:var(--space-xs);justify-content:flex-end;align-items:center;display:flex}.mw-pager__page[data-v-bdf9f25e]{color:var(--muted);font-size:var(--font-size-sm)}}
+@layer mw.reset;@layer mw.components{.mw-panel[data-v-db89a6f2]{padding:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);overflow:hidden}.mw-panel__title[data-v-db89a6f2]{margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-xs)) var(--space-xs);padding:var(--space-3xs) var(--space-xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);line-height:inherit;text-transform:uppercase;color:var(--muted);background:var(--lift);border-bottom:1px solid var(--border)}}
+@layer mw.reset;@layer mw.components{.mw-seg[data-v-895d43d3]{border:1px solid var(--border);border-radius:var(--radius);min-inline-size:0;margin:0;padding:0;display:inline-flex;overflow:hidden}.mw-seg__legend[data-v-895d43d3]{float:inline-start;width:100%;padding:var(--space-3xs) var(--space-xs);font-size:var(--font-size-sm)}.mw-seg--wrap[data-v-895d43d3]{flex-wrap:wrap}@media (width<36em){.mw-seg--grid[data-v-895d43d3]{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));display:grid}.mw-seg--grid .mw-seg__item[data-v-895d43d3]{white-space:normal;padding-block:var(--space-4xs);text-align:center}}.mw-seg__item[data-v-895d43d3]{justify-content:center;align-items:center;gap:var(--space-3xs);min-height:var(--space-md);padding:0 var(--space-sm);border-right:1px solid var(--border);cursor:pointer;font-size:var(--font-size-sm);color:var(--text);transition:background var(--transition-base), color var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;margin:0;display:flex}.mw-seg__item[data-v-895d43d3]:last-child{border-right:none}.mw-seg__item[data-v-895d43d3]:hover:not(.mw-seg__item--active){background:var(--lift)}.mw-seg__item--active[data-v-895d43d3]{background:var(--accent);color:var(--accent-contrast)}.mw-seg__item[data-v-895d43d3]:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:-2px}.mw-seg__item--disabled[data-v-895d43d3]{filter:grayscale(.6);pointer-events:none;cursor:not-allowed}.mw-seg__item input[type=radio][data-v-895d43d3]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}}
+@layer mw.reset;@layer mw.components{.mw-select[data-v-927a9c2d]{--_chevron-stroke:var(--muted);--_chevron-arm:var(--space-2xs);appearance:none;width:100%;padding:var(--space-2xs) calc(var(--space-md) + var(--space-2xs)) var(--space-2xs) var(--space-xs);background-color:var(--surface);background-image:linear-gradient(45deg, transparent calc(50% - var(--space-4xs) / 2), var(--_chevron-stroke) calc(50% - var(--space-4xs) / 2), var(--_chevron-stroke) calc(50% + var(--space-4xs) / 2), transparent calc(50% + var(--space-4xs) / 2)), linear-gradient(-45deg, transparent calc(50% - var(--space-4xs) / 2), var(--_chevron-stroke) calc(50% - var(--space-4xs) / 2), var(--_chevron-stroke) calc(50% + var(--space-4xs) / 2), transparent calc(50% + var(--space-4xs) / 2));background-position:right calc(var(--space-xs) + var(--_chevron-arm)) center, right var(--space-xs) center;background-size:var(--_chevron-arm) var(--_chevron-arm);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;background-repeat:no-repeat}.mw-select[data-v-927a9c2d]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}}
+@layer mw.reset;@layer mw.components{.mw-skip[data-v-ddc3c0de]{z-index:var(--z-skip);padding:var(--space-2xs) var(--space-xs);background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);position:absolute;inset-block-start:var(--space-2xs);inset-inline-start:var(--space-2xs);transform:translateY(-200%)}.mw-skip[data-v-ddc3c0de]:focus{transform:none}}
+@layer mw.reset;@layer mw.components{.mw-stat-grid[data-v-d0a6288d]{gap:var(--space-4xs) var(--space-xs);font-size:var(--font-size-sm);grid-template-columns:fit-content(40%) minmax(0,1fr);margin:0;display:grid}}
+@layer mw.reset;@layer mw.components{.mw-stat-grid__label[data-v-437d86d6]{color:var(--muted);overflow-wrap:anywhere}.mw-stat-grid__value[data-v-437d86d6]{font-family:var(--mw-font-mono);color:var(--text);text-align:right;overflow-wrap:anywhere;margin:0}.mw-stat-grid__value--left[data-v-437d86d6]{text-align:left}}
+@layer mw.reset;@layer mw.components{.mw-statusbar[data-v-df7ff616]{align-items:center;gap:var(--space-4xs) var(--space-sm);padding:var(--space-4xs) var(--space-xs);font-size:var(--font-size-2xs);color:var(--muted);background:var(--surface);border-top:1px solid var(--border);font-family:var(--mw-font-mono);z-index:var(--z-raised);flex-wrap:wrap;flex-shrink:0;margin:0;list-style:none;display:flex;position:sticky;bottom:0}.mw-statusbar[data-v-df7ff616]>li{align-items:center;gap:var(--space-3xs);display:flex}.mw-statusbar[data-v-df7ff616]>li+li:before{content:"│" / "";color:var(--border);margin-inline-end:var(--space-xs)}.mw-statusbar__pending[data-v-df7ff616]{font-style:italic}}
+@layer mw.reset;@layer mw.components{.mw-status-dot[data-v-271bba4b]{border-radius:50%;flex-shrink:0;display:inline-block}.mw-status-dot--sm[data-v-271bba4b]{width:var(--space-2xs);height:var(--space-2xs)}.mw-status-dot--md[data-v-271bba4b]{width:var(--space-xs);height:var(--space-xs)}.mw-status-dot--ok[data-v-271bba4b]{background:var(--ok)}.mw-status-dot--warn[data-v-271bba4b]{background:var(--warning)}.mw-status-dot--error[data-v-271bba4b]{background:var(--danger)}.mw-status-dot--unknown[data-v-271bba4b]{background:var(--muted)}}
+@layer mw.reset;@layer mw.components{.ui-stepper[data-v-8a6485e2]{margin:0 0 var(--space-md);padding:0;list-style:none;display:flex}.ui-stepper--vertical[data-v-8a6485e2]{gap:var(--space-xs);flex-direction:column;margin:0}.ui-stepper__step[data-v-8a6485e2]{align-items:center;gap:var(--space-2xs);flex-direction:column;flex:1 1 0;min-width:0;display:flex;position:relative}.ui-stepper--vertical .ui-stepper__step[data-v-8a6485e2]{align-items:center;gap:var(--space-xs);flex-direction:row}.ui-stepper--horizontal .ui-stepper__step[data-v-8a6485e2]:not(:first-child):before{content:"";top:var(--space-xs);height:var(--space-4xs);background:var(--border);z-index:0;position:absolute;left:-50%;right:50%}.ui-stepper--horizontal .ui-stepper__step.is-done[data-v-8a6485e2]:before,.ui-stepper--horizontal .ui-stepper__step.is-active[data-v-8a6485e2]:before{background:var(--accent)}.ui-stepper__badge[data-v-8a6485e2]{z-index:var(--z-raised);width:var(--space-md);height:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:var(--space-4xs) solid var(--border);background:var(--surface);color:var(--muted);cursor:default;transition:background-color var(--transition-base), border-color var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;line-height:1;display:flex;position:relative}button.ui-stepper__badge[data-v-8a6485e2]{cursor:pointer}button.ui-stepper__badge[data-v-8a6485e2]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.is-done .ui-stepper__badge[data-v-8a6485e2]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.is-active .ui-stepper__badge[data-v-8a6485e2],.is-busy .ui-stepper__badge[data-v-8a6485e2]{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-color:var(--accent);color:var(--accent)}.is-error .ui-stepper__badge[data-v-8a6485e2]{background:color-mix(in srgb, var(--danger) 12%, var(--surface));border-color:var(--danger);color:var(--danger)}.ui-stepper__label[data-v-8a6485e2]{font-size:var(--font-size-sm);text-align:center;color:var(--muted);max-width:100%;line-height:var(--leading-tight)}.ui-stepper--horizontal .ui-stepper__label[data-v-8a6485e2]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui-stepper--vertical .ui-stepper__label[data-v-8a6485e2]{text-align:start}.is-done .ui-stepper__label[data-v-8a6485e2],.is-active .ui-stepper__label[data-v-8a6485e2],.is-busy .ui-stepper__label[data-v-8a6485e2],.is-error .ui-stepper__label[data-v-8a6485e2]{color:var(--text)}.is-active .ui-stepper__label[data-v-8a6485e2],.is-busy .ui-stepper__label[data-v-8a6485e2]{font-weight:var(--font-weight-semibold)}}
+@layer mw.reset;@layer mw.components{.mw-tab-panel[data-v-add194c8]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}}
+@layer mw.reset;@layer mw.components{.mw-textarea[data-v-a5067b5e]{width:100%;padding:var(--space-2xs) var(--space-xs);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit;resize:vertical}.mw-textarea[data-v-a5067b5e]::placeholder{color:var(--muted)}.mw-textarea[data-v-a5067b5e]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mw-textarea[aria-invalid=true][data-v-a5067b5e]{border-color:var(--danger)}.mw-textarea[data-v-a5067b5e]:disabled{filter:grayscale(.6);cursor:not-allowed}}
+@layer mw.reset;@layer mw.components{.mw-toolbar[data-v-d09c20c7]{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;margin:0;display:flex}}
+@layer mw.reset;@layer mw.components{.mw-toolbar-btn[data-v-c46bd947]{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);min-height:var(--space-md);font-size:var(--font-size-sm);background:var(--lift);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast), border-color var(--duration-fast);display:inline-flex}.mw-toolbar-btn[data-v-c46bd947]:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.mw-toolbar-btn[data-v-c46bd947]:disabled{filter:grayscale(.6);cursor:not-allowed}.mw-toolbar-btn[data-v-c46bd947]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}}
+@layer mw.reset;@layer mw.components{.mw-tool-intro[data-v-48ed04fc]{margin:var(--space-3xs) 0 var(--space-sm);color:var(--muted)}}

package/dist/components/AppFooter.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-footer[data-v-766c24d7]{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--_bg);color:var(--_muted);border-top:1px solid var(--_border);font-family:var(--mw-font-sans);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.mw-footer--transparent[data-v-766c24d7]{border-top:1px solid var(--border)}.mw-footer__docs[data-v-766c24d7]{align-items:center;gap:var(--space-2xs) var(--space-sm);flex-wrap:wrap;max-inline-size:100%;margin-inline-start:auto;display:flex}.mw-footer__docs a[data-v-766c24d7]{color:inherit;text-underline-offset:.18em;text-decoration:underline}.mw-footer__docs a[data-v-766c24d7]:hover{text-decoration-thickness:.14em}.mw-footer a[data-v-766c24d7-s]{color:inherit}.mw-footer[data-v-766c24d7]:not(.mw-footer--transparent){--ok:var(--_ok);--danger:var(--_danger);--info:var(--_info)}}

package/dist/components/AppFooter.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./AppFooter.vue_vue_type_script_setup_true_lang.js";
+import "./AppFooter.css";
+//#region src/components/AppFooter.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-766c24d7"]]);
+//#endregion
+export { n as default };

package/dist/components/AppFooter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { usePanelOverrides as e } from "../internal/panel.js";
+import { createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, ref as o, renderSlot as s, unref as c } from "vue";
+import { safeHref as l } from "@meddleware/web-utils";
+//#region src/components/AppFooter.vue?vue&type=script&setup=true&lang.ts
+var u = {
+	key: 0,
+	class: "mw-footer__docs",
+	"aria-label": "Documentation"
+}, d = ["href"], f = ["href"], p = /*@__PURE__*/ r({
+	__name: "AppFooter",
+	props: {
+		variant: { default: "transparent" },
+		colors: {},
+		docsUrl: {},
+		devUrl: {}
+	},
+	setup(r) {
+		let p = r, m = o(null);
+		return e(m, () => p.colors), (e, o) => (a(), n("footer", {
+			ref_key: "root",
+			ref: m,
+			class: i(["mw-footer", `mw-panel--${r.variant} mw-footer--${r.variant}`])
+		}, [
+			s(e.$slots, "start"),
+			s(e.$slots, "default"),
+			s(e.$slots, "end"),
+			r.docsUrl || r.devUrl ? (a(), n("nav", u, [r.docsUrl ? (a(), n("a", {
+				key: 0,
+				href: c(l)(r.docsUrl),
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, "Documentation", 8, d)) : t("", !0), r.devUrl ? (a(), n("a", {
+				key: 1,
+				href: c(l)(r.devUrl),
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}, "Developer docs", 8, f)) : t("", !0)])) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/AppHeader.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-header[data-v-8f38cdd2]{align-items:center;gap:var(--space-2xs);min-height:var(--mw-header-height);padding:var(--space-4xs) var(--space-sm);background:var(--_bg);color:var(--_text);border-bottom:1px solid var(--_border);font-family:var(--mw-font-sans);transition:background var(--transition-base), backdrop-filter var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex-wrap:wrap;display:flex}.mw-header--sticky[data-v-8f38cdd2]{z-index:var(--z-header);position:sticky;top:0}.mw-header--scrolled[data-v-8f38cdd2]{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(var(--space-2xs));backdrop-filter:blur(var(--space-2xs));border-bottom-color:var(--border);box-shadow:var(--shadow-1)}.mw-header__brand[data-v-8f38cdd2]{align-items:center;gap:var(--space-2xs);font-weight:var(--font-weight-brand);letter-spacing:var(--tracking-wide);overflow-wrap:anywhere;min-inline-size:0;margin-inline-end:auto;text-decoration:none;display:flex}.mw-header a[data-v-8f38cdd2-s]{color:inherit}.mw-header__menu[data-v-8f38cdd2]{padding:var(--space-3xs);border:1px solid var(--_border);border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;display:none}.mw-header__menu[data-v-8f38cdd2]:hover{background:color-mix(in srgb, currentColor 12%, transparent)}@media (width<45em){.mw-header__menu[data-v-8f38cdd2]{display:inline-flex}}.mw-header[data-v-8f38cdd2]:not(.mw-header--transparent){--ok:var(--_ok);--danger:var(--_danger);--info:var(--_info)}}

package/dist/components/AppHeader.js

@@ -0,0 +1,7 @@
+import e from "./AppHeader.vue_vue_type_script_setup_true_lang.js";
+import "./AppHeader.css";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+//#region src/components/AppHeader.vue
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-8f38cdd2"]]);
+//#endregion
+export { n as default };

package/dist/components/AppHeader.vue.d.ts

@@ -12,6 +12,13 @@ type __VLS_Props = {
      * background so the brand/nav stay legible. No-op unless the header scrolls.
      */
     solidifyOnScroll?: boolean;
+    /**
+     * The `id` of an AppSidebar. When set, a menu button appears on narrow screens (below 45em) that opens the sidebar as a drawer;
+     * on wide screens the sidebar is always visible and the button is hidden.
+     */
+    sidebarId?: string;
+    /** Accessible name of the menu button. */
+    menuLabel?: string;
 };
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -25,6 +32,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     variant: PanelVariant;
     sticky: boolean;
     solidifyOnScroll: boolean;
+    menuLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/AppHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+import { usePanelOverrides as e } from "../internal/panel.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderSlot as u } from "vue";
+//#region src/components/AppHeader.vue?vue&type=script&setup=true&lang.ts
+var d = ["popovertarget", "aria-label"], f = {
+	key: 1,
+	class: "mw-header__brand"
+}, p = /*@__PURE__*/ i({
+	__name: "AppHeader",
+	props: {
+		variant: { default: "dark" },
+		colors: {},
+		sticky: {
+			type: Boolean,
+			default: !0
+		},
+		solidifyOnScroll: {
+			type: Boolean,
+			default: !1
+		},
+		sidebarId: {},
+		menuLabel: { default: "Menu" }
+	},
+	setup(i) {
+		let p = i, m = l(null);
+		e(m, () => p.colors);
+		let h = l(!1), g = null;
+		return s(() => {
+			p.solidifyOnScroll && typeof window < "u" && (g = () => {
+				h.value = window.scrollY > 8;
+			}, g(), window.addEventListener("scroll", g, { passive: !0 }));
+		}), o(() => {
+			g && window.removeEventListener("scroll", g);
+		}), (e, o) => (c(), n("header", {
+			ref_key: "root",
+			ref: m,
+			class: a(["mw-header", [
+				`mw-panel--${i.variant}`,
+				`mw-header--${i.variant}`,
+				{
+					"mw-header--sticky": i.sticky,
+					"mw-header--scrolled": i.solidifyOnScroll && h.value
+				}
+			]])
+		}, [
+			i.sidebarId ? (c(), n("button", {
+				key: 0,
+				type: "button",
+				class: "mw-header__menu",
+				popovertarget: i.sidebarId,
+				"aria-label": i.menuLabel
+			}, [...o[0] ||= [r("svg", {
+				viewBox: "0 0 24 24",
+				width: "1.25em",
+				height: "1.25em",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [r("path", { d: "M4 6h16M4 12h16M4 18h16" })], -1)]], 8, d)) : t("", !0),
+			e.$slots.brand ? (c(), n("span", f, [u(e.$slots, "brand")])) : t("", !0),
+			u(e.$slots, "default"),
+			u(e.$slots, "actions")
+		], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/AppSidebar.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-sidebar[data-v-f5e6df6c]{--_width:var(--v4ba6c322);height:100%;width:var(--_width);background:var(--_bg);color:var(--_text);border:0;border-right:1px solid var(--_border);font-family:var(--mw-font-sans);flex-direction:column;margin:0;padding:0;display:flex;position:static;inset:auto;overflow:visible}.mw-sidebar__nav[data-v-f5e6df6c]{gap:var(--space-3xs);padding:var(--space-xs) 0;flex-direction:column;flex:auto;display:flex;overflow-y:auto}@media (width<45em){.mw-sidebar[data-v-f5e6df6c]:not(:popover-open){display:none}.mw-sidebar[data-v-f5e6df6c]:popover-open{width:min(var(--_width), 85vw);height:100dvh;box-shadow:var(--shadow-3);position:fixed;inset:0 auto 0 0}.mw-sidebar[data-v-f5e6df6c]::backdrop{background:var(--backdrop)}}.mw-sidebar a[data-v-f5e6df6c-s]{color:inherit}.mw-sidebar[data-v-f5e6df6c]:not(.mw-sidebar--transparent){--ok:var(--_ok);--danger:var(--_danger);--info:var(--_info)}}

package/dist/components/AppSidebar.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./AppSidebar.vue_vue_type_script_setup_true_lang.js";
+import "./AppSidebar.css";
+//#region src/components/AppSidebar.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-f5e6df6c"]]);
+//#endregion
+export { n as default };

package/dist/components/AppSidebar.vue.d.ts

@@ -6,6 +6,8 @@ type __VLS_Props = {
     colors?: PanelColors;
     /** Sidebar width (CSS length, e.g. '280px'). Defaults to `--mw-sidebar-width` (240px). */
     width?: string;
+    /** Accessible name of the navigation landmark. */
+    navLabel?: string;
 };
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
@@ -19,6 +21,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: PanelVariant;
+    navLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/AppSidebar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { usePanelOverrides as e } from "../internal/panel.js";
+import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderSlot as u, useCssVars as d } from "vue";
+//#region src/components/AppSidebar.vue?vue&type=script&setup=true&lang.ts
+var f = ["aria-label"], p = /*@__PURE__*/ i({
+	__name: "AppSidebar",
+	props: {
+		variant: { default: "dark" },
+		colors: {},
+		width: {},
+		navLabel: { default: "Primary" }
+	},
+	setup(i) {
+		d((e) => ({ v4ba6c322: m.value }));
+		let p = i, m = t(() => p.width ?? "var(--mw-sidebar-width)"), h = l(null);
+		e(h, () => p.colors);
+		function g(e) {
+			let t = h.value;
+			t && e.target instanceof Element && e.target.closest("button, a[href]") && typeof t.hidePopover == "function" && t.matches(":popover-open") && t.hidePopover();
+		}
+		return s(() => h.value?.addEventListener("click", g)), o(() => h.value?.removeEventListener("click", g)), (e, t) => (c(), n("aside", {
+			ref_key: "aside",
+			ref: h,
+			class: a(["mw-sidebar", `mw-panel--${i.variant} mw-sidebar--${i.variant}`]),
+			popover: "auto"
+		}, [
+			u(e.$slots, "head"),
+			r("nav", {
+				class: "mw-sidebar__nav",
+				"aria-label": i.navLabel
+			}, [u(e.$slots, "default")], 8, f),
+			u(e.$slots, "body"),
+			u(e.$slots, "foot")
+		], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/AppTabNav.css

@@ -0,0 +1 @@
+@layer mw.reset;@layer mw.components{.mw-tab-nav[data-v-004591c8]{gap:var(--space-3xs);border-bottom:var(--space-4xs) solid var(--border);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mw-tab-nav__item[data-v-004591c8]{display:contents}.mw-tab-nav__tab[data-v-004591c8]{appearance:none;border:none;border-bottom:var(--space-4xs) solid transparent;padding:var(--space-2xs) var(--space-sm);margin-bottom:calc(-1 * var(--space-4xs));cursor:pointer;font-size:var(--font-size-base);color:var(--muted);transition:color var(--transition-base), border-color var(--transition-base);background:0 0;border-radius:0}.mw-tab-nav__tab[data-v-004591c8]:hover{color:var(--text)}.mw-tab-nav__tab--active[data-v-004591c8]{border-bottom-color:var(--accent);color:var(--text);font-weight:var(--font-weight-semibold)}.mw-tab-nav--raised[data-v-004591c8]{border-bottom:1px solid var(--border);background:var(--surface);padding:var(--space-3xs) var(--space-3xs) 0;align-items:flex-end;gap:var(--space-4xs);scrollbar-width:none;flex-shrink:0;overflow-x:auto}.mw-tab-nav--raised[data-v-004591c8]::-webkit-scrollbar{display:none}.mw-tab-nav--raised .mw-tab-nav__tab[data-v-004591c8]{border-bottom:1px solid var(--border);padding:var(--space-3xs) var(--space-xs) var(--space-3xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--muted);background:var(--lift);border-top:var(--space-4xs) solid transparent;white-space:nowrap;transition:color var(--transition-base), background var(--transition-base), border-color var(--transition-base);border-left:1px solid #0000;border-right:1px solid #0000;margin-bottom:-1px}.mw-tab-nav--raised .mw-tab-nav__tab[data-v-004591c8]:hover:not(.mw-tab-nav__tab--active){color:var(--text);background:var(--surface)}.mw-tab-nav--raised .mw-tab-nav__tab--active[data-v-004591c8]{color:var(--text);background:var(--bg);border-color:var(--accent) var(--border) var(--bg) var(--border);font-weight:var(--font-weight-semibold)}.mw-tab-nav--raised.mw-tab-nav--lg[data-v-004591c8]{gap:var(--space-4xs);padding:var(--space-3xs) var(--space-3xs) 0}.mw-tab-nav--raised.mw-tab-nav--lg .mw-tab-nav__tab[data-v-004591c8]{padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.mw-tab-nav--flush[data-v-004591c8]{background:0 0;padding-inline:0}}

package/dist/components/AppTabNav.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./AppTabNav.vue_vue_type_script_setup_true_lang.js";
+import "./AppTabNav.css";
+//#region src/components/AppTabNav.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-004591c8"]]);
+//#endregion
+export { n as default };

package/dist/components/AppTabNav.vue.d.ts

@@ -13,6 +13,8 @@ type __VLS_Props = {
     size?: 'md' | 'lg';
     /** Every tab's UiTabPanel is in the DOM (inactive ones hidden), not only the selected one. */
     allPanels?: boolean;
+    /** Drop the bleed between the tab strip and the content (a strip that sits directly on a page edge rather than in a card). */
+    flush?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (id: string) => any;
@@ -22,6 +24,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     variant: "underline" | "raised";
     size: "md" | "lg";
     allPanels: boolean;
+    flush: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;