miao-design 1.0.0

package/dist/directives/ripple.d.ts

@@ -0,0 +1,58 @@
+import { Directive } from 'vue';
+/**
+ * v-ripple 指令 —— MUI TouchRipple 同款按下涟漪（复刻其动效细节）。
+ *
+ * 用法：
+ *   <button v-ripple>点击</button>
+ *   <button v-ripple="false">禁用涟漪</button>
+ *   <button v-ripple="{ disabled: false, color: '#fff' }">自定义涟漪颜色</button>
+ *   <button v-ripple="{ duration: 300 }">加快涟漪动画（进入 + 退出，默认 550ms）</button>
+ *   <button v-ripple="{ duration: 300, initialScale: 0.5 }">缩放从 0.5 起播而非 0</button>
+ *   <button v-ripple="{ center: true }">涟漪从元素中心扩散（Checkbox / Radio 同款）</button>
+ *
+ * 动效（默认与 MUI 对齐）：
+ *   - 按下（pointerdown）即出现，波纹直径恰好覆盖元素最远角；配置 center 时改为
+ *     从元素中心起播，直径恰好覆盖元素（MUI Checkbox / Radio 居中涟漪）；
+ *   - 缩放从 initialScale（默认 0）扩散到 1，可配置为非 0 使涟漪更快显现；
+ *   - 按住保持常显，松手（pointerup）/ 取消（pointercancel）/ 鼠标移出
+ *     （pointerleave）后淡出（时长同进入，可经 duration 配置）；
+ *   - 触摸 / 笔输入延迟 80ms 出现以区分滚动，滚动 / 移动时取消；
+ *   - 键盘聚焦（:focus-visible）或 Enter / 空格激活时居中脉冲波纹，失焦停止；
+ *   - 宿主为原生 disabled 或 aria-disabled="true" 时不触发；
+ *   - 涟漪默认跟随 currentColor，可通过 color 选项覆盖。
+ */
+export type RippleOptions = boolean | {
+    disabled?: boolean;
+    color?: string;
+    duration?: number;
+    initialScale?: number;
+    /** 涟漪从元素中心扩散而非点击点（MUI Checkbox / Radio 同款），默认 false */
+    center?: boolean;
+};
+interface RippleEntry {
+    wave?: HTMLSpanElement;
+    child?: HTMLSpanElement;
+    leaving: boolean;
+    /** 本次涟漪的动画时长（ms），未配置时为默认值 */
+    duration?: number;
+    /** 触摸输入等待显示期间使用的定时器 */
+    timer?: number;
+    /** 尚未落地的启动参数（触摸延迟期间保留） */
+    pending?: {
+        x: number;
+        y: number;
+        center: boolean;
+        pulsate: boolean;
+    };
+}
+interface RippleHost extends HTMLElement {
+    __rippleContainer?: HTMLSpanElement;
+    /** 按 pointerId（键盘固定为 'keyboard'）维护进行中的波纹 */
+    __rippleWaves?: Map<number | string, RippleEntry>;
+    __rippleState?: {
+        value: RippleOptions | undefined;
+    };
+    __rippleHandlers?: Array<[string, EventListener]>;
+}
+export declare const vRipple: Directive<RippleHost, RippleOptions | undefined>;
+export default vRipple;

package/dist/drawer/Drawer.vue.d.ts

@@ -0,0 +1,35 @@
+import { MDrawerProps } from './types';
+declare var __VLS_1: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_15) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    footer?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MDrawerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    "update:modelValue": (value: boolean) => any;
+    open: () => any;
+}, string, import('vue').PublicProps, Readonly<MDrawerProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    size: string | number;
+    appendToBody: boolean;
+    closeOnClickOverlay: boolean;
+    closeOnPressEscape: boolean;
+    showClose: boolean;
+    placement: import('./types').DrawerPlacement;
+}, {}, {}, {}, 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/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MDrawer } from './Drawer.vue';
+export type { MDrawerProps, DrawerPlacement } from './types';

package/dist/drawer/types.d.ts

