@meddleware/ui 0.1.24 → 0.1.27

package/dist/base.css

@@ -1,2 +1,2 @@
-*,: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;text-rendering:optimizelegibility}:where(ul,ol):where([role=list],[role=listitem]){margin:0;padding:0;list-style:none}:where(img,svg,video,canvas){max-width:100%;display:block}:where(fieldset){border:0;margin:0;padding:0}a{color:var(--accent);transition:color var(--transition-base);text-decoration:none}a:hover{text-decoration:underline}: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-9b9826d5]{align-items:center;gap:var(--space-sm);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);display:flex}.mw-header--sticky[data-v-9b9826d5]{z-index:50;position:sticky;top:0}.mw-header__brand[data-v-9b9826d5]{align-items:center;gap:var(--space-2xs);letter-spacing:var(--tracking-wide);white-space:nowrap;font-weight:650;display:flex}.mw-header__center[data-v-9b9826d5]{flex:auto;min-width:0}.mw-header__actions[data-v-9b9826d5]{align-items:center;gap:var(--space-2xs);margin-left:auto;display:flex}.mw-sidebar[data-v-a2b8405c]{height:100%;width:var(--mw-sidebar-width,240px);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__head[data-v-a2b8405c]{padding:var(--space-sm);border-bottom:1px solid var(--_border)}.mw-sidebar__nav[data-v-a2b8405c]{gap:var(--space-3xs);padding:var(--space-xs);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.mw-sidebar__body[data-v-a2b8405c]{flex-shrink:0}.mw-sidebar__foot[data-v-a2b8405c]{padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--_border);color:var(--_muted);font-size:var(--font-size-sm)}.mw-footer[data-v-979579a9]{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-979579a9]{border-top:1px solid var(--border)}.mw-footer__center[data-v-979579a9]{flex:auto;min-width:0}.mw-footer__end[data-v-979579a9]{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.mw-footer__docs-link[data-v-979579a9]{color:inherit;text-underline-offset:2px;opacity:.7;text-decoration:underline}.mw-footer__docs-link[data-v-979579a9]:hover{opacity:1}.mw-mode[data-v-e2ea0d79]{border:1px solid var(--_border,var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--_text,var(--text)) 6%, transparent);gap:2px;padding:2px;display:inline-flex}.mw-mode__btn[data-v-e2ea0d79]{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-e2ea0d79]:hover{opacity:1}.mw-mode__btn.is-active[data-v-e2ea0d79]{opacity:1;background:color-mix(in srgb, var(--_text,var(--text)) 14%, transparent)}.mw-mode__btn[data-v-e2ea0d79]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (width<=640px){.mw-mode__label[data-v-e2ea0d79]{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-883f87f5]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);overflow:hidden}.mw-card__header[data-v-883f87f5]{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border)}.mw-card__title[data-v-883f87f5]{font-size:var(--font-size-base);margin:0;font-weight:600}.mw-card__body[data-v-883f87f5]{padding:var(--space-sm)}.mw-card__footer[data-v-883f87f5]{padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--border);background:var(--lift)}.mw-select[data-v-7e206184]{position:relative}.mw-select select[data-v-7e206184]{appearance:none;width:100%;padding:var(--space-2xs) calc(var(--space-md) + var(--space-2xs)) var(--space-2xs) var(--space-xs);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit}.mw-select select[data-v-7e206184]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mw-select__chevron[data-v-7e206184]{right:var(--space-xs);pointer-events:none;stroke:var(--muted);stroke-width:1.5px;fill:none;position:absolute;top:50%;transform:translateY(-50%)}.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-8da2d583]{align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);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;display:flex}.sidebar-item[data-v-8da2d583]:hover:not(:disabled){background:color-mix(in srgb, currentColor 10%, transparent);opacity:1}.sidebar-item.is-active[data-v-8da2d583]{background:color-mix(in srgb, var(--accent) 26%, transparent);opacity:1}.sidebar-item[data-v-8da2d583]:disabled{cursor:default}.sidebar-item[data-v-8da2d583]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.sidebar-item__icon[data-v-8da2d583]{text-align:center;width:1.1rem}.sidebar-group--l1+.sidebar-group--l1[data-v-c8f6c8b2]{margin-block-start:var(--space-2xs)}.sidebar-group__label[data-v-c8f6c8b2]{padding:var(--space-3xs) var(--space-xs);font-size:var(--font-size-xs);color:var(--muted);-webkit-user-select:none;user-select:none;font-weight:600}.sidebar-group--l1>.sidebar-group__label[data-v-c8f6c8b2]{text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:.75}.sidebar-group--l2>.sidebar-group__label[data-v-c8f6c8b2]{opacity:.6;padding-inline-start:calc(var(--space-xs) + var(--space-3xs))}.sidebar-group--l2>.sidebar-group__items[data-v-c8f6c8b2]{padding-inline-start:var(--space-3xs)}.mw-tab-nav[data-v-3f874e32]{gap:var(--space-3xs);border-bottom:2px solid var(--border);display:flex}.mw-tab-nav__tab[data-v-3f874e32]{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-3f874e32]:hover{color:var(--text)}.mw-tab-nav__tab--active[data-v-3f874e32]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.mw-tab-nav--raised[data-v-3f874e32]{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-3f874e32]::-webkit-scrollbar{display:none}.mw-tab-nav--raised .mw-tab-nav__tab[data-v-3f874e32]{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-3f874e32]:hover:not(.mw-tab-nav__tab--active){color:var(--text);background:var(--surface)}.mw-tab-nav--raised .mw-tab-nav__tab--active[data-v-3f874e32]{color:var(--text);background:var(--bg);border-top-color:var(--accent);border-left-color:var(--border);border-right-color:var(--border);border-bottom-color:var(--bg);font-weight:600}.ca-root[data-v-b43dabdd]{align-items:center;gap:.35em;display:inline-flex}.ca-value[data-v-b43dabdd]{font-family:var(--mw-font-mono,monospace);font-size:inherit}.ca-copy[data-v-b43dabdd]{color:var(--muted,#888);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-b43dabdd]:hover{color:var(--text,#f0f0f0)}.ca-copy--copied[data-v-b43dabdd]{color:var(--accent,#6366f1)}.ca-icon[data-v-b43dabdd]{display:block}.el-root[data-v-073d1bbe]{font-family:monospace;font-size:inherit;color:var(--accent,#6366f1);text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .15s}.el-root[data-v-073d1bbe]:hover{color:var(--text,#f0f0f0);text-decoration-style:solid}.copyright-line[data-v-1f9a5da9]{display:inherit;white-space:nowrap;text-align:center}.symbol-link[data-v-1f9a5da9]{color:inherit;vertical-align:text-top;align-items:center;padding:0 .1rem;text-decoration:none;display:inline-flex}.symbol-link[data-v-1f9a5da9]:hover{text-decoration:underline}.kopimi-symbol[data-v-1f9a5da9]{align-items:center;line-height:1;display:inline-flex}.kopimi-mark[data-v-1f9a5da9]{vertical-align:-.15em;display:inline}.text-content[data-v-1f9a5da9]{display:inline}.ui-stepper[data-v-33717fc3]{margin:0 0 var(--space-md,1.5rem);padding:0;list-style:none;display:flex}.ui-stepper__step[data-v-33717fc3]{flex-direction:column;flex:1 1 0;align-items:center;gap:.4rem;min-width:0;display:flex;position:relative}.ui-stepper__step[data-v-33717fc3]: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-33717fc3]:before,.ui-stepper__step.is-active[data-v-33717fc3]:before{background:var(--accent)}.ui-stepper__badge[data-v-33717fc3]{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-33717fc3]{cursor:pointer}button.ui-stepper__badge[data-v-33717fc3]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.is-done .ui-stepper__badge[data-v-33717fc3]{background:var(--accent);border-color:var(--accent);color:#fff}.is-active .ui-stepper__badge[data-v-33717fc3]{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-color:var(--accent);color:var(--accent)}.ui-stepper__label[data-v-33717fc3]{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-33717fc3],.is-active .ui-stepper__label[data-v-33717fc3]{color:var(--text)}.is-active .ui-stepper__label[data-v-33717fc3]{font-weight:600}.mw-seg[data-v-0dacb6ea]{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.mw-seg__item[data-v-0dacb6ea]{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-0dacb6ea]:last-child{border-right:none}.mw-seg__item--active[data-v-0dacb6ea]{background:var(--accent);color:var(--accent-contrast)}.mw-seg__item--disabled[data-v-0dacb6ea]{opacity:.5;pointer-events:none;cursor:not-allowed}.mw-seg__item input[type=radio][data-v-0dacb6ea]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.mw-field-hint[data-v-4d63aaa4]{margin-left:var(--space-3xs,.35rem);vertical-align:middle;display:inline-block;position:relative}.mw-field-hint__btn[data-v-4d63aaa4]{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-4d63aaa4]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mw-field-hint__tip[data-v-4d63aaa4]{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-4d63aaa4],.mw-field-hint:focus-within .mw-field-hint__tip[data-v-4d63aaa4]{visibility:visible;opacity:1;pointer-events:auto}.mw-form-field label[data-v-c22333c7]{margin:.9rem 0 .3rem;font-weight:600;display:block}.mw-form-field__hint[data-v-c22333c7]{color:var(--muted);font-size:var(--font-size-sm,.9rem);margin:.25rem 0 0;font-weight:400}.mw-form-field__error[data-v-c22333c7]{color:var(--danger);font-size:var(--font-size-sm,.88rem);margin:.25rem 0 0}.status-widget[data-v-6436368e]{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-6436368e]:hover{opacity:1}.status-widget__dot[data-v-6436368e]{width:var(--space-2xs);height:var(--space-2xs);border-radius:50%;flex-shrink:0}.status-widget--ok .status-widget__dot[data-v-6436368e]{background:var(--ok)}.status-widget--degraded .status-widget__dot[data-v-6436368e]{background:var(--warning)}.status-widget--error .status-widget__dot[data-v-6436368e]{background:var(--danger)}
+*,: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]){margin:0;padding:0;list-style:none}:where(img,svg,video,canvas){max-width:100%;display:block}:where(fieldset){border:0;margin:0;padding:0}a{color:var(--accent);transition:color var(--transition-base);text-decoration:none}a:hover{text-decoration:underline}: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-a7df94dc]{align-items:center;gap:var(--space-sm);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-a7df94dc]{z-index:50;position:sticky;top:0}.mw-header--scrolled[data-v-a7df94dc]{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__brand[data-v-a7df94dc]{align-items:center;gap:var(--space-2xs);letter-spacing:var(--tracking-wide);white-space:nowrap;font-weight:650;display:flex}.mw-header__center[data-v-a7df94dc]{flex:auto;min-width:0}.mw-header__actions[data-v-a7df94dc]{align-items:center;gap:var(--space-2xs);margin-left:auto;display:flex}.mw-sidebar[data-v-a2b8405c]{height:100%;width:var(--mw-sidebar-width,240px);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__head[data-v-a2b8405c]{padding:var(--space-sm);border-bottom:1px solid var(--_border)}.mw-sidebar__nav[data-v-a2b8405c]{gap:var(--space-3xs);padding:var(--space-xs);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.mw-sidebar__body[data-v-a2b8405c]{flex-shrink:0}.mw-sidebar__foot[data-v-a2b8405c]{padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--_border);color:var(--_muted);font-size:var(--font-size-sm)}.mw-footer[data-v-979579a9]{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-979579a9]{border-top:1px solid var(--border)}.mw-footer__center[data-v-979579a9]{flex:auto;min-width:0}.mw-footer__end[data-v-979579a9]{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.mw-footer__docs-link[data-v-979579a9]{color:inherit;text-underline-offset:2px;opacity:.7;text-decoration:underline}.mw-footer__docs-link[data-v-979579a9]:hover{opacity:1}.mw-mode[data-v-345f2b04]{border:1px solid var(--_border,var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--_text,var(--text)) 6%, transparent);gap:2px;padding:2px;display:inline-flex}.mw-mode__btn[data-v-345f2b04]{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-345f2b04]:hover{opacity:1}.mw-mode__btn.is-active[data-v-345f2b04]{opacity:1;background:color-mix(in srgb, var(--_text,var(--text)) 14%, transparent)}.mw-mode__btn[data-v-345f2b04]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (width<=640px){.mw-mode__label[data-v-345f2b04]{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-883f87f5]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);overflow:hidden}.mw-card__header[data-v-883f87f5]{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border)}.mw-card__title[data-v-883f87f5]{font-size:var(--font-size-base);margin:0;font-weight:600}.mw-card__body[data-v-883f87f5]{padding:var(--space-sm)}.mw-card__footer[data-v-883f87f5]{padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--border);background:var(--lift)}.mw-select[data-v-3096db80]{position:relative}.mw-select select[data-v-3096db80]{appearance:none;width:100%;padding:var(--space-2xs) calc(var(--space-md) + var(--space-2xs)) var(--space-2xs) var(--space-xs);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font:inherit}.mw-select select[data-v-3096db80]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.mw-select__chevron[data-v-3096db80]{right:var(--space-xs);pointer-events:none;stroke:var(--muted);stroke-width:1.5px;fill:none;position:absolute;top:50%;transform:translateY(-50%)}.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-8da2d583]{align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);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;display:flex}.sidebar-item[data-v-8da2d583]:hover:not(:disabled){background:color-mix(in srgb, currentColor 10%, transparent);opacity:1}.sidebar-item.is-active[data-v-8da2d583]{background:color-mix(in srgb, var(--accent) 26%, transparent);opacity:1}.sidebar-item[data-v-8da2d583]:disabled{cursor:default}.sidebar-item[data-v-8da2d583]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.sidebar-item__icon[data-v-8da2d583]{text-align:center;width:1.1rem}.sidebar-group--l1+.sidebar-group--l1[data-v-c8f6c8b2]{margin-block-start:var(--space-2xs)}.sidebar-group__label[data-v-c8f6c8b2]{padding:var(--space-3xs) var(--space-xs);font-size:var(--font-size-xs);color:var(--muted);-webkit-user-select:none;user-select:none;font-weight:600}.sidebar-group--l1>.sidebar-group__label[data-v-c8f6c8b2]{text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:.75}.sidebar-group--l2>.sidebar-group__label[data-v-c8f6c8b2]{opacity:.6;padding-inline-start:calc(var(--space-xs) + var(--space-3xs))}.sidebar-group--l2>.sidebar-group__items[data-v-c8f6c8b2]{padding-inline-start:var(--space-3xs)}.mw-tab-nav[data-v-00b3c666]{gap:var(--space-3xs);border-bottom:2px solid var(--border);display:flex}.mw-tab-nav__tab[data-v-00b3c666]{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-00b3c666]:hover{color:var(--text)}.mw-tab-nav__tab--active[data-v-00b3c666]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.mw-tab-nav--raised[data-v-00b3c666]{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-00b3c666]::-webkit-scrollbar{display:none}.mw-tab-nav--raised .mw-tab-nav__tab[data-v-00b3c666]{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-00b3c666]:hover:not(.mw-tab-nav__tab--active){color:var(--text);background:var(--surface)}.mw-tab-nav--raised .mw-tab-nav__tab--active[data-v-00b3c666]{color:var(--text);background:var(--bg);border-color:var(--accent) var(--border) var(--bg) var(--border);font-weight:600}.ca-root[data-v-b43dabdd]{align-items:center;gap:.35em;display:inline-flex}.ca-value[data-v-b43dabdd]{font-family:var(--mw-font-mono,monospace);font-size:inherit}.ca-copy[data-v-b43dabdd]{color:var(--muted,#888);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-b43dabdd]:hover{color:var(--text,#f0f0f0)}.ca-copy--copied[data-v-b43dabdd]{color:var(--accent,#6366f1)}.ca-icon[data-v-b43dabdd]{display:block}.el-root[data-v-073d1bbe]{font-family:monospace;font-size:inherit;color:var(--accent,#6366f1);text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .15s}.el-root[data-v-073d1bbe]:hover{color:var(--text,#f0f0f0);text-decoration-style:solid}.copyright-line[data-v-44b327f4]{white-space:nowrap;text-align:center;display:inline-block}.symbol-link[data-v-44b327f4]{color:inherit;vertical-align:text-top;align-items:center;padding:0 .1rem;text-decoration:none;display:inline-flex}.symbol-link[data-v-44b327f4]:hover{text-decoration:underline}.kopimi-symbol[data-v-44b327f4]{align-items:center;line-height:1;display:inline-flex}.kopimi-mark[data-v-44b327f4]{vertical-align:-.15em;display:inline}.text-content[data-v-44b327f4]{display:inline}.ui-stepper[data-v-33717fc3]{margin:0 0 var(--space-md,1.5rem);padding:0;list-style:none;display:flex}.ui-stepper__step[data-v-33717fc3]{flex-direction:column;flex:1 1 0;align-items:center;gap:.4rem;min-width:0;display:flex;position:relative}.ui-stepper__step[data-v-33717fc3]: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-33717fc3]:before,.ui-stepper__step.is-active[data-v-33717fc3]:before{background:var(--accent)}.ui-stepper__badge[data-v-33717fc3]{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-33717fc3]{cursor:pointer}button.ui-stepper__badge[data-v-33717fc3]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.is-done .ui-stepper__badge[data-v-33717fc3]{background:var(--accent);border-color:var(--accent);color:#fff}.is-active .ui-stepper__badge[data-v-33717fc3]{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-color:var(--accent);color:var(--accent)}.ui-stepper__label[data-v-33717fc3]{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-33717fc3],.is-active .ui-stepper__label[data-v-33717fc3]{color:var(--text)}.is-active .ui-stepper__label[data-v-33717fc3]{font-weight:600}.mw-seg[data-v-0dacb6ea]{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.mw-seg__item[data-v-0dacb6ea]{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-0dacb6ea]:last-child{border-right:none}.mw-seg__item--active[data-v-0dacb6ea]{background:var(--accent);color:var(--accent-contrast)}.mw-seg__item--disabled[data-v-0dacb6ea]{opacity:.5;pointer-events:none;cursor:not-allowed}.mw-seg__item input[type=radio][data-v-0dacb6ea]{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 label[data-v-c22333c7]{margin:.9rem 0 .3rem;font-weight:600;display:block}.mw-form-field__hint[data-v-c22333c7]{color:var(--muted);font-size:var(--font-size-sm,.9rem);margin:.25rem 0 0;font-weight:400}.mw-form-field__error[data-v-c22333c7]{color:var(--danger);font-size:var(--font-size-sm,.88rem);margin:.25rem 0 0}.mw-panel[data-v-d112e62d]{border:1px solid var(--border);background:var(--surface);border-radius:2px;overflow:hidden}.mw-panel__head[data-v-d112e62d]{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--lift);border-bottom:1px solid var(--border);padding:5px 10px;font-size:.72rem;font-weight:600}.mw-panel__body[data-v-d112e62d]{padding:10px}.mw-badge[data-v-5aa44ef5]{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-5aa44ef5]{background:color-mix(in srgb, var(--ok) 20%, transparent);color:var(--ok)}.mw-badge--closed[data-v-5aa44ef5]{background:color-mix(in srgb, var(--muted) 20%, transparent);color:var(--muted)}.mw-badge--pending[data-v-5aa44ef5]{background:color-mix(in srgb, var(--warning) 20%, transparent);color:var(--warning)}.mw-badge--neutral[data-v-5aa44ef5]{background:var(--lift);color:var(--muted)}.mw-toolbar[data-v-827466de]{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;display:flex}.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-stat-grid[data-v-f481948b]{grid-template-columns:auto 1fr;gap:3px 12px;font-size:.8rem;display:grid}.mw-stat-grid__label[data-v-4c872fab]{color:var(--muted);white-space:nowrap}.mw-stat-grid__value[data-v-4c872fab]{font-family:var(--mw-font-mono);color:var(--text);text-align:right}.mw-stat-grid__value--left[data-v-4c872fab]{text-align:left}.mw-data-table-wrap[data-v-fc20cb49]{overflow-x:auto}.mw-data-table[data-v-fc20cb49]{border-collapse:collapse;width:100%;font-size:.8rem}.mw-data-table[data-v-fc20cb49] 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-fc20cb49] td{border-bottom:1px solid var(--border);vertical-align:middle;padding:5px 8px}.mw-data-table[data-v-fc20cb49] tbody tr:last-child td{border-bottom:none}.mw-data-table[data-v-fc20cb49] tbody tr:nth-child(2n) td{background:var(--lift)}.mw-data-table__empty[data-v-fc20cb49]{text-align:center;color:var(--muted);padding:24px 16px;font-size:.8rem}.mw-statusbar[data-v-890bec3f]{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;padding:3px 12px;display:flex;position:sticky;bottom:0}.mw-statusbar[data-v-890bec3f] .mw-statusbar__item{align-items:center;display:flex}.mw-statusbar[data-v-890bec3f] .mw-statusbar__sep{color:var(--border)}.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-feed[data-v-9e578c9d]{margin:0;padding:0;font-size:.78rem;list-style:none}.mw-feed__item[data-v-f662c634]{border-bottom:1px solid var(--border);color:var(--muted);align-items:flex-start;gap:8px;padding:4px 0;display:flex}.mw-feed__item[data-v-f662c634]:last-child{border-bottom:none}.mw-feed__dot[data-v-f662c634]{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.mw-feed__type[data-v-f662c634]{color:var(--text);white-space:nowrap;font-weight:500}.mw-feed__time[data-v-f662c634]{white-space:nowrap;font-family:var(--mw-font-mono);margin-left:auto;font-size:.72rem}.status-widget[data-v-6436368e]{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-6436368e]:hover{opacity:1}.status-widget__dot[data-v-6436368e]{width:var(--space-2xs);height:var(--space-2xs);border-radius:50%;flex-shrink:0}.status-widget--ok .status-widget__dot[data-v-6436368e]{background:var(--ok)}.status-widget--degraded .status-widget__dot[data-v-6436368e]{background:var(--warning)}.status-widget--error .status-widget__dot[data-v-6436368e]{background:var(--danger)}
 /*$vite$:1*/

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

@@ -6,6 +6,12 @@ type __VLS_Props = {
     colors?: PanelColors;
     /** Stick to the top of the viewport (full-width shells). */
     sticky?: boolean;
+    /**
+     * Solidify a transparent header on scroll: while at the top the header stays
+     * see-through (e.g. over a hero); once the page scrolls it fades in a frosted
+     * background so the brand/nav stay legible. No-op unless the header scrolls.
+     */
+    solidifyOnScroll?: boolean;
 };
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -18,6 +24,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;
     sticky: boolean;
+    solidifyOnScroll: boolean;
 }, {}, {}, {}, 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/UiActivityFeed.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    type?: string;
+    time?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    type?: (props: typeof __VLS_1) => any;
+} & {
+    time?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    variant?: 'active' | 'closed' | 'pending' | 'neutral';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "active" | "closed" | "pending" | "neutral";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    empty?: string;
+};
+type __VLS_Slots = {
+    head(): unknown;
+    default(): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    title?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    head?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    label: string;
+    align?: 'left' | 'right';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    align: "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    status?: 'ok' | 'warn' | 'error';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    status: "ok" | "warn" | "error";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -20,6 +20,17 @@ export { default as UiSegmentedControl } from './components/UiSegmentedControl.v
 export type { SegmentedOption } from './components/UiSegmentedControl.vue';
 export { default as UiFieldHint } from './components/UiFieldHint.vue';
 export { default as UiFormField } from './components/UiFormField.vue';
+export { default as UiPanel } from './components/UiPanel.vue';
+export { default as UiBadge } from './components/UiBadge.vue';
+export { default as UiToolbar } from './components/UiToolbar.vue';
+export { default as UiToolbarButton } from './components/UiToolbarButton.vue';
+export { default as UiStatGrid } from './components/UiStatGrid.vue';
+export { default as UiStatRow } from './components/UiStatRow.vue';
+export { default as UiDataTable } from './components/UiDataTable.vue';
+export { default as UiStatusBar } from './components/UiStatusBar.vue';
+export { default as UiStatusDot } from './components/UiStatusDot.vue';
+export { default as UiActivityFeed } from './components/UiActivityFeed.vue';
+export { default as UiActivityItem } from './components/UiActivityItem.vue';
 export { default as StatusWidget } from './components/StatusWidget.vue';
 export { suiExplorerUrl } from './explorer.js';
 export type { SuiNetwork, SuiExplorerKind } from './explorer.js';

package/dist/ui.js

@@ -1,6 +1,6 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, normalizeStyle as u, onMounted as ee, onUnmounted as d, openBlock as f, ref as p, renderList as m, renderSlot as h, resolveDynamicComponent as te, toDisplayString as g, unref as _, useModel as ne, vModelSelect as re, watch as ie, withCtx as ae, withDirectives as oe } from "vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, normalizeStyle as u, onBeforeUnmount as ee, onMounted as d, onUnmounted as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as te, toDisplayString as _, unref as v, useModel as ne, useSlots as re, vModelSelect as ie, watch as ae, withCtx as oe, withDirectives as se } from "vue";
 //#region src/internal/panel.ts
