@meddleware/ui 0.1.0 → 0.1.2

package/dist/base.css

@@ -0,0 +1,2 @@
+.mw-header[data-v-ad7cd1c5]{height:var(--mw-header-height,56px);background:var(--_bg);color:var(--_text);border-bottom:1px solid var(--_border);font-family:var(--mw-font-sans);align-items:center;gap:1rem;padding:0 1rem;display:flex}.mw-header--sticky[data-v-ad7cd1c5]{z-index:50;position:sticky;top:0}.mw-header__brand[data-v-ad7cd1c5]{letter-spacing:.01em;white-space:nowrap;align-items:center;gap:.5rem;font-weight:650;display:flex}.mw-header__center[data-v-ad7cd1c5]{flex:auto;min-width:0}.mw-header__actions[data-v-ad7cd1c5]{align-items:center;gap:.5rem;margin-left:auto;display:flex}.mw-sidebar[data-v-5aa0ef5a]{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-5aa0ef5a]{border-bottom:1px solid var(--_border);padding:1rem}.mw-sidebar__nav[data-v-5aa0ef5a]{flex-direction:column;flex:auto;gap:.25rem;padding:.75rem;display:flex;overflow-y:auto}.mw-sidebar__foot[data-v-5aa0ef5a]{border-top:1px solid var(--_border);color:var(--_muted);padding:.75rem 1rem;font-size:.85rem}.mw-footer[data-v-c646b8e1]{background:var(--_bg);color:var(--_muted);border-top:1px solid var(--_border);font-family:var(--mw-font-sans);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.mw-footer--transparent[data-v-c646b8e1]{border-top:1px solid var(--border)}.mw-footer__center[data-v-c646b8e1]{flex:auto;min-width:0}.mw-footer__end[data-v-c646b8e1]{margin-left:auto}.mw-mode[data-v-e4a6bf1d]{border:1px solid var(--_border,var(--border));border-radius:var(--mw-radius,10px);background:color-mix(in srgb, var(--_text,var(--text)) 6%, transparent);gap:2px;padding:2px;display:inline-flex}.mw-mode__btn[data-v-e4a6bf1d]{border-radius:calc(var(--mw-radius,10px) - 3px);color:var(--_text,var(--text));font:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.8rem;display:inline-flex}.mw-mode__btn[data-v-e4a6bf1d]:hover{opacity:1}.mw-mode__btn.is-active[data-v-e4a6bf1d]{opacity:1;background:color-mix(in srgb, var(--_text,var(--text)) 14%, transparent)}.mw-mode__btn[data-v-e4a6bf1d]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (width<=640px){.mw-mode__label[data-v-e4a6bf1d]{display:none}}.mw-btn[data-v-299de2c3]{border-radius:var(--mw-radius,10px);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:550;transition:filter .12s,background .12s;display:inline-flex}.mw-btn[data-v-299de2c3]:disabled{opacity:.55;cursor:not-allowed}.mw-btn[data-v-299de2c3]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mw-btn--primary[data-v-299de2c3]{background:var(--accent);color:var(--accent-contrast)}.mw-btn--primary[data-v-299de2c3]:not(:disabled):hover{filter:brightness(1.08)}.mw-btn--secondary[data-v-299de2c3]{background:var(--secondary);color:var(--secondary-contrast)}.mw-btn--secondary[data-v-299de2c3]:not(:disabled):hover{filter:brightness(1.08)}.mw-btn--ghost[data-v-299de2c3]{color:var(--text);border-color:var(--border);background:0 0}.mw-btn--ghost[data-v-299de2c3]:not(:disabled):hover{background:var(--lift)}.mw-btn--danger[data-v-299de2c3]{background:var(--danger);color:var(--mw-neutral-000)}.mw-btn--danger[data-v-299de2c3]:not(:disabled):hover{filter:brightness(1.08)}.mw-card[data-v-fd2fd7ab]{background:var(--surface);border:1px solid var(--border);border-radius:var(--mw-radius,10px);color:var(--text);overflow:hidden}.mw-card__header[data-v-fd2fd7ab]{border-bottom:1px solid var(--border);padding:.85rem 1rem}.mw-card__title[data-v-fd2fd7ab]{margin:0;font-size:1rem;font-weight:600}.mw-card__body[data-v-fd2fd7ab]{padding:1rem}.mw-card__footer[data-v-fd2fd7ab]{border-top:1px solid var(--border);background:var(--lift);padding:.75rem 1rem}.mw-select[data-v-b9468387]{position:relative}.mw-select select[data-v-b9468387]{appearance:none;background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--mw-radius,10px);font:inherit;padding:.5rem 2.5rem .5rem .7rem}.mw-select select[data-v-b9468387]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mw-select__chevron[data-v-b9468387]{pointer-events:none;stroke:var(--muted);stroke-width:1.5px;fill:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.mw-notice[data-v-6f53d0be]{border:1px solid var(--border);border-radius:var(--mw-radius,10px);background:var(--lift);color:var(--text);border-left-width:3px;margin:0;padding:.6rem .8rem;font-size:.9rem}.mw-notice--error[data-v-6f53d0be]{border-left-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.mw-notice--ok[data-v-6f53d0be]{border-left-color:var(--ok);color:var(--ok);background:color-mix(in srgb, var(--ok) 8%, transparent)}
+/*$vite$:1*/

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

@@ -0,0 +1,26 @@
+import { type PanelVariant, type PanelColors } from '../internal/panel';
+type __VLS_Props = {
+    /** light | dark | transparent — default transparent (footers sit over the page background). */
+    variant?: PanelVariant;
+    /** Per-instance colour overrides; token values are used by default. */
+    colors?: PanelColors;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    start?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    end?: (props: typeof __VLS_5) => 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: PanelVariant;
+}, {}, {}, {}, 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/AppHeader.vue.d.ts

@@ -0,0 +1,29 @@
+import { type PanelVariant, type PanelColors } from '../internal/panel';
+type __VLS_Props = {
+    /** light | dark | transparent — default dark (token defaults, overridable). */
+    variant?: PanelVariant;
+    /** Per-instance colour overrides; token values are used by default. */
+    colors?: PanelColors;
+    /** Stick to the top of the viewport (full-width shells). */
+    sticky?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    brand?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    actions?: (props: typeof __VLS_5) => 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: PanelVariant;
+    sticky: boolean;
+}, {}, {}, {}, 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/AppSidebar.vue.d.ts

@@ -0,0 +1,28 @@
+import { type PanelVariant, type PanelColors } from '../internal/panel';
+type __VLS_Props = {
+    /** light | dark | transparent — default dark (token defaults, overridable). */
+    variant?: PanelVariant;
+    /** Per-instance colour overrides; token values are used by default. */
+    colors?: PanelColors;
+    /** Sidebar width (CSS length, e.g. '280px'). Defaults to `--mw-sidebar-width` (240px). */
+    width?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    head?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    foot?: (props: typeof __VLS_5) => 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: PanelVariant;
+}, {}, {}, {}, 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/ColorModeControl.vue.d.ts

@@ -0,0 +1,21 @@
+import type { ColorMode } from '../composables/useColorMode';
+/**
+ * Presentational light/dark/system control. It owns NO state — bind it with
+ * `v-model` (or `:modelValue` + `@update:modelValue`) to external state, e.g.
+ * the `useColorMode()` composable or your store.
+ */
+type __VLS_Props = {
+    /** The currently selected colour mode (`v-model`). */
+    modelValue: ColorMode;
+    /** Which modes to offer (default all three). */
+    modes?: ColorMode[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: ColorMode) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: ColorMode) => any) | undefined;
+}>, {
+    modes: ColorMode[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** Visual style — primary (accent fill), secondary, ghost (outline), or danger (red). */
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    /** HTML button type attribute. Use 'submit' inside forms; 'button' otherwise. */
+    type?: 'button' | 'submit' | 'reset';
+    /** When true, the button is rendered faded and blocks all interaction. */
+    disabled?: boolean;
+};
+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: "primary" | "secondary" | "ghost" | "danger";
+    type: "button" | "submit" | "reset";
+    disabled: boolean;
+}, {}, {}, {}, 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/UiCard.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    /** Optional card heading rendered in the header slot fallback. */
+    title?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    footer?: (props: typeof __VLS_5) => 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/UiNotice.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /**
+     * Semantic intent — controls colour and ARIA role.
+     * - `'info'` (default): neutral informational note.
+     * - `'error'`: danger-coloured, sets `role="alert"` for assistive technologies.
+     * - `'ok'`: success-coloured, sets `role="status"`.
+     */
+    type?: 'info' | 'error' | 'ok';
+};
+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<{}>, {}, {}, {}, {}, 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/UiSelect.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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/composables/useColorMode.d.ts