@@ -0,0 +1,26 @@
+export type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
+export interface MDrawerProps {
+    /** 抽屉开关（v-model） */
+    modelValue?: boolean;
+    /** 展开方向：左右抽屉定宽，上下抽屉定高 */
+    placement?: DrawerPlacement;
+    /** 左右方向为宽度 / 上下方向为高度，数字按 px 处理 */
+    size?: string | number;
+    title?: string;
+    /** 显示右上角（左右）或左侧（上下）关闭按钮 */
+    showClose?: boolean;
+    /** 点击遮罩关闭（默认开启） */
+    closeOnClickOverlay?: boolean;
+    /** Esc 关闭（默认开启） */
+    closeOnPressEscape?: boolean;
+    /** 挂载到 body（默认开启） */
+    appendToBody?: boolean;
+}
+export declare const MDrawerPropsDefault: {
+    readonly placement: "right";
+    readonly size: 320;
+    readonly showClose: true;
+    readonly closeOnClickOverlay: true;
+    readonly closeOnPressEscape: true;
+    readonly appendToBody: true;
+};

package/dist/dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,32 @@
+import { DropdownPlacement, MDropdownProps } from './types';
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    menu?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    command: (value: unknown) => any;
+    open: () => any;
+}, string, import('vue').PublicProps, Readonly<MDropdownProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onCommand?: ((value: unknown) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    appendToBody: boolean;
+    trigger: import('./types').DropdownTrigger;
+    placement: DropdownPlacement;
+    offset: number;
+}, {}, {}, {}, 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/dropdown/DropdownItem.vue.d.ts

@@ -0,0 +1,21 @@
+import { MDropdownItemProps } from './types';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MDropdownItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    command: (value: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<MDropdownItemProps> & Readonly<{
+    onCommand?: ((value: unknown) => any) | undefined;
+}>, {
+    disabled: boolean;
+    divider: 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/dropdown/context.d.ts

@@ -0,0 +1,13 @@
+import { InjectionKey } from 'vue';
+/**
+ * MDropdown 通过 provide 暴露的上下文：
+ * MDropdownItem 点击时回调，实现「点击菜单项 → 抛出 command 并自动收起」，
+ * 无需手动在每一项上绑定关闭逻辑。
+ */
+export interface DropdownContext {
+    /** 点击菜单项：向 MDropdown 抛出 command 事件（value 为该项的 command 值） */
+    onItemClick: (value: unknown) => void;
+    /** 收起菜单 */
+    close: () => void;
+}
+export declare const dropdownContextKey: InjectionKey<DropdownContext>;

package/dist/dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MDropdown } from './Dropdown.vue';
+export { default as MDropdownItem } from './DropdownItem.vue';
+export type { MDropdownProps, MDropdownItemProps, DropdownPlacement, DropdownTrigger, } from './types';

package/dist/dropdown/types.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 下拉菜单弹出位置：上 / 下 各三个水平对齐位
+ *  - top-start     上方，与触发区左对齐
+ *  - top-center    上方，与触发区水平居中
+ *  - top-end       上方，与触发区右对齐
+ *  - bottom-start  下方，与触发区左对齐（默认）
+ *  - bottom-center 下方，与触发区水平居中
+ *  - bottom-end    下方，与触发区右对齐
+ */
+export type DropdownPlacement = 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
+/** 触发方式：点击（默认）或悬停 */
+export type DropdownTrigger = 'click' | 'hover';
+export interface MDropdownProps {
+    /** 弹出位置：top / bottom 各支持 start（左对齐）、center（居中）、end（右对齐） */
+    placement?: DropdownPlacement;
+    /** 触发方式：点击或悬停 */
+    trigger?: DropdownTrigger;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 菜单宽度（任意 CSS 长度）；不传则与触发区等宽 */
+    width?: string;
+    /** 菜单与触发区之间的间距（px） */
+    offset?: number;
+    /** 是否挂载到 body（避免被父级 overflow / z-index 裁剪） */
+    appendToBody?: boolean;
+}
+export interface MDropdownItemProps {
+    /** 点击菜单项时随 command 事件抛出的值（在 MDropdown 上监听） */
+    command?: unknown;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 渲染为分隔线而非菜单项 */
+    divider?: boolean;
+}
+export declare const MDropdownPropsDefault: {
+    readonly placement: "bottom-start";
+    readonly trigger: "click";
+    readonly disabled: false;
+    readonly offset: 4;
+    readonly appendToBody: true;
+};
+export declare const MDropdownItemPropsDefault: {
+    readonly disabled: false;
+    readonly divider: false;
+};

package/dist/fab/Fab.vue.d.ts

@@ -0,0 +1,26 @@
+import { MFabProps } from './types';
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MFabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<MFabProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: import('./types').FabSize;
+    color: import('./types').FabColor;
+    disabled: boolean;
+    position: import('./types').FabPosition;
+    extended: 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/fab/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MFab } from './Fab.vue';
+export type { MFabProps, FabColor, FabPosition, FabSize } from './types';