-function v(e, t) {
+function y(e, t) {
 	let n;
 	return n = e === "transparent" ? {
 		"--_bg": "transparent",
@@ -24,7 +24,7 @@ function v(e, t) {
 }
 //#endregion
 //#region src/components/AppHeader.vue?vue&type=script&setup=true&lang.ts
-var se = { class: "mw-header__brand" }, ce = { class: "mw-header__center" }, le = { class: "mw-header__actions" }, ue = /*@__PURE__*/ s({
+var ce = { class: "mw-header__brand" }, le = { class: "mw-header__center" }, ue = { class: "mw-header__actions" }, de = /*@__PURE__*/ s({
 	__name: "AppHeader",
 	props: {
 		variant: { default: "dark" },
@@ -32,36 +32,49 @@ var se = { class: "mw-header__brand" }, ce = { class: "mw-header__center" }, le
 		sticky: {
 			type: Boolean,
 			default: !0
+		},
+		solidifyOnScroll: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	setup(e) {
-		let n = e, r = t(() => v(n.variant, n.colors));
-		return (t, n) => (f(), i("header", {
-			class: l(["mw-header", [`mw-header--${e.variant}`, { "mw-header--sticky": e.sticky }]]),
+		let n = e, r = t(() => y(n.variant, n.colors)), o = m(!1), s = null;
+		return d(() => {
+			n.solidifyOnScroll && typeof window < "u" && (s = () => {
+				o.value = window.scrollY > 8;
+			}, s(), window.addEventListener("scroll", s, { passive: !0 }));
+		}), ee(() => {
+			s && window.removeEventListener("scroll", s);
+		}), (t, n) => (p(), i("header", {
+			class: l(["mw-header", [`mw-header--${e.variant}`, {
+				"mw-header--sticky": e.sticky,
+				"mw-header--scrolled": e.solidifyOnScroll && o.value
+			}]]),
 			style: u(r.value)
 		}, [
-			a("div", se, [h(t.$slots, "brand", {}, void 0, !0)]),
-			a("div", ce, [h(t.$slots, "default", {}, void 0, !0)]),
-			a("div", le, [h(t.$slots, "actions", {}, void 0, !0)])
+			a("div", ce, [g(t.$slots, "brand", {}, void 0, !0)]),
+			a("div", le, [g(t.$slots, "default", {}, void 0, !0)]),
+			a("div", ue, [g(t.$slots, "actions", {}, void 0, !0)])
 		], 6));
 	}
-}), y = (e, t) => {
+}), b = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, de = /*#__PURE__*/ y(ue, [["__scopeId", "data-v-9b9826d5"]]), b = {
+}, x = /*#__PURE__*/ b(de, [["__scopeId", "data-v-a7df94dc"]]), S = {
 	key: 0,
 	class: "mw-sidebar__head"
-}, x = {
+}, C = {
 	class: "mw-sidebar__nav",
 	"aria-label": "Primary"
-}, S = {
+}, w = {
 	key: 1,
 	class: "mw-sidebar__body"
-}, C = {
+}, T = {
 	key: 2,
 	class: "mw-sidebar__foot"
-}, w = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}, E = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "AppSidebar",
 	props: {
 		variant: { default: "dark" },
@@ -70,23 +83,23 @@ var se = { class: "mw-header__brand" }, ce = { class: "mw-header__center" }, le
 	},
 	setup(e) {
 		let n = e, o = t(() => {
-			let e = v(n.variant, n.colors);
+			let e = y(n.variant, n.colors);
 			return n.width && (e["--mw-sidebar-width"] = n.width), e;
 		});
-		return (t, n) => (f(), i("aside", {
+		return (t, n) => (p(), i("aside", {
 			class: l(["mw-sidebar", `mw-sidebar--${e.variant}`]),
 			style: u(o.value)
 		}, [
-			t.$slots.head ? (f(), i("div", b, [h(t.$slots, "head", {}, void 0, !0)])) : r("", !0),
-			a("nav", x, [h(t.$slots, "default", {}, void 0, !0)]),
-			t.$slots.body ? (f(), i("div", S, [h(t.$slots, "body", {}, void 0, !0)])) : r("", !0),
-			t.$slots.foot ? (f(), i("div", C, [h(t.$slots, "foot", {}, void 0, !0)])) : r("", !0)
+			t.$slots.head ? (p(), i("div", S, [g(t.$slots, "head", {}, void 0, !0)])) : r("", !0),
+			a("nav", C, [g(t.$slots, "default", {}, void 0, !0)]),
+			t.$slots.body ? (p(), i("div", w, [g(t.$slots, "body", {}, void 0, !0)])) : r("", !0),
+			t.$slots.foot ? (p(), i("div", T, [g(t.$slots, "foot", {}, void 0, !0)])) : r("", !0)
 		], 6));
 	}
 }), [["__scopeId", "data-v-a2b8405c"]]);
 //#endregion
 //#region src/safe-href.ts
-function T(e) {
+function D(e) {
 	if (e) try {
 		let t = new URL(e);
 		if (t.protocol === "https:" || t.protocol === "http:" && (t.hostname === "localhost" || t.hostname === "127.0.0.1")) return e;
@@ -94,7 +107,7 @@ function T(e) {
 }
 //#endregion
 //#region src/components/AppFooter.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = { class: "mw-footer__end" }, k = ["href"], A = ["href"], j = /*#__PURE__*/ y(/* @__PURE__ */ s({
+var O = { class: "mw-footer__start" }, k = { class: "mw-footer__center" }, A = { class: "mw-footer__end" }, j = ["href"], M = ["href"], N = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "AppFooter",
 	props: {
 		variant: { default: "transparent" },
@@ -103,42 +116,42 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 		devUrl: {}
 	},
 	setup(e) {
-		let n = e, o = t(() => v(n.variant, n.colors));
-		return (t, n) => (f(), i("footer", {
+		let n = e, o = t(() => y(n.variant, n.colors));
+		return (t, n) => (p(), i("footer", {
 			class: l(["mw-footer", `mw-footer--${e.variant}`]),
 			style: u(o.value)
 		}, [
-			a("div", E, [h(t.$slots, "start", {}, void 0, !0)]),
-			a("div", D, [h(t.$slots, "default", {}, void 0, !0)]),
-			a("div", O, [
-				h(t.$slots, "end", {}, void 0, !0),
-				e.docsUrl ? (f(), i("a", {
+			a("div", O, [g(t.$slots, "start", {}, void 0, !0)]),
+			a("div", k, [g(t.$slots, "default", {}, void 0, !0)]),
+			a("div", A, [
+				g(t.$slots, "end", {}, void 0, !0),
+				e.docsUrl ? (p(), i("a", {
 					key: 0,
-					href: _(T)(e.docsUrl),
+					href: v(D)(e.docsUrl),
 					target: "_blank",
 					rel: "noopener noreferrer",
 					class: "mw-footer__docs-link"
-				}, "Documentation", 8, k)) : r("", !0),
-				e.devUrl ? (f(), i("a", {
+				}, "Documentation", 8, j)) : r("", !0),
+				e.devUrl ? (p(), i("a", {
 					key: 1,
-					href: _(T)(e.devUrl),
+					href: v(D)(e.devUrl),
 					target: "_blank",
 					rel: "noopener noreferrer",
 					"aria-label": "Developer documentation",
 					class: "mw-footer__docs-link"
-				}, "Developer docs", 8, A)) : r("", !0)
+				}, "Developer docs", 8, M)) : r("", !0)
 			])
 		], 6));
 	}
-}), [["__scopeId", "data-v-979579a9"]]), M = {
+}), [["__scopeId", "data-v-979579a9"]]), P = {
 	class: "mw-mode",
 	role: "group",
 	"aria-label": "Colour mode"
-}, N = [
+}, F = [
 	"aria-pressed",
 	"title",
 	"onClick"
-], P = { "aria-hidden": "true" }, F = { class: "mw-mode__label" }, I = /*#__PURE__*/ y(/* @__PURE__ */ s({
+], I = { "aria-hidden": "true" }, L = { class: "mw-mode__label" }, R = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "ColorModeControl",
 	props: {
 		modelValue: {},
@@ -159,16 +172,16 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 			dark: "☾",
 			system: "🖵"
 		};
-		return (o, s) => (f(), i("div", M, [(f(!0), i(e, null, m(t.modes, (e) => (f(), i("button", {
+		return (o, s) => (p(), i("div", P, [(p(!0), i(e, null, h(t.modes, (e) => (p(), i("button", {
 			key: e,
 			type: "button",
 			class: l(["mw-mode__btn", { "is-active": t.modelValue === e }]),
 			"aria-pressed": t.modelValue === e,
 			title: n[e],
 			onClick: (t) => o.$emit("update:modelValue", e)
-		}, [a("span", P, g(r[e]), 1), a("span", F, g(n[e]), 1)], 10, N))), 128))]));
+		}, [a("span", I, _(r[e]), 1), a("span", L, _(n[e]), 1)], 10, F))), 128))]));
 	}
-}), [["__scopeId", "data-v-e2ea0d79"]]), L = ["type", "disabled"], R = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-345f2b04"]]), z = ["type", "disabled"], B = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "UiButton",
 	props: {
 		variant: { default: "primary" },
@@ -179,29 +192,29 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (f(), i("button", {
+		return (t, n) => (p(), i("button", {
 			type: e.type,
 			disabled: e.disabled,
 			class: l(["mw-btn", `mw-btn--${e.variant}`])
-		}, [h(t.$slots, "default", {}, void 0, !0)], 10, L));
+		}, [g(t.$slots, "default", {}, void 0, !0)], 10, z));
 	}
-}), [["__scopeId", "data-v-bc33cc23"]]), z = { class: "mw-card" }, B = {
+}), [["__scopeId", "data-v-bc33cc23"]]), V = { class: "mw-card" }, H = {
 	key: 0,
 	class: "mw-card__header"
-}, V = { class: "mw-card__title" }, H = { class: "mw-card__body" }, fe = {
+}, fe = { class: "mw-card__title" }, pe = { class: "mw-card__body" }, me = {
 	key: 1,
 	class: "mw-card__footer"
-}, pe = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}, he = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "UiCard",
 	props: { title: {} },
 	setup(e) {
-		return (t, n) => (f(), i("section", z, [
-			e.title || t.$slots.header ? (f(), i("header", B, [h(t.$slots, "header", {}, () => [a("h3", V, g(e.title), 1)], !0)])) : r("", !0),
-			a("div", H, [h(t.$slots, "default", {}, void 0, !0)]),
-			t.$slots.footer ? (f(), i("footer", fe, [h(t.$slots, "footer", {}, void 0, !0)])) : r("", !0)
+		return (t, n) => (p(), i("section", V, [
+			e.title || t.$slots.header ? (p(), i("header", H, [g(t.$slots, "header", {}, () => [a("h3", fe, _(e.title), 1)], !0)])) : r("", !0),
+			a("div", pe, [g(t.$slots, "default", {}, void 0, !0)]),
+			t.$slots.footer ? (p(), i("footer", me, [g(t.$slots, "footer", {}, void 0, !0)])) : r("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-883f87f5"]]), me = { class: "mw-select" }, he = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-883f87f5"]]), ge = { class: "mw-select" }, _e = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	inheritAttrs: !1,
 	__name: "UiSelect",
 	props: {
@@ -211,7 +224,7 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = ne(e, "modelValue");
-		return (e, n) => (f(), i("div", me, [oe(a("select", c(e.$attrs, { "onUpdate:modelValue": n[0] ||= (e) => t.value = e }), [h(e.$slots, "default", {}, void 0, !0)], 16), [[re, t.value]]), n[1] ||= a("svg", {
+		return (e, n) => (p(), i("div", ge, [se(a("select", c(e.$attrs, { "onUpdate:modelValue": n[0] ||= (e) => t.value = e }), [g(e.$slots, "default", {}, void 0, !0)], 16), [[ie, t.value]]), n[1] ||= a("svg", {
 			class: "mw-select__chevron",
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "12",
@@ -220,7 +233,7 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 			"aria-hidden": "true"
 		}, [a("path", { d: "M1 1l5 5 5-5" })], -1)]));
 	}
-}), [["__scopeId", "data-v-7e206184"]]), ge = ["role"], _e = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-3096db80"]]), ve = ["role"], ye = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "UiNotice",
 	props: { type: {} },
 	setup(e) {
@@ -228,16 +241,16 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 			if (n.type === "error") return "alert";
 			if (n.type === "ok") return "status";
 		});
-		return (t, n) => (f(), i("p", {
+		return (t, n) => (p(), i("p", {
 			class: l(["mw-notice", e.type && e.type !== "info" ? `mw-notice--${e.type}` : ""]),
 			role: r.value
-		}, [h(t.$slots, "default", {}, void 0, !0)], 10, ge));
+		}, [g(t.$slots, "default", {}, void 0, !0)], 10, ve));
 	}
-}), [["__scopeId", "data-v-ee7fffb1"]]), ve = ["disabled", "aria-current"], ye = {
+}), [["__scopeId", "data-v-ee7fffb1"]]), be = ["disabled", "aria-current"], xe = {
 	key: 0,
 	class: "sidebar-item__icon",
 	"aria-hidden": "true"
-}, be = { class: "sidebar-item__label" }, xe = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}, Se = { class: "sidebar-item__label" }, Ce = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "SidebarItem",
 	props: {
 		label: {},
@@ -252,30 +265,30 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (f(), i("button", {
+		return (t, n) => (p(), i("button", {
 			type: "button",
 			class: l(["sidebar-item", { "is-active": e.active }]),
 			disabled: e.disabled,
 			"aria-current": e.active ? "page" : void 0
-		}, [e.icon ? (f(), i("span", ye, g(e.icon), 1)) : r("", !0), a("span", be, g(e.label), 1)], 10, ve));
+		}, [e.icon ? (p(), i("span", xe, _(e.icon), 1)) : r("", !0), a("span", Se, _(e.label), 1)], 10, be));
 	}
-}), [["__scopeId", "data-v-8da2d583"]]), Se = ["aria-label"], Ce = {
+}), [["__scopeId", "data-v-8da2d583"]]), we = ["aria-label"], Te = {
 	class: "sidebar-group__label",
 	"aria-hidden": "true"
-}, we = { class: "sidebar-group__items" }, Te = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}, Ee = { class: "sidebar-group__items" }, De = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "SidebarGroup",
 	props: {
 		label: {},
 		level: { default: 1 }
 	},
 	setup(e) {
-		return (t, n) => (f(), i("div", {
+		return (t, n) => (p(), i("div", {
 			class: l(["sidebar-group", `sidebar-group--l${e.level}`]),
 			role: "group",
 			"aria-label": e.label
-		}, [a("div", Ce, g(e.label), 1), a("div", we, [h(t.$slots, "default", {}, void 0, !0)])], 10, Se));
+		}, [a("div", Te, _(e.label), 1), a("div", Ee, [g(t.$slots, "default", {}, void 0, !0)])], 10, we));
 	}