@@ -0,0 +1,15 @@
+import { type Ref } from 'vue';
+/** The user's colour-mode preference: force `light`/`dark`, or follow the OS with `system`. */
+export type ColorMode = 'light' | 'dark' | 'system';
+/**
+ * External colour-mode state manager. `ColorModeControl` is presentational and
+ * does NOT own state — bind it to `mode`/`set` (or your own store) instead.
+ *
+ * @param defaultMode used only on first init when nothing is persisted.
+ */
+export declare function useColorMode(defaultMode?: ColorMode): {
+    mode: Ref<ColorMode, ColorMode>;
+    set: (m: ColorMode) => void;
+    cycle: () => void;
+    isDark: () => boolean;
+};

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export { default as AppHeader } from './components/AppHeader.vue';
+export { default as AppSidebar } from './components/AppSidebar.vue';
+export { default as AppFooter } from './components/AppFooter.vue';
+export { default as ColorModeControl } from './components/ColorModeControl.vue';
+export { default as UiButton } from './components/UiButton.vue';
+export { default as UiCard } from './components/UiCard.vue';
+export { default as UiSelect } from './components/UiSelect.vue';
+export { default as UiNotice } from './components/UiNotice.vue';
+export { useColorMode } from './composables/useColorMode.js';
+export type { ColorMode } from './composables/useColorMode.js';
+export type { PanelVariant, PanelColors } from './internal/panel.js';