package/dist/fab/types.d.ts

@@ -0,0 +1,21 @@
+export type FabColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+export type FabSize = 'small' | 'medium' | 'large';
+export type FabPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | '';
+export interface MFabProps {
+    color?: FabColor;
+    size?: FabSize;
+    /** 悬浮定位：传值后按钮使用 fixed 定位并贴到对应角落，空字符串表示留在文档流 */
+    position?: FabPosition;
+    /** 扩展模式：图标 + 文本横排胶囊形（MUI ExtendedFab） */
+    extended?: boolean;
+    disabled?: boolean;
+    /** 无障碍标签（纯图标无文本时建议传入） */
+    ariaLabel?: string;
+}
+export declare const MFabPropsDefault: {
+    readonly color: "primary";
+    readonly size: "medium";
+    readonly position: "";
+    readonly extended: false;
+    readonly disabled: false;
+};

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+import { Plugin } from 'vue';
+import { toast } from './toast';
+export * from './alert';
+export * from './avatar';
+export * from './button';
+export * from './button-group';
+export * from './checkbox';
+export * from './date-picker';
+export * from './date-range-picker';
+export * from './dialog';
+export * from './drawer';
+export * from './dropdown';
+export * from './fab';
+export * from './input';
+export * from './input-number';
+export * from './radio';
+export * from './select';
+export * from './slider';
+export * from './switch';
+export * from './tabs';
+export * from './toast';
+export * from './tooltip';
+export * from './directives/ripple';
+/** 编程式 Toast API（非组件，供 JS 直接调用） */
+export { toast };
+export declare const MiaoUI: Plugin;
+export default MiaoUI;

package/dist/input/Input.vue.d.ts