-}), [["__scopeId", "data-v-c8f6c8b2"]]), Ee = ["aria-label"], De = ["aria-current", "onClick"], Oe = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-c8f6c8b2"]]), Oe = ["aria-label"], ke = ["aria-current", "onClick"], Ae = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "AppTabNav",
 	props: {
 		tabs: {},
@@ -286,18 +299,18 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
 		let r = n;
-		return (n, a) => (f(), i("nav", {
+		return (n, a) => (p(), i("nav", {
 			class: l(["mw-tab-nav", { "mw-tab-nav--raised": t.variant === "raised" }]),
 			"aria-label": t.ariaLabel
-		}, [(f(!0), i(e, null, m(t.tabs, (e) => (f(), i("button", {
+		}, [(p(!0), i(e, null, h(t.tabs, (e) => (p(), i("button", {
 			key: e.id,
 			type: "button",
 			class: l(["mw-tab-nav__tab", { "mw-tab-nav__tab--active": t.modelValue === e.id }]),
 			"aria-current": t.modelValue === e.id ? "page" : void 0,
 			onClick: (t) => r("update:modelValue", e.id)
-		}, g(e.label), 11, De))), 128))], 10, Ee));
+		}, _(e.label), 11, ke))), 128))], 10, Oe));
 	}
-}), [["__scopeId", "data-v-3f874e32"]]), ke = { class: "ca-root" }, Ae = ["title"], je = ["title", "aria-label"], Me = {
+}), [["__scopeId", "data-v-00b3c666"]]), je = { class: "ca-root" }, Me = ["title"], Ne = ["title", "aria-label"], Pe = {
 	key: 0,
 	class: "ca-icon",
 	viewBox: "0 0 24 24",
@@ -309,7 +322,7 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
-}, U = {
+}, Fe = {
 	key: 1,
 	class: "ca-icon",
 	viewBox: "0 0 24 24",
@@ -321,7 +334,7 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
 	"aria-hidden": "true"
-}, Ne = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}, Ie = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "CopyableAddress",
 	props: {
 		address: {},
@@ -333,7 +346,7 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 		label: { default: "Copy" }
 	},
 	setup(e) {
-		let n = e, r = p(!1), s = t(() => {
+		let n = e, r = m(!1), s = t(() => {
 			if (!n.truncate) return n.address;
 			let [e, t] = n.chars;
 			return `${n.address.slice(0, e)}…${n.address.slice(-t)}`;
@@ -343,25 +356,25 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 				r.value = !1;
 			}, 1500);
 		}
-		return (t, n) => (f(), i("span", ke, [a("span", {
+		return (t, n) => (p(), i("span", je, [a("span", {
 			class: "ca-value",
 			title: e.address
-		}, [h(t.$slots, "default", {}, () => [o(g(s.value), 1)], !0)], 8, Ae), a("button", {
+		}, [g(t.$slots, "default", {}, () => [o(_(s.value), 1)], !0)], 8, Me), a("button", {
 			type: "button",
 			class: l(["ca-copy", { "ca-copy--copied": r.value }]),
 			title: r.value ? "Copied!" : e.label,
 			"aria-label": r.value ? "Copied" : e.label,
 			onClick: c
-		}, [r.value ? (f(), i("svg", Me, [...n[0] ||= [a("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (f(), i("svg", U, [...n[1] ||= [a("rect", {
+		}, [r.value ? (p(), i("svg", Pe, [...n[0] ||= [a("polyline", { points: "20 6 9 17 4 12" }, null, -1)]])) : (p(), i("svg", Fe, [...n[1] ||= [a("rect", {
 			x: "9",
 			y: "9",
 			width: "13",
 			height: "13",
 			rx: "2",
 			ry: "2"
-		}, null, -1), a("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]]))], 10, je)]));
+		}, null, -1), a("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" }, null, -1)]]))], 10, Ne)]));
 	}
-}), [["__scopeId", "data-v-b43dabdd"]]), Pe = ["href", "title"], Fe = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-b43dabdd"]]), Le = ["href", "title"], Re = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "ExplorerLink",
 	props: {
 		href: {},
@@ -379,18 +392,18 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 			let [e, t] = n.chars;
 			return `${n.value.slice(0, e)}…${n.value.slice(-t)}`;
 		});
-		return (t, n) => (f(), i("a", {
+		return (t, n) => (p(), i("a", {
 			class: "el-root",
-			href: _(T)(e.href),
+			href: v(D)(e.href),
 			target: "_blank",
 			rel: "noopener noreferrer",
 			title: e.value
-		}, [h(t.$slots, "default", {}, () => [o(g(r.value), 1)], !0)], 8, Pe));
+		}, [g(t.$slots, "default", {}, () => [o(_(r.value), 1)], !0)], 8, Le));
 	}
-}), [["__scopeId", "data-v-073d1bbe"]]), Ie = { class: "copyright-line" }, Le = ["href", "aria-label"], Re = { key: 0 }, ze = { key: 1 }, Be = {
+}), [["__scopeId", "data-v-073d1bbe"]]), ze = { class: "copyright-line" }, Be = ["href", "aria-label"], Ve = { key: 0 }, He = { key: 1 }, Ue = {
 	key: 2,
 	class: "kopimi-symbol"
-}, Ve = { class: "text-content" }, He = { key: 0 }, Ue = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}, We = { class: "text-content" }, Ge = { key: 0 }, Ke = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "CopyrightLine",
 	props: {
 		organisationName: {},
@@ -402,13 +415,13 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 	},
 	setup(e) {
 		let n = e, s = t(() => n.symbolVariant), c = t(() => n.symbolHref || (s.value === "kopimi" ? "/legal/powr.broccoli-kopimi.pdf" : s.value === "copyleft" ? "/legal/copyleft.html" : "/legal/copyright.html")), l = t(() => n.symbolLabel || (s.value === "kopimi" ? "Kopimi legal notice" : s.value === "copyleft" ? "Copyleft legal notice" : "Copyright legal notice")), u = t(() => n.rightsStatement === "" ? "" : n.rightsStatement === "none" ? "No rights reserved." : n.rightsStatement === "all" || !n.rightsStatement ? "All rights reserved." : n.rightsStatement === "jam" ? "All jams preserved." : n.rightsStatement);
-		return (t, n) => (f(), i("small", Ie, [a("a", {
+		return (t, n) => (p(), i("small", ze, [a("a", {
 			href: c.value,
 			class: "symbol-link",
 			target: "_blank",
 			rel: "noopener noreferrer",
 			"aria-label": l.value
-		}, [s.value === "copyright" ? (f(), i("span", Re, "©")) : s.value === "copyleft" ? (f(), i("span", ze, "🄯")) : s.value === "kopimi" ? (f(), i("span", Be, [...n[0] ||= [a("svg", {
+		}, [s.value === "copyright" ? (p(), i("span", Ve, "©")) : s.value === "copyleft" ? (p(), i("span", He, "🄯")) : s.value === "kopimi" ? (p(), i("span", Ue, [...n[0] ||= [a("svg", {
 			viewBox: "0 0 24 24",
 			width: "1em",
 			height: "1em",
@@ -428,19 +441,19 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 			"font-family": "system-ui, sans-serif",
 			"font-size": "11",
 			fill: "currentColor"
-		}, " C ")], -1)]])) : r("", !0)], 8, Le), a("span", Ve, [o(g(e.year) + " " + g(e.organisationName) + ".", 1), u.value ? (f(), i("span", He, g(`
+		}, " C ")], -1)]])) : r("", !0)], 8, Be), a("span", We, [o(_(e.year) + " " + _(e.organisationName) + ".", 1), u.value ? (p(), i("span", Ge, _(`
         ${u.value}`), 1)) : r("", !0)])]));
 	}
-}), [["__scopeId", "data-v-1f9a5da9"]]), We = {
+}), [["__scopeId", "data-v-44b327f4"]]), qe = {
 	class: "ui-stepper",
 	role: "list"
-}, Ge = {
+}, Je = {
 	key: 0,
 	"aria-hidden": "true"
-}, Ke = {
+}, Ye = {
 	key: 1,
 	"aria-hidden": "true"
-}, qe = { class: "ui-stepper__label" }, Je = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}, Xe = { class: "ui-stepper__label" }, Ze = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "UiStepper",
 	props: {
 		steps: {},
@@ -455,31 +468,31 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 		function u(e) {
 			e < o.modelValue && s("update:modelValue", e);
 		}
-		return (r, o) => (f(), i("ol", We, [(f(!0), i(e, null, m(t.steps, (e, t) => (f(), i("li", {
+		return (r, o) => (p(), i("ol", qe, [(p(!0), i(e, null, h(t.steps, (e, t) => (p(), i("li", {
 			key: e.id,
 			class: l(["ui-stepper__step", `is-${c(t)}`])
-		}, [(f(), n(te(c(t) === "done" ? "button" : "span"), {
+		}, [(p(), n(te(c(t) === "done" ? "button" : "span"), {
 			class: "ui-stepper__badge",
 			type: c(t) === "done" ? "button" : void 0,
 			"aria-label": c(t) === "done" ? `Back to ${e.label}` : void 0,
 			"aria-current": c(t) === "active" ? "step" : void 0,
 			onClick: (e) => c(t) === "done" && u(t)
 		}, {
-			default: ae(() => [c(t) === "done" ? (f(), i("span", Ge, "✓")) : (f(), i("span", Ke, g(t + 1), 1))]),
+			default: oe(() => [c(t) === "done" ? (p(), i("span", Je, "✓")) : (p(), i("span", Ye, _(t + 1), 1))]),
 			_: 2
 		}, 1032, [
 			"type",
 			"aria-label",
 			"aria-current",
 			"onClick"
-		])), a("span", qe, g(e.label), 1)], 2))), 128))]));
+		])), a("span", Xe, _(e.label), 1)], 2))), 128))]));
 	}
-}), [["__scopeId", "data-v-33717fc3"]]), Ye = ["aria-label"], Xe = ["title"], Ze = [
+}), [["__scopeId", "data-v-33717fc3"]]), Qe = ["aria-label"], $e = ["title"], et = [
 	"value",
 	"checked",
 	"disabled",
 	"onChange"
-], Qe = /*#__PURE__*/ y(/* @__PURE__ */ s({
+], tt = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "UiSegmentedControl",
 	props: {
 		options: {},
@@ -489,11 +502,11 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
 		let r = n;
-		return (n, s) => (f(), i("div", {
+		return (n, s) => (p(), i("div", {
 			class: "mw-seg",
 			role: "group",
 			"aria-label": t.ariaLabel
-		}, [(f(!0), i(e, null, m(t.options, (e) => (f(), i("label", {
+		}, [(p(!0), i(e, null, h(t.options, (e) => (p(), i("label", {
 			key: e.id,
 			class: l(["mw-seg__item", {
 				"mw-seg__item--active": t.modelValue === e.id,
@@ -506,31 +519,31 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 			checked: t.modelValue === e.id,
 			disabled: e.disabled,
 			onChange: (t) => r("update:modelValue", e.id)
-		}, null, 40, Ze), o(" " + g(e.label), 1)], 10, Xe))), 128))], 8, Ye));
+		}, null, 40, et), o(" " + _(e.label), 1)], 10, $e))), 128))], 8, Qe));
 	}
-}), [["__scopeId", "data-v-0dacb6ea"]]), $e = { class: "mw-field-hint" }, et = ["aria-describedby"], tt = ["id"], nt = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-0dacb6ea"]]), nt = { class: "mw-field-hint" }, rt = ["aria-describedby"], it = ["id"], at = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "UiFieldHint",
 	props: { fieldId: {} },
 	setup(e) {
 		function t(e) {
 			e.key === "Escape" && e.currentTarget.blur();
 		}
-		return (n, r) => (f(), i("span", $e, [a("button", {
+		return (n, r) => (p(), i("span", nt, [a("button", {
 			type: "button",
 			class: "mw-field-hint__btn",
 			"aria-describedby": `${e.fieldId}-hint`,
 			"aria-label": "Help",
 			onKeydown: t
-		}, "?", 40, et), a("span", {
+		}, "?", 40, rt), a("span", {
 			id: `${e.fieldId}-hint`,
 			role: "tooltip",
 			class: "mw-field-hint__tip"
-		}, [h(n.$slots, "default", {}, void 0, !0)], 8, tt)]));
+		}, [g(n.$slots, "default", {}, void 0, !0)], 8, it)]));
 	}
-}), [["__scopeId", "data-v-4d63aaa4"]]), rt = { class: "mw-form-field" }, it = ["for"], at = {
+}), [["__scopeId", "data-v-29d9a629"]]), ot = { class: "mw-form-field" }, st = ["for"], ct = {
 	key: 0,
 	class: "mw-form-field__hint"
-}, ot = ["id"], st = /*#__PURE__*/ y(/* @__PURE__ */ s({
+}, lt = ["id"], ut = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "UiFormField",
 	props: {
 		id: {},
@@ -544,56 +557,146 @@ var E = { class: "mw-footer__start" }, D = { class: "mw-footer__center" }, O = {
 			"aria-invalid": n.error ? !0 : void 0,
 			"aria-describedby": n.error ? s.value : void 0
 		}));
-		return (t, n) => (f(), i("div", rt, [
-			a("label", { for: e.id }, [o(g(e.label), 1), h(t.$slots, "label-suffix", {}, void 0, !0)], 8, it),
-			h(t.$slots, "default", { attrs: c.value }, void 0, !0),
-			e.hint && !e.error ? (f(), i("p", at, g(e.hint), 1)) : r("", !0),
-			e.error ? (f(), i("p", {
+		return (t, n) => (p(), i("div", ot, [
+			a("label", { for: e.id }, [o(_(e.label), 1), g(t.$slots, "label-suffix", {}, void 0, !0)], 8, st),
+			g(t.$slots, "default", { attrs: c.value }, void 0, !0),
+			e.hint && !e.error ? (p(), i("p", ct, _(e.hint), 1)) : r("", !0),
+			e.error ? (p(), i("p", {
 				key: 1,
 				id: s.value,
 				class: "mw-form-field__error"
-			}, g(e.error), 9, ot)) : r("", !0)
+			}, _(e.error), 9, lt)) : r("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-c22333c7"]]), dt = { class: "mw-panel" }, ft = {
+	key: 0,
+	class: "mw-panel__head"
+}, pt = { class: "mw-panel__body" }, mt = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiPanel",
+	props: { title: {} },
+	setup(e) {
+		return (t, n) => (p(), i("div", dt, [e.title || t.$slots.head ? (p(), i("div", ft, [g(t.$slots, "head", {}, () => [o(_(e.title), 1)], !0)])) : r("", !0), a("div", pt, [g(t.$slots, "default", {}, void 0, !0)])]));
+	}
+}), [["__scopeId", "data-v-d112e62d"]]), ht = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiBadge",
+	props: { variant: { default: "neutral" } },
+	setup(e) {
+		return (t, n) => (p(), i("span", { class: l(["mw-badge", `mw-badge--${e.variant}`]) }, [g(t.$slots, "default", {}, void 0, !0)], 2));
+	}
+}), [["__scopeId", "data-v-5aa44ef5"]]), gt = { class: "mw-toolbar" }, _t = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiToolbar",
+	setup(e) {
+		return (e, t) => (p(), i("div", gt, [g(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-827466de"]]), vt = {
+	type: "button",
+	class: "mw-toolbar-btn"
+}, yt = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiToolbarButton",
+	setup(e) {
+		return (e, t) => (p(), i("button", vt, [g(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-d5f19134"]]), bt = { class: "mw-stat-grid" }, xt = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiStatGrid",
+	setup(e) {
+		return (e, t) => (p(), i("div", bt, [g(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-f481948b"]]), St = { class: "mw-stat-grid__label" }, Ct = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiStatRow",
+	props: {
+		label: {},
+		align: { default: "right" }
+	},
+	setup(t) {
+		return (n, r) => (p(), i(e, null, [a("span", St, _(t.label), 1), a("span", { class: l(["mw-stat-grid__value", { "mw-stat-grid__value--left": t.align === "left" }]) }, [g(n.$slots, "default", {}, void 0, !0)], 2)], 64));
+	}
+}), [["__scopeId", "data-v-4c872fab"]]), wt = { class: "mw-data-table-wrap" }, Tt = { class: "mw-data-table" }, Et = {
+	key: 0,
+	class: "mw-data-table__empty"
+}, Dt = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiDataTable",
+	props: { empty: {} },
+	setup(e) {
+		let t = re();
+		return (n, o) => (p(), i("div", wt, [a("table", Tt, [a("thead", null, [a("tr", null, [g(n.$slots, "head", {}, void 0, !0)])]), a("tbody", null, [g(n.$slots, "default", {}, void 0, !0)])]), e.empty && !t.default ? (p(), i("p", Et, _(e.empty), 1)) : r("", !0)]));
+	}
+}), [["__scopeId", "data-v-fc20cb49"]]), Ot = { class: "mw-statusbar" }, kt = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiStatusBar",
+	setup(e) {
+		return (e, t) => (p(), i("footer", Ot, [g(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-890bec3f"]]), At = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiStatusDot",
+	props: { status: { default: "ok" } },
+	setup(e) {
+		return (t, n) => (p(), i("span", {
+			class: l(["mw-status-dot", `mw-status-dot--${e.status}`]),
+			"aria-hidden": "true"
+		}, null, 2));
+	}
+}), [["__scopeId", "data-v-62e9a7cc"]]), jt = {
+	class: "mw-feed",
+	role: "list"
+}, Mt = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiActivityFeed",
+	setup(e) {
+		return (e, t) => (p(), i("ul", jt, [g(e.$slots, "default", {}, void 0, !0)]));
+	}
+}), [["__scopeId", "data-v-9e578c9d"]]), Nt = { class: "mw-feed__item" }, Pt = { class: "mw-feed__type" }, Ft = { class: "mw-feed__time" }, It = /*#__PURE__*/ b(/* @__PURE__ */ s({
+	__name: "UiActivityItem",
+	props: {
+		type: {},
+		time: {}
+	},
+	setup(e) {
+		return (t, n) => (p(), i("li", Nt, [
+			n[0] ||= a("span", {
+				class: "mw-feed__dot",
+				"aria-hidden": "true"
+			}, null, -1),
+			a("span", Pt, [g(t.$slots, "type", {}, () => [o(_(e.type), 1)], !0)]),
+			a("span", Ft, [g(t.$slots, "time", {}, () => [o(_(e.time), 1)], !0)])
 		]));
 	}
-}), [["__scopeId", "data-v-c22333c7"]]), ct = /* @__PURE__ */ new Set([
+}), [["__scopeId", "data-v-f662c634"]]), Lt = /* @__PURE__ */ new Set([
 	"operational",
 	"degraded",
 	"down",
 	"unknown"
 ]);
+function U(e) {
+	return typeof e == "string" && Lt.has(e);
+}
 function W(e) {
-	return typeof e == "string" && ct.has(e);
+	return U(e) ? e : "unknown";
 }
 function G(e) {
-	return W(e) ? e : "unknown";
-}
-function K(e) {
 	return typeof e != "string" || e.trim() === "" ? "" : e.replace(/[<>&"]/g, "");
 }
-function lt(e) {
+function Rt(e) {
 	if (typeof e != "object" || !e) return null;
-	let t = e, n = K(t.name);
+	let t = e, n = G(t.name);
 	return n ? {
 		name: n,
-		status: G(t.status)
+		status: W(t.status)
 	} : null;
 }
-function ut(e) {
+function zt(e) {
 	if (typeof e != "object" || !e) return null;
-	let t = e, n = K(t.name);
+	let t = e, n = G(t.name);
 	if (!n) return null;
-	let r = Array.isArray(t.components) ? t.components.map(lt).filter((e) => e !== null) : [];
+	let r = Array.isArray(t.components) ? t.components.map(Rt).filter((e) => e !== null) : [];
 	return {
 		name: n,
-		status: G(t.status),
+		status: W(t.status),
 		components: r
 	};
 }
-function q(e) {
+function K(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
-	if (!W(t.overall) || typeof t.generated_at != "string" || !Array.isArray(t.groups)) return null;
-	let n = t.groups.map(ut).filter((e) => e !== null);
+	if (!U(t.overall) || typeof t.generated_at != "string" || !Array.isArray(t.groups)) return null;
+	let n = t.groups.map(zt).filter((e) => e !== null);
 	return {
 		generated_at: t.generated_at,
 		overall: t.overall,
@@ -602,7 +705,7 @@ function q(e) {
 }
 //#endregion
 //#region src/components/StatusWidget.vue?vue&type=script&setup=true&lang.ts
-var dt = ["href", "title"], ft = { class: "status-widget__label" }, pt = /*#__PURE__*/ y(/* @__PURE__ */ s({
+var q = ["href", "title"], Bt = { class: "status-widget__label" }, Vt = /*#__PURE__*/ b(/* @__PURE__ */ s({
 	__name: "StatusWidget",
 	props: {
 		apiUrl: { default: "https://status.meddleware.co.uk/api/status" },
@@ -620,24 +723,24 @@ var dt = ["href", "title"], ft = { class: "status-widget__label" }, pt = /*#__PU
 			degraded: "Degraded",
 			down: "Major outage",
 			unknown: "Status unknown"
-		}, o = p("ok"), s = p("All systems operational"), c = null;
+		}, o = m("ok"), s = m("All systems operational"), c = null;
 		async function u() {
 			try {
 				let e = await fetch(t.apiUrl);
 				if (!e.ok) throw Error(`HTTP ${e.status}`);
-				let i = q(await e.json());
+				let i = K(await e.json());
 				if (!i) throw Error("unexpected response shape");
 				o.value = n[i.overall], s.value = r[i.overall];
 			} catch {
 				o.value = "error", s.value = "Status unavailable";
 			}
 		}
-		return ee(() => {
+		return d(() => {
 			u(), c = setInterval(u, t.pollInterval);
-		}), d(() => {
+		}), f(() => {
 			c !== null && clearInterval(c);
-		}), (t, n) => (f(), i("a", {
-			href: _(T)(e.href),
+		}), (t, n) => (p(), i("a", {
+			href: v(D)(e.href),
 			target: "_blank",
 			rel: "noopener noreferrer",
 			class: l(["status-widget", `status-widget--${o.value}`]),
@@ -645,29 +748,29 @@ var dt = ["href", "title"], ft = { class: "status-widget__label" }, pt = /*#__PU
 		}, [n[0] ||= a("span", {
 			class: "status-widget__dot",
 			"aria-hidden": "true"
-		}, null, -1), a("span", ft, g(s.value), 1)], 10, dt));
+		}, null, -1), a("span", Bt, _(s.value), 1)], 10, q));
 	}
 }), [["__scopeId", "data-v-6436368e"]]), J = {
 	mainnet: "https://suivision.xyz",
 	testnet: "https://testnet.suivision.xyz",
 	devnet: "https://devnet.suivision.xyz"
 };
-function mt(e, t, n = "testnet") {
+function Ht(e, t, n = "testnet") {
 	return `${J[n] ?? J.testnet}/${e}/${t}`;
 }
 //#endregion
 //#region src/composables/useColorMode.ts
-var Y = "mw-color-mode", X = p("system"), Z = !1;
-function ht() {
+var Y = "mw-color-mode", X = m("system"), Z = !1;
+function Ut() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
 function Q(e) {
-	return e === "dark" || e === "system" && ht();
+	return e === "dark" || e === "system" && Ut();
 }
 function $(e) {
 	typeof document < "u" && document.documentElement.setAttribute("data-theme", Q(e) ? "dark" : "light");
 }
-function gt(e = "system") {
+function Wt(e = "system") {
 	if (!Z) {
 		Z = !0;
 		let t = null;
@@ -676,7 +779,7 @@ function gt(e = "system") {
 		} catch {}
 		X.value = t ?? e, $(X.value), typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
 			X.value === "system" && $("system");
-		}), ie(X, (e) => {
+		}), ae(X, (e) => {
 			$(e);
 			try {
 				typeof localStorage < "u" && localStorage.setItem(Y, e);
@@ -698,10 +801,10 @@ function gt(e = "system") {
 }
 //#endregion
 //#region src/composables/useSeason.ts
-function _t() {
+function Gt() {
 	if (typeof document > "u") return;
 	let e = (/* @__PURE__ */ new Date()).getMonth(), t = e >= 2 && e <= 4 ? "spring" : e >= 5 && e <= 7 ? "summer" : e >= 8 && e <= 10 ? "autumn" : "winter";
 	document.documentElement.dataset.season = t;
 }
 //#endregion
-export { j as AppFooter, de as AppHeader, w as AppSidebar, Oe as AppTabNav, I as ColorModeControl, Ne as CopyableAddress, Ue as CopyrightLine, Fe as ExplorerLink, Te as SidebarGroup, xe as SidebarItem, pt as StatusWidget, R as UiButton, pe as UiCard, nt as UiFieldHint, st as UiFormField, _e as UiNotice, Qe as UiSegmentedControl, he as UiSelect, Je as UiStepper, W as isStatusLevel, q as parseSnapshot, T as safeHref, mt as suiExplorerUrl, gt as useColorMode, _t as useSeason };
+export { N as AppFooter, x as AppHeader, E as AppSidebar, Ae as AppTabNav, R as ColorModeControl, Ie as CopyableAddress, Ke as CopyrightLine, Re as ExplorerLink, De as SidebarGroup, Ce as SidebarItem, Vt as StatusWidget, Mt as UiActivityFeed, It as UiActivityItem, ht as UiBadge, B as UiButton, he as UiCard, Dt as UiDataTable, at as UiFieldHint, ut as UiFormField, ye as UiNotice, mt as UiPanel, tt as UiSegmentedControl, _e as UiSelect, xt as UiStatGrid, Ct as UiStatRow, kt as UiStatusBar, At as UiStatusDot, Ze as UiStepper, _t as UiToolbar, yt as UiToolbarButton, U as isStatusLevel, K as parseSnapshot, D as safeHref, Ht as suiExplorerUrl, Wt as useColorMode, Gt as useSeason };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meddleware/ui",
-  "version": "0.1.24",
-  "description": "Shared Vue 3 component library for @meddleware UIs \u2014 layout shell (header/sidebar/footer), colour-mode control, and primitives. Built on @meddleware/design-tokens.",
+  "version": "0.1.27",
+  "description": "Shared Vue 3 component library for @meddleware UIs — layout shell (header/sidebar/footer), colour-mode control, and primitives. Built on @meddleware/design-tokens.",
   "homepage": "https://docs.meddleware.co.uk/",
   "license": "0BSD",
   "type": "module",
@@ -25,23 +25,45 @@
   "scripts": {
     "build": "rm -rf dist && vue-tsc -p tsconfig.build.json && vite build",
     "type-check": "vue-tsc --noEmit",
+    "lint:css": "stylelint \"src/**/*.{css,vue}\"",
+    "lint:js": "eslint .",
+    "lint": "npm run lint:css && npm run lint:js",
     "test": "vitest run"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
   },
   "dependencies": {
-    "@meddleware/design-tokens": "^0.1.5"
+    "@meddleware/design-tokens": "^0.1.6"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.9",
+    "@vue/eslint-config-typescript": "^14.9.0",
+    "@vue/test-utils": "^2.5.1",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^10.11.0",
+    "eslint-plugin-vue": "^10.11.1",
+    "eslint-plugin-vuejs-accessibility": "^2.6.0",
+    "jiti": "^2.7.0",
+    "jsdom": "^29.1.1",
+    "postcss": "^8.4.49",
+    "postcss-html": "^2.0.0",
+    "stylelint": "^17.15.0",
+    "stylelint-config-standard": "^40.0.0",
     "typescript": "^6.0.0",
     "vite": "^8.3.0",
     "vitest": "~5.0.1",
+    "vitest-axe": "^0.1.0",
     "vue": "^3.5.43",
+    "vue-eslint-parser": "^10.4.1",
     "vue-tsc": "~3.3.11"
   },
+  "browserslist": [
+    "> 0.5%",
+    "last 2 versions",
+    "not dead"
+  ],
   "publishConfig": {
     "access": "public"
   }
-}
+}