package/dist/internal/panel.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties } from 'vue';
+/** Panel colour scheme: theme-independent `light`/`dark` panel tokens, or `transparent`. */
+export type PanelVariant = 'light' | 'dark' | 'transparent';
+/** Optional per-instance colour overrides (win over the token defaults). */
+export interface PanelColors {
+    bg?: string;
+    surface?: string;
+    text?: string;
+    muted?: string;
+    border?: string;
+}
+/**
+ * Resolve a panel variant to a set of local CSS variables (`--_bg`, `--_text`,
+ * …) that the header/sidebar/footer styles consume. Variants use the
+ * theme-INDEPENDENT `--mw-panel-*` tokens so a dark panel renders correctly on
+ * a light page (and vice-versa). Transparent inherits the page text colour.
+ * Any supplied `colors` override the defaults — token values are the default.
+ */
+export declare function panelVars(variant: PanelVariant, colors?: PanelColors): CSSProperties;

package/dist/ui.js

@@ -79,7 +79,7 @@ var ee = { class: "mw-header__brand" }, y = { class: "mw-header__center" }, b =
 			t.$slots.foot ? (l(), r("div", E, [f(t.$slots, "foot", {}, void 0, !0)])) : n("", !0)
 		], 6));
 	}
-}), [["__scopeId", "data-v-ccf6628a"]]), O = { class: "mw-footer__start" }, k = { class: "mw-footer__center" }, A = { class: "mw-footer__end" }, j = /*#__PURE__*/ S(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-5aa0ef5a"]]), O = { class: "mw-footer__start" }, k = { class: "mw-footer__center" }, A = { class: "mw-footer__end" }, j = /*#__PURE__*/ S(/* @__PURE__ */ a({
 	__name: "AppFooter",
 	props: {
 		variant: { default: "transparent" },
@@ -96,7 +96,7 @@ var ee = { class: "mw-header__brand" }, y = { class: "mw-header__center" }, b =
 			i("div", A, [f(t.$slots, "end", {}, void 0, !0)])
 		], 6));
 	}