@@ -0,0 +1,34 @@
+import { MInputProps } from './types';
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_1) => any;
+} & {
+    suffix?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<MInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<MInputProps> & Readonly<{
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {
+    type: string;
+    size: import('./types').InputSize;
+    disabled: boolean;
+    clearable: boolean;
+    readonly: 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/input/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MInput } from './Input.vue';
+export type { InputSize, MInputProps } from './types';

package/dist/input/types.d.ts

@@ -0,0 +1,24 @@
+export type InputSize = 'small' | 'default' | 'large';
+export interface MInputProps {
+    modelValue?: string;
+    type?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    /** 高度取全局 --m-size-* 令牌：small 28px / default 36px / large 48px */
+    size?: InputSize;
+    maxlength?: number;
+    /** 原生 input name（表单提交） */
+    name?: string;
+    /** 自动聚焦 */
+    autofocus?: boolean;
+    width?: string;
+}
+export declare const MInputPropsDefault: {
+    readonly type: "text";
+    readonly disabled: false;
+    readonly readonly: false;
+    readonly clearable: false;
+    readonly size: "default";
+};

package/dist/input-number/InputNumber.vue.d.ts

@@ -0,0 +1,23 @@
+import { MInputNumberProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<MInputNumberProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    change: (value: number | null) => any;
+    "update:modelValue": (value: number | null) => any;
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<MInputNumberProps> & Readonly<{
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: number | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {
+    size: import('..').InputSize;
+    disabled: boolean;
+    step: number;
+    clearable: boolean;
+    readonly: boolean;
+    controls: import('./types').InputNumberControls;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/input-number/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MInputNumber } from './InputNumber.vue';
+export type { MInputNumberProps } from './types';

package/dist/input-number/types.d.ts

@@ -0,0 +1,29 @@
+import { InputSize } from '../input/types';
+/** 步进按钮布局：right 右侧（默认） / both 左右两侧 */
+export type InputNumberControls = 'right' | 'both';
+export interface MInputNumberProps {
+    /** 空值传 undefined / null 均可 */
+    modelValue?: number | null;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    /** 高度取全局 --m-size-* 令牌：small 28px / default 36px / large 48px */
+    size?: InputSize;
+    /** 步进按钮布局：right 右侧并排（默认，down / up 箭头） / both 左右两侧（减号 / 加号） */
+    controls?: InputNumberControls;
+    min?: number;
+    max?: number;
+    step?: number;
+    /** 显示精度（失焦时按该精度取整） */
+    precision?: number;
+    width?: string;
+}
+export declare const MInputNumberPropsDefault: {
+    readonly disabled: false;
+    readonly readonly: false;
+    readonly clearable: false;
+    readonly size: "default";
+    readonly controls: "right";
+    readonly step: 1;
+};

package/dist/miao-design.css

@@ -0,0 +1,2 @@
+:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--m-primary-rgb:25 118 210;--m-primary:#1976d2;--m-primary-hover:#1565c0;--m-primary-light:#42a5f5;--m-primary-contrast:#fff;--m-secondary-rgb:156 39 176;--m-secondary:#9c27b0;--m-secondary-hover:#7b1fa2;--m-secondary-light:#ba68c8;--m-secondary-contrast:#fff;--m-success-rgb:46 125 50;--m-success:#2e7d32;--m-success-hover:#1b5e20;--m-success-light:#4caf50;--m-success-contrast:#fff;--m-warning-rgb:237 108 2;--m-warning:#ed6c02;--m-warning-hover:#e65100;--m-warning-light:#ff9800;--m-warning-contrast:#fff;--m-error-rgb:211 47 47;--m-error:#d32f2f;--m-error-hover:#c62828;--m-error-light:#ef5350;--m-error-contrast:#fff;--m-info-rgb:2 136 209;--m-info:#0288d1;--m-info-hover:#01579b;--m-info-light:#03a9f4;--m-info-contrast:#fff;--m-text-title:#000000de;--m-text-default:#000000de;--m-text-sub:#0009;--m-text-disabled:#00000061;--m-text-white:#fff;--m-border:#0000001f;--m-border-disabled:#00000042;--m-input-border:#0000003b;--m-placeholder-opacity:.42;--m-action-hover:#0000000a;--m-action-selected:#00000014;--m-action-disabled:#00000042;--m-action-disabled-bg:#0000001f;--m-action-focus:#0000001f;--m-paper:#fff;--m-card:#fff;--m-html:#fff;--m-mask:#00000080;--m-shadow-0:none;--m-shadow-1:0px 2px 1px -1px #0003, 0px 1px 1px 0px #00000024, 0px 1px 3px 0px #0000001f;--m-shadow-2:0px 3px 1px -2px #0003, 0px 2px 2px 0px #00000024, 0px 1px 5px 0px #0000001f;--m-shadow-3:0px 3px 3px -2px #0003, 0px 3px 4px 0px #00000024, 0px 1px 8px 0px #0000001f;--m-shadow-4:0px 2px 4px -1px #0003, 0px 4px 5px 0px #00000024, 0px 1px 10px 0px #0000001f;--m-shadow-6:0px 3px 5px -1px #0003, 0px 6px 10px 0px #00000024, 0px 1px 18px 0px #0000001f;--m-shadow-8:0px 5px 5px -3px #0003, 0px 8px 10px 1px #00000024, 0px 3px 14px 2px #0000001f;--m-shadow-12:0px 7px 8px -4px #0003, 0px 12px 17px 2px #00000024, 0px 5px 22px 4px #0000001f;--m-shadow-16:0px 8px 10px -5px #0003, 0px 16px 24px 2px #00000024, 0px 6px 30px 5px #0000001f;--m-shadow-24:0px 11px 15px -7px #0003, 0px 24px 38px 3px #00000024, 0px 9px 46px 8px #0000001f;--m-dialog-shadow:var(--m-shadow-24);--m-dropdown-shadow:var(--m-shadow-8);--m-radius:4px;--m-font-family:"Roboto", "Helvetica", "Arial", sans-serif;--m-font-weight-medium:500;--m-ease-in-out:cubic-bezier(.4, 0, .2, 1);--m-ease-out:cubic-bezier(0, 0, .2, 1);--m-ease-in:cubic-bezier(.4, 0, 1, 1);--m-ease-sharp:cubic-bezier(.4, 0, .6, 1);--m-dur-shortest:.15s;--m-dur-shorter:.2s;--m-dur-short:.25s;--m-dur-standard:.3s;--m-dur-complex:.375s;--m-dur-entering:.225s;--m-dur-leaving:.195s;--m-z-modal:1300;--m-z-menu:1301;--m-z-tooltip:1500;--m-z-toast:1600;--m-size-default:36px;--m-size-small:28px;--m-size-large:48px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--m-primary-rgb:144 202 249;--m-primary:#90caf9;--m-primary-hover:#42a5f5;--m-primary-light:#e3f2fd;--m-primary-contrast:#000000de;--m-secondary-rgb:206 147 216;--m-secondary:#ce93d8;--m-secondary-hover:#ab47bc;--m-secondary-light:#f3e5f5;--m-secondary-contrast:#000000de;--m-success-rgb:102 187 106;--m-success:#66bb6a;--m-success-hover:#4caf50;--m-success-light:#e8f5e9;--m-success-contrast:#000000de;--m-warning-rgb:255 167 38;--m-warning:#ffa726;--m-warning-hover:#ff9800;--m-warning-light:#fff3e0;--m-warning-contrast:#000000de;--m-error-rgb:244 67 54;--m-error:#f44336;--m-error-hover:#e53935;--m-error-light:#ffebee;--m-error-contrast:#fff;--m-info-rgb:41 182 246;--m-info:#29b6f6;--m-info-hover:#03a9f4;--m-info-light:#e1f5fe;--m-info-contrast:#000000de;--m-text-title:#fff;--m-text-default:#fff;--m-text-sub:#ffffffb3;--m-text-disabled:#ffffff80;--m-text-white:#fff;--m-border:#ffffff1f;--m-border-disabled:#ffffff4d;--m-input-border:#ffffff3b;--m-placeholder-opacity:.5;--m-action-hover:#ffffff14;--m-action-selected:#ffffff29;--m-action-disabled:#ffffff4d;--m-action-disabled-bg:#ffffff1f;--m-action-focus:#ffffff1f;--m-paper:#121212;--m-card:#1e1e1e;--m-html:#121212;--m-mask:#00000080;--m-shadow-0:none;--m-shadow-1:0px 2px 1px -1px #0006, 0px 1px 1px 0px #00000047, 0px 1px 3px 0px #0000003d;--m-shadow-2:0px 3px 1px -2px #0006, 0px 2px 2px 0px #00000047, 0px 1px 5px 0px #0000003d;--m-shadow-4:0px 2px 4px -1px #0006, 0px 4px 5px 0px #00000047, 0px 1px 10px 0px #0000003d;--m-shadow-6:0px 3px 5px -1px #0006, 0px 6px 10px 0px #00000047, 0px 1px 18px 0px #0000003d;--m-shadow-8:0px 5px 5px -3px #0006, 0px 8px 10px 1px #00000047, 0px 3px 14px 2px #0000003d;--m-shadow-24:0px 11px 15px -7px #0009, 0px 24px 38px 3px #0000006b, 0px 9px 46px 8px #0000005c;--m-dialog-shadow:var(--m-shadow-24);--m-dropdown-shadow:var(--m-shadow-8)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{transition:background-color .2s}*{-webkit-tap-highlight-color:transparent}.m-ripple{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.m-ripple-wave{pointer-events:none;opacity:0;border-radius:50%;position:absolute}.m-ripple-wave--active{opacity:.3;animation:m-ripple-enter var(--m-ripple-duration,.55s) cubic-bezier(.4, 0, .2, 1);transform:scale(1)}.m-ripple-wave--pulsate{opacity:.3;animation:.2s cubic-bezier(.4,0,.2,1) m-ripple-enter;transform:scale(1)}.m-ripple-child{opacity:1;background-color:currentColor;border-radius:50%;width:100%;height:100%;display:block}.m-ripple-child--leaving{opacity:0;animation:m-ripple-exit var(--m-ripple-duration,.55s) cubic-bezier(.4, 0, .2, 1)}.m-ripple-child--pulsate{animation:2.5s cubic-bezier(.4,0,.2,1) .2s infinite m-ripple-pulsate}@keyframes m-ripple-enter{0%{transform:scale(var(--m-ripple-initial-scale,0));opacity:.1}to{opacity:.3;transform:scale(1)}}@keyframes m-ripple-exit{0%{opacity:1}to{opacity:0}}@keyframes m-ripple-pulsate{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.m-ripple-wave--active,.m-ripple-wave--pulsate,.m-ripple-child--leaving,.m-ripple-child--pulsate{animation:none}}
+/*$vite$:1*/