-}), [["__scopeId", "data-v-060bc806"]]), M = {
+}), [["__scopeId", "data-v-c646b8e1"]]), M = {
 	class: "mw-mode",
 	role: "group",
 	"aria-label": "Colour mode"
@@ -134,7 +134,7 @@ var ee = { class: "mw-header__brand" }, y = { class: "mw-header__center" }, b =
 			onClick: (t) => o.$emit("update:modelValue", e)
 		}, [i("span", P, p(a[e]), 1), i("span", te, p(n[e]), 1)], 10, N))), 128))]));
 	}
-}), [["__scopeId", "data-v-c982c97c"]]), I = ["type", "disabled"], L = /*#__PURE__*/ S(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-e4a6bf1d"]]), I = ["type", "disabled"], L = /*#__PURE__*/ S(/* @__PURE__ */ a({
 	__name: "UiButton",
 	props: {
 		variant: { default: "primary" },
@@ -151,7 +151,7 @@ var ee = { class: "mw-header__brand" }, y = { class: "mw-header__center" }, b =
 			class: s(["mw-btn", `mw-btn--${e.variant}`])
 		}, [f(t.$slots, "default", {}, void 0, !0)], 10, I));
 	}
-}), [["__scopeId", "data-v-2a324058"]]), R = { class: "mw-card" }, z = {
+}), [["__scopeId", "data-v-299de2c3"]]), R = { class: "mw-card" }, z = {
 	key: 0,
 	class: "mw-card__header"
 }, B = { class: "mw-card__title" }, V = { class: "mw-card__body" }, H = {
@@ -167,7 +167,7 @@ var ee = { class: "mw-header__brand" }, y = { class: "mw-header__center" }, b =
 			t.$slots.footer ? (l(), r("footer", H, [f(t.$slots, "footer", {}, void 0, !0)])) : n("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-d1a4446e"]]), W = { class: "mw-select" }, G = /*#__PURE__*/ S(/* @__PURE__ */ a({
+}), [["__scopeId", "data-v-fd2fd7ab"]]), W = { class: "mw-select" }, G = /*#__PURE__*/ S(/* @__PURE__ */ a({
 	inheritAttrs: !1,
 	__name: "UiSelect",
 	props: {
@@ -199,7 +199,7 @@ var ee = { class: "mw-header__brand" }, y = { class: "mw-header__center" }, b =
 			role: i.value
 		}, [f(t.$slots, "default", {}, void 0, !0)], 10, K));
 	}
-}), [["__scopeId", "data-v-7ba4f2bb"]]), J = "mw-color-mode", Y = u("system"), X = !1;
+}), [["__scopeId", "data-v-6f53d0be"]]), J = "mw-color-mode", Y = u("system"), X = !1;
 function Z() {
 	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meddleware/ui",
-  "version": "0.1.0",
-  "description": "Shared Vue 3 component library for @meddleware UIs — layout shell (header/sidebar/footer), colour-mode control, and primitives. Built on @meddleware/design-tokens.",
+  "version": "0.1.2",
+  "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.",
   "license": "0BSD",
   "type": "module",
   "sideEffects": [
@@ -22,7 +22,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "vue-tsc -p tsconfig.build.json && vite build",
+    "build": "rm -rf dist && vue-tsc -p tsconfig.build.json && vite build",
     "type-check": "vue-tsc --noEmit"
   },
   "peerDependencies": {
@@ -41,4 +41,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/dist/ui.css

@@ -1,2 +0,0 @@
-.mw-header[data-v-ad7cd1c5]{height:var(--mw-header-height,56px);background:var(--_bg);color:var(--_text);border-bottom:1px solid var(--_border);font-family:var(--mw-font-sans);align-items:center;gap:1rem;padding:0 1rem;display:flex}.mw-header--sticky[data-v-ad7cd1c5]{z-index:50;position:sticky;top:0}.mw-header__brand[data-v-ad7cd1c5]{letter-spacing:.01em;white-space:nowrap;align-items:center;gap:.5rem;font-weight:650;display:flex}.mw-header__center[data-v-ad7cd1c5]{flex:auto;min-width:0}.mw-header__actions[data-v-ad7cd1c5]{align-items:center;gap:.5rem;margin-left:auto;display:flex}.mw-sidebar[data-v-ccf6628a]{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-ccf6628a]{border-bottom:1px solid var(--_border);padding:1rem}.mw-sidebar__nav[data-v-ccf6628a]{flex-direction:column;flex:auto;gap:.25rem;padding:.75rem;display:flex;overflow-y:auto}.mw-sidebar__foot[data-v-ccf6628a]{border-top:1px solid var(--_border);color:var(--_muted);padding:.75rem 1rem;font-size:.85rem}.mw-footer[data-v-060bc806]{background:var(--_bg);color:var(--_muted);border-top:1px solid var(--_border);font-family:var(--mw-font-sans);flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.mw-footer--transparent[data-v-060bc806]{border-top:1px solid var(--border)}.mw-footer__center[data-v-060bc806]{flex:auto;min-width:0}.mw-footer__end[data-v-060bc806]{margin-left:auto}.mw-mode[data-v-c982c97c]{border:1px solid var(--_border,var(--border));border-radius:var(--mw-radius,10px);background:color-mix(in srgb, var(--_text,var(--text)) 6%, transparent);gap:2px;padding:2px;display:inline-flex}.mw-mode__btn[data-v-c982c97c]{border-radius:calc(var(--mw-radius,10px) - 3px);color:var(--_text,var(--text));font:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.8rem;display:inline-flex}.mw-mode__btn[data-v-c982c97c]:hover{opacity:1}.mw-mode__btn.is-active[data-v-c982c97c]{opacity:1;background:color-mix(in srgb, var(--_text,var(--text)) 14%, transparent)}.mw-mode__btn[data-v-c982c97c]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (width<=640px){.mw-mode__label[data-v-c982c97c]{display:none}}.mw-btn[data-v-2a324058]{border-radius:var(--mw-radius,10px);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:550;transition:filter .12s,background .12s;display:inline-flex}.mw-btn[data-v-2a324058]:disabled{opacity:.55;cursor:not-allowed}.mw-btn[data-v-2a324058]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mw-btn--primary[data-v-2a324058]{background:var(--accent);color:var(--accent-contrast)}.mw-btn--primary[data-v-2a324058]:not(:disabled):hover{filter:brightness(1.08)}.mw-btn--secondary[data-v-2a324058]{background:var(--secondary);color:var(--secondary-contrast)}.mw-btn--secondary[data-v-2a324058]:not(:disabled):hover{filter:brightness(1.08)}.mw-btn--ghost[data-v-2a324058]{color:var(--text);border-color:var(--border);background:0 0}.mw-btn--ghost[data-v-2a324058]:not(:disabled):hover{background:var(--lift)}.mw-btn--danger[data-v-2a324058]{background:var(--danger);color:#fff}.mw-btn--danger[data-v-2a324058]:not(:disabled):hover{filter:brightness(1.08)}.mw-card[data-v-d1a4446e]{background:var(--surface);border:1px solid var(--border);border-radius:var(--mw-radius,10px);color:var(--text);overflow:hidden}.mw-card__header[data-v-d1a4446e]{border-bottom:1px solid var(--border);padding:.85rem 1rem}.mw-card__title[data-v-d1a4446e]{margin:0;font-size:1rem;font-weight:600}.mw-card__body[data-v-d1a4446e]{padding:1rem}.mw-card__footer[data-v-d1a4446e]{border-top:1px solid var(--border);background:var(--lift);padding:.75rem 1rem}.mw-select[data-v-b9468387]{position:relative}.mw-select select[data-v-b9468387]{appearance:none;background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--mw-radius,10px);font:inherit;padding:.5rem 2.5rem .5rem .7rem}.mw-select select[data-v-b9468387]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mw-select__chevron[data-v-b9468387]{pointer-events:none;stroke:var(--muted);stroke-width:1.5px;fill:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.mw-notice[data-v-7ba4f2bb]{border:1px solid var(--border);border-radius:var(--mw-radius,10px);background:var(--lift);color:var(--text);border-left-width:3px;margin:0;padding:.6rem .8rem;font-size:.9rem}.mw-notice--error[data-v-7ba4f2bb]{border-left-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.mw-notice--ok[data-v-7ba4f2bb]{border-left-color:var(--ok);color:var(--ok);background:color-mix(in srgb, var(--ok) 8%, transparent)}
-/*$vite$:1*/