@fastkit/vui 0.3.6 → 0.4.0

package/dist/assets/builtins/color-scheme.ts

@@ -0,0 +1,9 @@
+import { createSimpleColorScheme } from '@fastkit/color-scheme-gen';
+
+const scheme = createSimpleColorScheme({
+  // primary: '#28bebd',
+  // secondary: '#484d55',
+  // default: '#2f495e',
+});
+
+export default scheme;

package/dist/assets/builtins/media-match.ts

@@ -0,0 +1,3 @@
+import { createRecommendedSettings } from '@fastkit/media-match-gen';
+
+export default createRecommendedSettings();

package/dist/tool/index.d.ts

@@ -0,0 +1,3 @@
+export * from './vite-plugin';
+export * from './nuxt-module';
+//# sourceMappingURL=index.d.ts.map

package/dist/tool/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/vui/src/tool/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/tool/index.js

@@ -0,0 +1,205 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var viteKit = require('@fastkit/vite-kit');
+var path = require('path');
+var fs = require('fs-extra');
+var nodeUtil = require('@fastkit/node-util');
+var kit = require('@nuxt/kit');
+var tinyLogger = require('@fastkit/tiny-logger');
+var eta = require('eta');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
+
+var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
+var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
+
+const COLOR_DUMP_STYLE = `@include dump-color-scheme(true);`;
+async function defaultDynamicDest() {
+    const pkgDir = await nodeUtil.findPackageDir();
+    if (!pkgDir) {
+        throw new Error(`missing package directory`);
+    }
+    return path__default.join(pkgDir, '.vui');
+}
+async function getBuiltinsDir() {
+    const cwd = process.cwd();
+    const pkgDir = await nodeUtil.findPackageDir();
+    if (!pkgDir) {
+        throw new Error(`missing package directory`);
+    }
+    // For development...
+    if (/\/packages\/_docs/.test(cwd)) {
+        const result = path__default.resolve(cwd, '../vui/src/assets/builtins');
+        return result;
+    }
+    return path__default.join(pkgDir, 'node_modules/@fastkit/vui/dist/assets/builtins');
+}
+async function ViteVuiPlugin(options = {}) {
+    const plugins = [];
+    const builtinsDir = await getBuiltinsDir();
+    const { colorScheme = path__default.join(builtinsDir, 'color-scheme'), mediaMatch = path__default.join(builtinsDir, 'media-match'), iconFont, iconFontDefaults, onBooted, onBootError, colors = {
+        primary: 'primary',
+        error: 'error',
+    }, icons = {
+        menuDown: 'mdi-menu-down',
+    }, __dev, } = options;
+    let { dynamicDest } = options;
+    if (!dynamicDest) {
+        if (options.__dev) {
+            dynamicDest = path__default.resolve(__dirname, '../../../_docs/src/.vui');
+        }
+        else {
+            dynamicDest = await defaultDynamicDest();
+        }
+    }
+    const colorSchemeSrc = path__default.resolve(colorScheme);
+    const colorSchemeDest = path__default.join(dynamicDest, 'color-scheme');
+    const mediaMatchDest = path__default.join(dynamicDest, 'media-match');
+    const dts = `
+/// <reference path="./color-scheme/color-scheme.info.ts" />
+/// <reference path="./icon-font/index.ts" />
+/// <reference path="./media-match/media-match.ts" />
+export {};
+  `.trim();
+    await fs__default.ensureDir(dynamicDest);
+    await fs__default.writeFile(path__default.join(dynamicDest, 'setup.scss'), COLOR_DUMP_STYLE);
+    await fs__default.writeFile(path__default.join(dynamicDest, 'vui.d.ts'), dts);
+    let iconFontEntries = iconFont || [
+        {
+            src: '@mdi',
+        },
+    ];
+    if (iconFontDefaults) {
+        iconFontEntries = iconFontEntries.map((entry) => {
+            return {
+                ...iconFontDefaults,
+                ...entry,
+            };
+        });
+    }
+    plugins.push(viteKit.dynamicSrcVitePlugin({
+        colorScheme: {
+            src: colorSchemeSrc,
+            dest: colorSchemeDest,
+        },
+        mediaMatch: {
+            src: path__default.resolve(mediaMatch),
+            dest: mediaMatchDest,
+        },
+        iconFont: {
+            entries: iconFontEntries,
+            dest: path__default.join(dynamicDest, 'icon-font'),
+        },
+        onBooted,
+        onBootError,
+    }));
+    const plugin = {
+        name: 'vite:vui',
+        enforce: 'pre',
+        config(config) {
+            const ssr = config.ssr || {};
+            ssr.noExternal = ssr.noExternal || [];
+            ssr.noExternal.push(/\/vui\/dist\/assets\//);
+            // ssr.noExternal.push(/\/fastkit\//);
+            config.ssr = ssr;
+            return config;
+        },
+    };
+    plugins.push(plugin);
+    return {
+        plugins,
+        dest: dynamicDest,
+        settings: {
+            colorScheme: path__default.join(colorSchemeDest, 'color-scheme.info'),
+            mediaMatch: path__default.join(mediaMatchDest, 'media-match'),
+            colors,
+            icons,
+            __dev,
+        },
+    };
+}
+
+const name = 'vui';
+new tinyLogger.TinyLogger(name);
+const VuiError = tinyLogger.createTinyError(name);
+
+const TEMPLATE = `
+/* eslint-disable */
+// @ts-nocheck
+import { defineNuxtPlugin } from '#app';
+import { installVuiPlugin } from '@fastkit/vui';
+import { colorScheme } from '<%~ it.colorScheme %>';
+import '<%~ it.mediaMatch %>';
+
+export const VuiPlugin = defineNuxtPlugin(nuxt => {
+  installVuiPlugin(nuxt.vueApp, {
+    colorScheme,
+    colors: <%~ it.colors %>,
+    icons: <%~ it.icons %>,
+  });
+});
+
+export default VuiPlugin;
+`.trim();
+async function renderTemplate({ colorScheme, mediaMatch, colors, icons, }) {
+    const result = await eta.render(TEMPLATE, {
+        colorScheme,
+        mediaMatch,
+        colors: JSON.stringify(colors),
+        icons: JSON.stringify(icons),
+    }, { async: true });
+    if (!result) {
+        throw new VuiError('template render error.');
+    }
+    return result;
+}
+const VuiModule = kit.defineNuxtModule({
+    async setup(options, nuxt) {
+        const { options: nuxtOptions } = nuxt;
+        nuxtOptions.build.transpile.push(/imask/);
+        let vite = nuxtOptions.vite;
+        if (vite === false) {
+            throw new VuiError(`vui needs vite.`);
+        }
+        if (!vite || vite === true) {
+            vite = {};
+        }
+        vite.plugins = vite.plugins || [];
+        const { iconFontDefaults } = options;
+        const { plugins, settings, dest } = await ViteVuiPlugin({
+            ...options,
+            iconFontDefaults: {
+                // @TODO url() import was broken...
+                absolutePath: true,
+                ...iconFontDefaults,
+            },
+        });
+        vite.plugins.push(...plugins);
+        nuxtOptions.vite = vite;
+        nuxtOptions.css.push(`@fastkit/vue-stack/dist/vue-stack.css`, `@fastkit/vue-app-layout/dist/vue-app-layout.css`, path__default.join(dest, 'icon-font/index.css'), `@fastkit/vui/dist/vui.css`, path__default.join(dest, 'setup.scss'));
+        if (options.__dev) {
+            const destPath = path__default.resolve(__dirname, '../../../_docs/src/.vui', 'nuxt-vui-plugin.ts');
+            await fs__default.ensureDir(path__default.dirname(destPath));
+            fs__default.writeFile(destPath, 
+            // path.join(dest, 'vui-installer.ts'),
+            await renderTemplate(settings));
+        }
+        else {
+            kit.addPluginTemplate({
+                src: '',
+                filename: 'nuxt-vui-plugin.ts',
+                getContents: (data) => renderTemplate(settings),
+                write: true,
+            });
+        }
+    },
+});
+function useVuiModule(options) {
+    return [VuiModule, options];
+}
+
+exports.ViteVuiPlugin = ViteVuiPlugin;
+exports.VuiModule = VuiModule;
+exports.useVuiModule = useVuiModule;

package/dist/tool/nuxt-module.d.ts

@@ -0,0 +1,8 @@
+import { LegacyNuxtModule } from '@nuxt/kit';
+import { ViteVuiPluginOptions } from './vite-plugin';
+export interface VuiModuleOptions extends ViteVuiPluginOptions {
+}
+export declare const VuiModule: LegacyNuxtModule;
+export declare function useVuiModule(options?: VuiModuleOptions): (VuiModuleOptions | LegacyNuxtModule | undefined)[];
+export default VuiModule;
+//# sourceMappingURL=nuxt-module.d.ts.map

package/dist/tool/nuxt-module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nuxt-module.d.ts","sourceRoot":"","sources":["../../../../../../../packages/vui/src/tool/nuxt-module.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,oBAAoB,EAErB,MAAM,eAAe,CAAC;AAgDvB,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;CAAG;AAEjE,eAAO,MAAM,SAAS,sCA0DpB,CAAC;AAEH,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,gBAAgB,2EAEtD;AAED,eAAe,SAAS,CAAC"}

package/dist/tool/vite-plugin.d.ts

@@ -0,0 +1,25 @@
+import { Plugin } from 'vite';
+import { RawIconFontEntry, IconFontSettings } from '@fastkit/icon-font-gen';
+import { VuiServiceOptions } from '@fastkit/vui';
+export interface ViteVuiPluginOptions extends Partial<Pick<VuiServiceOptions, 'colors' | 'icons'>> {
+    dynamicDest?: string;
+    colorScheme?: string;
+    mediaMatch?: string;
+    iconFont?: RawIconFontEntry[];
+    iconFontDefaults?: IconFontSettings;
+    onBooted?: () => any;
+    onBootError?: (err: unknown) => any;
+    __dev?: boolean;
+}
+export interface ViteVuiPluginResultSettings extends Pick<VuiServiceOptions, 'colors' | 'icons'> {
+    colorScheme: string;
+    mediaMatch: string;
+    __dev?: boolean;
+}
+export interface ViteVuiPluginResult {
+    settings: ViteVuiPluginResultSettings;
+    plugins: (Plugin | Plugin[])[];
+    dest: string;
+}
+export declare function ViteVuiPlugin(options?: ViteVuiPluginOptions): Promise<ViteVuiPluginResult>;
+//# sourceMappingURL=vite-plugin.d.ts.map

package/dist/tool/vite-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin.d.ts","sourceRoot":"","sources":["../../../../../../../packages/vui/src/tool/vite-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAK9B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AA4BjD,MAAM,WAAW,oBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,GAAG,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAGD,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,OAAO,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,2BAA2B,CAAC;IACtC,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAsB,aAAa,CACjC,OAAO,GAAE,oBAAyB,GACjC,OAAO,CAAC,mBAAmB,CAAC,CAyG9B"}

package/dist/vui.cjs.js

@@ -132,7 +132,7 @@ const VFormControl = vue.defineComponent({
         }
       }, [label, control.required && vui.getRequiredChip()]), vue.createVNode("div", {
         "class": "v-form-control__body"
-      }, [vue.renderSlot(ctx.slots, 'default', control), vue.createVNode("div", {
+      }, [vueKit.renderSlotOrEmpty(ctx.slots, 'default', control), vue.createVNode("div", {
         "class": "v-form-control__info"
       }, [!!message && vue.createVNode("div", {
         "class": "v-form-control__message"
@@ -200,7 +200,7 @@ function defineFormSelectorComponent(opts) {
           slots: {
             default: () => attrs.label(this.selectorControl)
           }
-        })), vue.renderSlot(this.$slots, 'default')])
+        })), vueKit.renderSlotOrEmpty(this.$slots, 'default')])
       });
     }
 
@@ -305,11 +305,11 @@ const VCheckable = vue.defineComponent({
       "class": ['v-checkable', classes.value]
     }, [vue.createVNode("span", {
       "class": "v-checkable__faux"
-    }, [vue.renderSlot(ctx.slots, 'input'), ctx.slots.icon ? vue.renderSlot(ctx.slots, 'icon') : vue.createVNode("span", {
+    }, [vueKit.renderSlotOrEmpty(ctx.slots, 'input'), ctx.slots.icon ? vueKit.renderSlotOrEmpty(ctx.slots, 'icon') : vue.createVNode("span", {
       "class": "v-checkable__faux__icon"
-    }, [vue.renderSlot(ctx.slots, 'faux')])]), vue.createVNode("span", {
+    }, [vueKit.renderSlotOrEmpty(ctx.slots, 'faux')])]), vue.createVNode("span", {
       "class": "v-checkable__label"
-    }, [vue.renderSlot(ctx.slots, 'label')])]);
+    }, [vueKit.renderSlotOrEmpty(ctx.slots, 'label')])]);
   }
 
 });
@@ -360,7 +360,7 @@ const VCheckbox = vue.defineComponent({
       faux: () => vue.createVNode("span", {
         "class": "v-checkbox__faux"
       }, null),
-      label: () => vue.renderSlot(this.$slots, 'default')
+      label: () => vueKit.renderSlotOrEmpty(this.$slots, 'default')
     });
   }
 
@@ -424,7 +424,7 @@ const VRadio = vue.defineComponent({
       faux: () => vue.createVNode("span", {
         "class": "v-radio__faux"
       }, null),
-      label: () => vue.renderSlot(this.$slots, 'default')
+      label: () => vueKit.renderSlotOrEmpty(this.$slots, 'default')
     });
   }
 
@@ -463,6 +463,12 @@ const VSwitch = vue.defineComponent({
       parentNodeType: VUI_SWITCH_GROUP_SYMBOL
     });
     const control = useControl(props);
+
+    if (typeof window !== 'undefined') {
+      window.yy = {};
+      window.yy[String(Date.now())] = nodeControl;
+    }
+
     return { ...nodeControl.expose(),
       ...control
     };
@@ -475,7 +481,8 @@ const VSwitch = vue.defineComponent({
     return vue.createVNode(VCheckable, {
       "class": ['v-switch', {
         'v-switch--selected': selectorItemControl.selected,
-        'v-switch--disabled': selectorItemControl.isDisabled
+        'v-switch--disabled': selectorItemControl.isDisabled,
+        xxxxx: selectorItemControl.booted
       }, this.classes],
       "checked": this.selected,
       "invalid": this.invalid,
@@ -490,7 +497,7 @@ const VSwitch = vue.defineComponent({
       }, [vue.createVNode("span", {
         "class": "v-switch__faux__pin"
       }, null)]),
-      label: () => vue.renderSlot(this.$slots, 'default')
+      label: () => vueKit.renderSlotOrEmpty(this.$slots, 'default')
     });
   }
 
@@ -552,7 +559,7 @@ const VOption = vue.defineComponent({
       "onClick": selectorItemControl.handleClickElement
     }, [vue.createVNode("span", {
       "class": "v-option__label"
-    }, [vue.renderSlot(this.$slots, 'default')])]);
+    }, [vueKit.renderSlotOrEmpty(this.$slots, 'default')])]);
   }
 
 });
@@ -594,7 +601,7 @@ const VOptionGroup = vue.defineComponent({
       "class": classes
     }, [!!label && vue.createVNode("div", {
       "class": "v-option-group__label"
-    }, [label]), vue.renderSlot(this.$slots, 'default')]);
+    }, [label]), vueKit.renderSlotOrEmpty(this.$slots, 'default')]);
   }
 
 });
@@ -688,7 +695,7 @@ const VControlField = vue.defineComponent({
       "ref": this.hostElRef()
     }, [this.renderAdornment('start'), vue.createVNode("div", {
       "class": "v-control-field__body"
-    }, [vue.renderSlot(this.$slots, 'default')]), this.renderAdornment('end')]);
+    }, [vueKit.renderSlotOrEmpty(this.$slots, 'default')]), this.renderAdornment('end')]);
   }
 
 });
@@ -868,7 +875,7 @@ const VTextCounter = vue.defineComponent({
   render() {
     return vue.createVNode("span", {
       "class": "v-text-counter"
-    }, [this.length, vue.createTextVNode(" / "), this.maxlength]);
+    }, [`${this.length} / ${this.maxlength}`]);
   }
 
 });
@@ -1051,6 +1058,20 @@ const VForm = vue.defineComponent({
 
 });
 
+const VTest = vue.defineComponent({
+  name: 'VTest',
+
+  render() {
+    return vue.createVNode("input", {
+      "type": "checkbox",
+      "onChange": ev => {
+        console.log(ev);
+      }
+    }, null);
+  }
+
+});
+
 const DEFAULT_AUTO_SCROLL_TO_ELEMENT_OFFSET_TOP = -20;
 const DEFAULT_TEXTAREA_ROWS = 3;
 class VuiService {
@@ -1136,6 +1157,7 @@ exports.VRadioGroup = VRadioGroup;
 exports.VSelect = VSelect;
 exports.VSwitch = VSwitch;
 exports.VSwitchGroup = VSwitchGroup;
+exports.VTest = VTest;
 exports.VTextField = VTextField;
 exports.VTextarea = VTextarea;
 exports.VuiInjectionKey = VuiInjectionKey;

package/dist/vui.cjs.prod.js

@@ -132,7 +132,7 @@ const VFormControl = vue.defineComponent({
         }
       }, [label, control.required && vui.getRequiredChip()]), vue.createVNode("div", {
         "class": "v-form-control__body"
-      }, [vue.renderSlot(ctx.slots, 'default', control), vue.createVNode("div", {
+      }, [vueKit.renderSlotOrEmpty(ctx.slots, 'default', control), vue.createVNode("div", {
         "class": "v-form-control__info"
       }, [!!message && vue.createVNode("div", {
         "class": "v-form-control__message"
@@ -200,7 +200,7 @@ function defineFormSelectorComponent(opts) {
           slots: {
             default: () => attrs.label(this.selectorControl)
           }
-        })), vue.renderSlot(this.$slots, 'default')])
+        })), vueKit.renderSlotOrEmpty(this.$slots, 'default')])
       });
     }
 
@@ -305,11 +305,11 @@ const VCheckable = vue.defineComponent({
       "class": ['v-checkable', classes.value]
     }, [vue.createVNode("span", {
       "class": "v-checkable__faux"
-    }, [vue.renderSlot(ctx.slots, 'input'), ctx.slots.icon ? vue.renderSlot(ctx.slots, 'icon') : vue.createVNode("span", {
+    }, [vueKit.renderSlotOrEmpty(ctx.slots, 'input'), ctx.slots.icon ? vueKit.renderSlotOrEmpty(ctx.slots, 'icon') : vue.createVNode("span", {
       "class": "v-checkable__faux__icon"
-    }, [vue.renderSlot(ctx.slots, 'faux')])]), vue.createVNode("span", {
+    }, [vueKit.renderSlotOrEmpty(ctx.slots, 'faux')])]), vue.createVNode("span", {
       "class": "v-checkable__label"
-    }, [vue.renderSlot(ctx.slots, 'label')])]);
+    }, [vueKit.renderSlotOrEmpty(ctx.slots, 'label')])]);
   }
 
 });
@@ -360,7 +360,7 @@ const VCheckbox = vue.defineComponent({
       faux: () => vue.createVNode("span", {
         "class": "v-checkbox__faux"
       }, null),
-      label: () => vue.renderSlot(this.$slots, 'default')
+      label: () => vueKit.renderSlotOrEmpty(this.$slots, 'default')
     });
   }
 
@@ -424,7 +424,7 @@ const VRadio = vue.defineComponent({
       faux: () => vue.createVNode("span", {
         "class": "v-radio__faux"
       }, null),
-      label: () => vue.renderSlot(this.$slots, 'default')
+      label: () => vueKit.renderSlotOrEmpty(this.$slots, 'default')
     });
   }
 
@@ -463,6 +463,12 @@ const VSwitch = vue.defineComponent({
       parentNodeType: VUI_SWITCH_GROUP_SYMBOL
     });
     const control = useControl(props);
+
+    if (typeof window !== 'undefined') {
+      window.yy = {};
+      window.yy[String(Date.now())] = nodeControl;
+    }
+
     return { ...nodeControl.expose(),
       ...control
     };
@@ -475,7 +481,8 @@ const VSwitch = vue.defineComponent({
     return vue.createVNode(VCheckable, {
       "class": ['v-switch', {
         'v-switch--selected': selectorItemControl.selected,
-        'v-switch--disabled': selectorItemControl.isDisabled
+        'v-switch--disabled': selectorItemControl.isDisabled,
+        xxxxx: selectorItemControl.booted
       }, this.classes],
       "checked": this.selected,
       "invalid": this.invalid,
@@ -490,7 +497,7 @@ const VSwitch = vue.defineComponent({
       }, [vue.createVNode("span", {
         "class": "v-switch__faux__pin"
       }, null)]),
-      label: () => vue.renderSlot(this.$slots, 'default')
+      label: () => vueKit.renderSlotOrEmpty(this.$slots, 'default')
     });
   }
 
@@ -552,7 +559,7 @@ const VOption = vue.defineComponent({
       "onClick": selectorItemControl.handleClickElement
     }, [vue.createVNode("span", {
       "class": "v-option__label"
-    }, [vue.renderSlot(this.$slots, 'default')])]);
+    }, [vueKit.renderSlotOrEmpty(this.$slots, 'default')])]);
   }
 
 });
@@ -594,7 +601,7 @@ const VOptionGroup = vue.defineComponent({
       "class": classes
     }, [!!label && vue.createVNode("div", {
       "class": "v-option-group__label"
-    }, [label]), vue.renderSlot(this.$slots, 'default')]);
+    }, [label]), vueKit.renderSlotOrEmpty(this.$slots, 'default')]);
   }
 
 });
@@ -688,7 +695,7 @@ const VControlField = vue.defineComponent({
       "ref": this.hostElRef()
     }, [this.renderAdornment('start'), vue.createVNode("div", {
       "class": "v-control-field__body"
-    }, [vue.renderSlot(this.$slots, 'default')]), this.renderAdornment('end')]);
+    }, [vueKit.renderSlotOrEmpty(this.$slots, 'default')]), this.renderAdornment('end')]);
   }
 
 });
@@ -868,7 +875,7 @@ const VTextCounter = vue.defineComponent({
   render() {
     return vue.createVNode("span", {
       "class": "v-text-counter"
-    }, [this.length, vue.createTextVNode(" / "), this.maxlength]);
+    }, [`${this.length} / ${this.maxlength}`]);
   }
 
 });
@@ -1051,6 +1058,20 @@ const VForm = vue.defineComponent({
 
 });
 
+const VTest = vue.defineComponent({
+  name: 'VTest',
+
+  render() {
+    return vue.createVNode("input", {
+      "type": "checkbox",
+      "onChange": ev => {
+        console.log(ev);
+      }
+    }, null);
+  }
+
+});
+
 const DEFAULT_AUTO_SCROLL_TO_ELEMENT_OFFSET_TOP = -20;
 const DEFAULT_TEXTAREA_ROWS = 3;
 class VuiService {
@@ -1136,6 +1157,7 @@ exports.VRadioGroup = VRadioGroup;
 exports.VSelect = VSelect;
 exports.VSwitch = VSwitch;
 exports.VSwitchGroup = VSwitchGroup;
+exports.VTest = VTest;
 exports.VTextField = VTextField;
 exports.VTextarea = VTextarea;
 exports.VuiInjectionKey = VuiInjectionKey;

package/dist/vui.css

@@ -2,6 +2,7 @@
  * Forked from
  * normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css
  */
+/* stylelint-disable property-no-vendor-prefix */
 /* Document
    ========================================================================== */
 *,

package/dist/vui.d.ts

@@ -4,6 +4,7 @@ import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { ComputedRef } from 'vue';
 import { DefineComponent } from 'vue';
+import { EmitsOptions } from 'vue';
 import { ExtractPropTypes } from 'vue';
 import { FormAction } from '@fastkit/vue-kit';
 import { FormAutoCapitalize } from '@fastkit/vue-kit';
@@ -15,7 +16,7 @@ import { FormSelectorItemControl } from '@fastkit/vue-kit';
 import { FormSelectorItemData } from '@fastkit/vue-kit';
 import { FormSelectorItemGroupControl } from '@fastkit/vue-kit';
 import { FormSelectorValue } from '@fastkit/vue-kit';
-import { ICON_NAMES } from '@fastkit/icon-font';
+import {  ICON_NAMES , IconName } from '@fastkit/icon-font';
 import { IconName } from '@fastkit/icon-font';
 import { IMaskEvent } from '@fastkit/vue-kit';
 import { IMaskTypedValue } from '@fastkit/vue-kit';
@@ -45,7 +46,7 @@ import { VNodeChild } from 'vue';
 import { VNodeChildOrSlot } from '@fastkit/vue-kit';
 import { VNodeProps } from 'vue';
 import { VSnackbar } from '@fastkit/vue-kit';
-import { VueColorSchemePluginSettings } from '@fastkit/vue-kit';
+import type { VueColorSchemePluginSettings } from '@fastkit/vue-kit';
 import { VueForm } from '@fastkit/vue-kit';
 import { VueStackServiceOptions } from '@fastkit/vue-kit';
 import { WritableComputedRef } from 'vue';
@@ -933,7 +934,7 @@ export declare interface VFormSlots {
 
 export declare const VIcon: DefineComponent<{
     name: {
-        type: PropType<string>;
+        type: PropType<IconName>;
         required: true;
     };
     rotate: {
@@ -945,7 +946,7 @@ export declare const VIcon: DefineComponent<{
     name?: unknown;
     rotate?: unknown;
 } & {
-    name: string;
+    name: IconName;
 } & {
     rotate?: number | undefined;
 }> & {
@@ -1526,7 +1527,7 @@ export declare const VSelect: DefineComponent<{
     error: BooleanConstructor;
     errorMessages: PropType<string | string[]>;
 }, {
-    iconName: string;
+    iconName: IconName;
     menuOpened: Ref<boolean>;
     fieldRef: () => Ref<HTMLElement | null>;
     focus: (opts?: FocusOptions | undefined) => void;
@@ -2040,6 +2041,8 @@ export declare const VSwitchGroup: DefineComponent<{
     stacked: boolean;
 }>;
 
+export declare const VTest: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+
 export declare const VTextarea: DefineComponent<{
     'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
     size: {

package/dist/vui.esm-bundler.js

@@ -1,7 +1,7 @@
-import { createPropsOptions, createFormControlSettings, defineSlotsProps, useFormControl, createFormSelectorSettings, createFormControlProps, useFormSelectorControl, createFormSelectorItemSettings, useFormSelectorItemControl, createFormSelectorItemGroupProps, useFormSelectorItemGroupControl, resolveVNodeChildOrSlots, useParentFormNode, renderSlotOrEmpty, VMenu, createTextInputSettings, useTextInputControl, createTextareaSettings, useTextareaControl, createFormSettings, useForm, getDocumentScroller, VueColorSchemePlugin, installVueStackPlugin } from '@fastkit/vue-kit';
+import { createPropsOptions, createFormControlSettings, defineSlotsProps, useFormControl, renderSlotOrEmpty, createFormSelectorSettings, createFormControlProps, useFormSelectorControl, createFormSelectorItemSettings, useFormSelectorItemControl, createFormSelectorItemGroupProps, useFormSelectorItemGroupControl, resolveVNodeChildOrSlots, useParentFormNode, VMenu, createTextInputSettings, useTextInputControl, createTextareaSettings, useTextareaControl, createFormSettings, useForm, getDocumentScroller, VueColorSchemePlugin, installVueStackPlugin } from '@fastkit/vue-kit';
 export * from '@fastkit/vue-kit';
 export { VStackBtn as VButton, VDialog, VMenu, VSnackbar } from '@fastkit/vue-kit';
-import { inject, computed, provide, defineComponent, createVNode, renderSlot, isVNode, ref, withDirectives, vModelSelect, createTextVNode } from 'vue';
+import { inject, computed, provide, defineComponent, createVNode, isVNode, ref, withDirectives, vModelSelect } from 'vue';
 export { ICON_NAMES } from '@fastkit/icon-font';
 
 const CONTROL_SIZES = ['sm', 'md', 'lg'];
@@ -130,7 +130,7 @@ const VFormControl = defineComponent({
         }
       }, [label, control.required && vui.getRequiredChip()]), createVNode("div", {
         "class": "v-form-control__body"
-      }, [renderSlot(ctx.slots, 'default', control), createVNode("div", {
+      }, [renderSlotOrEmpty(ctx.slots, 'default', control), createVNode("div", {
         "class": "v-form-control__info"
       }, [!!message && createVNode("div", {
         "class": "v-form-control__message"
@@ -198,7 +198,7 @@ function defineFormSelectorComponent(opts) {
           slots: {
             default: () => attrs.label(this.selectorControl)
           }
-        })), renderSlot(this.$slots, 'default')])
+        })), renderSlotOrEmpty(this.$slots, 'default')])
       });
     }
 
@@ -303,11 +303,11 @@ const VCheckable = defineComponent({
       "class": ['v-checkable', classes.value]
     }, [createVNode("span", {
       "class": "v-checkable__faux"
-    }, [renderSlot(ctx.slots, 'input'), ctx.slots.icon ? renderSlot(ctx.slots, 'icon') : createVNode("span", {
+    }, [renderSlotOrEmpty(ctx.slots, 'input'), ctx.slots.icon ? renderSlotOrEmpty(ctx.slots, 'icon') : createVNode("span", {
       "class": "v-checkable__faux__icon"
-    }, [renderSlot(ctx.slots, 'faux')])]), createVNode("span", {
+    }, [renderSlotOrEmpty(ctx.slots, 'faux')])]), createVNode("span", {
       "class": "v-checkable__label"
-    }, [renderSlot(ctx.slots, 'label')])]);
+    }, [renderSlotOrEmpty(ctx.slots, 'label')])]);
   }
 
 });
@@ -358,7 +358,7 @@ const VCheckbox = defineComponent({
       faux: () => createVNode("span", {
         "class": "v-checkbox__faux"
       }, null),
-      label: () => renderSlot(this.$slots, 'default')
+      label: () => renderSlotOrEmpty(this.$slots, 'default')
     });
   }
 
@@ -422,7 +422,7 @@ const VRadio = defineComponent({
       faux: () => createVNode("span", {
         "class": "v-radio__faux"
       }, null),
-      label: () => renderSlot(this.$slots, 'default')
+      label: () => renderSlotOrEmpty(this.$slots, 'default')
     });
   }
 
@@ -461,6 +461,12 @@ const VSwitch = defineComponent({
       parentNodeType: VUI_SWITCH_GROUP_SYMBOL
     });
     const control = useControl(props);
+
+    if (typeof window !== 'undefined') {
+      window.yy = {};
+      window.yy[String(Date.now())] = nodeControl;
+    }
+
     return { ...nodeControl.expose(),
       ...control
     };
@@ -473,7 +479,8 @@ const VSwitch = defineComponent({
     return createVNode(VCheckable, {
       "class": ['v-switch', {
         'v-switch--selected': selectorItemControl.selected,
-        'v-switch--disabled': selectorItemControl.isDisabled
+        'v-switch--disabled': selectorItemControl.isDisabled,
+        xxxxx: selectorItemControl.booted
       }, this.classes],
       "checked": this.selected,
       "invalid": this.invalid,
@@ -488,7 +495,7 @@ const VSwitch = defineComponent({
       }, [createVNode("span", {
         "class": "v-switch__faux__pin"
       }, null)]),
-      label: () => renderSlot(this.$slots, 'default')
+      label: () => renderSlotOrEmpty(this.$slots, 'default')
     });
   }
 
@@ -550,7 +557,7 @@ const VOption = defineComponent({
       "onClick": selectorItemControl.handleClickElement
     }, [createVNode("span", {
       "class": "v-option__label"
-    }, [renderSlot(this.$slots, 'default')])]);
+    }, [renderSlotOrEmpty(this.$slots, 'default')])]);
   }
 
 });
@@ -592,7 +599,7 @@ const VOptionGroup = defineComponent({
       "class": classes
     }, [!!label && createVNode("div", {
       "class": "v-option-group__label"
-    }, [label]), renderSlot(this.$slots, 'default')]);
+    }, [label]), renderSlotOrEmpty(this.$slots, 'default')]);
   }
 
 });
@@ -686,7 +693,7 @@ const VControlField = defineComponent({
       "ref": this.hostElRef()
     }, [this.renderAdornment('start'), createVNode("div", {
       "class": "v-control-field__body"
-    }, [renderSlot(this.$slots, 'default')]), this.renderAdornment('end')]);
+    }, [renderSlotOrEmpty(this.$slots, 'default')]), this.renderAdornment('end')]);
   }
 
 });
@@ -866,7 +873,7 @@ const VTextCounter = defineComponent({
   render() {
     return createVNode("span", {
       "class": "v-text-counter"
-    }, [this.length, createTextVNode(" / "), this.maxlength]);
+    }, [`${this.length} / ${this.maxlength}`]);
   }
 
 });
@@ -1049,6 +1056,20 @@ const VForm = defineComponent({
 
 });
 
+const VTest = defineComponent({
+  name: 'VTest',
+
+  render() {
+    return createVNode("input", {
+      "type": "checkbox",
+      "onChange": ev => {
+        console.log(ev);
+      }
+    }, null);
+  }
+
+});
+
 const DEFAULT_AUTO_SCROLL_TO_ELEMENT_OFFSET_TOP = -20;
 const DEFAULT_TEXTAREA_ROWS = 3;
 class VuiService {
@@ -1116,4 +1137,4 @@ function installVuiPlugin(app, opts) {
     return app.use(VuiPlugin, opts);
 }
 
-export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, VCheckbox, VCheckboxGroup, VForm, VIcon, VOption, VOptionGroup, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTextField, VTextarea, VuiInjectionKey, VuiPlugin, VuiService, createControlFieldProviderProps, createControlProps, defineFormSelectorComponent, installVuiPlugin, useControl, useControlField, useVui, useVuiColorProvider };
+export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, VCheckbox, VCheckboxGroup, VForm, VIcon, VOption, VOptionGroup, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTest, VTextField, VTextarea, VuiInjectionKey, VuiPlugin, VuiService, createControlFieldProviderProps, createControlProps, defineFormSelectorComponent, installVuiPlugin, useControl, useControlField, useVui, useVuiColorProvider };

package/dist/vui.min.css.map

@@ -1 +1 @@
-{"version":3,"sources":["index.scss","form-selector.scss","VFormControl.scss","VIcon.scss","VCheckbox.scss","VCheckable.scss","VRadio.scss","VSwitch.scss","VOption.scss","VOptionGroup.scss","VSelect.scss","VControlField.scss","VTextField.scss","VTextCounter.scss","VTextarea.scss"],"names":[],"mappings":"AAAA;;;EAGE,CAGF,iBAGE,qBACF,CAMA,KAGE,6BAA8B,CAF9B,gBAIF,CAOA,KACE,QACF,CAKA,KACE,aACF,CAMA,GAEE,aAAc,CADd,cAEF,CAQA,GACE,QAAS,CAET,gBAEF,CAMA,IAEE,+BAAiC,CAEjC,aAEF,CAOA,EACE,4BACF,CAMA,YAKE,kBAAmB,CAJnB,yBAA0B,CAE1B,gCAIF,CAKA,SAEE,kBACF,CAMA,cAIE,+BAAiC,CAEjC,aAEF,CAKA,MACE,aACF,CAMA,QAGE,aAAc,CACd,aAAc,CAFd,iBAAkB,CAGlB,uBACF,CAEA,IACE,aACF,CAEA,IACE,SACF,CAOA,IACE,iBACF,CAQA,sCAaE,aAAc,CANd,mBAAoB,CAEpB,cAAe,CAEf,gBAAiB,CANjB,QASF,CAMA,aAGE,gBACF,CAMA,cAGE,mBACF,CAKA,gDAIE,yBACF,CAKA,wHAKE,iBAAkB,CADlB,SAEF,CAKA,4GAIE,6BACF,CAKA,SACE,0BACF,CAQA,OAOE,aAAc,CANd,aAAc,CAEd,cAAe,CAEf,SAAU,CAIV,kBAEF,CAKA,SACE,uBACF,CAKA,SACE,aACF,CAMA,6BAEE,SAEF,CAKA,kFAEE,WACF,CAMA,cACE,4BAA6B,CAE7B,mBAEF,CAKA,yCACE,uBACF,CAMA,6BACE,yBAA0B,CAE1B,YAEF,CAOA,QACE,aACF,CAKA,QACE,iBACF,CAcA,kBACE,YACF,CAEA,MACE,cAAe,CACf,kBAAmB,CACnB,yGACqC,CACrC,sDAAwD,CACxD,kFACwB,CACxB,qBAAsB,CACtB,sBAAuB,CACvB,sBAAuB,CACvB,uBAAwB,CACxB,qBAAsB,CACtB,oBAAqB,CACrB,mCAAoC,CACpC,qBAAsB,CACtB,uBAAwB,CACxB,sCAAuC,CACvC,uBAAwB,CACxB,oBAAqB,CACrB,oBAAqB,CACrB,qBAAsB,CACtB,4BAA6B,CAC7B,sCAAuC,CACvC,sBAAuB,CACvB,oBAAqB,CACrB,oBAAqB,CACrB,qBAAsB,CACtB,4BAA6B,CAC7B,sCAAuC,CACvC,sBAAuB,CACvB,oBAAqB,CACrB,oBAAqB,CACrB,qBAAsB,CACtB,4BAA6B,CAC7B,sCAAuC,CACvC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,4BAA6B,CAC7B,sCAAuC,CACvC,sBAAuB,CACvB,oBAAqB,CACrB,oBAAqB,CACrB,qBAAsB,CACtB,4BAA6B,CAC7B,sCAAuC,CACvC,0BAA2B,CAC3B,2BAA4B,CAC5B,4BAA6B,CAC7B,kCAAmC,CACnC,8BAA+B,CAC/B,2BAA4B,CAC5B,4BAA6B,CAC7B,kCAAmC,CACnC,+BAAgC,CAChC,2BAA4B,CAC5B,+BAAgC,CAChC,yCAA6C,CAC7C,iCAAkC,CAClC,0BAA2B,CAC3B,2CAA+C,CAC/C,iDAAqD,CACrD,iDAAwD,CACxD,oDAAwD,CACxD,6CAAiD,CACjD,mDAAuD,CACvD,6BAA8B,CAC9B,oCAAqC,CACrC,wCAAyC,CACzC,qCAAyC,CACzC,+BAAgC,CAChC,gCAAiC,CACjC,+BAAgC,CAChC,uCAA2C,CAC3C,kCAAmC,CACnC,uDAAwD,CACxD,kCAAmC,CACnC,iCAAkC,CAClC,kCAAmC,CACnC,qCAAsC,CACtC,8CAAkD,CAClD,8BAA+B,CAC/B,oCAAqC,CACrC,qCACF,CAEA,gBAEE,mCACF,CAEA,UACE,sCACF,CAEA,UACE,sCACF,CAEA,mBACE,sCACF,CAEA,mBACE,sCACF,CAEA,KACE,qBAAsB,CAEtB,iCAAkC,CAClC,yCAA6C,CAF7C,wBAGF,CAEA,KAME,4BAA6B,CAC7B,4BAA6B,CAN7B,+BAAgC,CAChC,mCAAoC,CAEpC,sCAAuC,CADvC,mCAAoC,CAEpC,8BAGF,CAEA,YAOE,0BAA2B,CAL3B,6BAA8B,CAC9B,iCAAkC,CAElC,oCAAqC,CADrC,iCAAkC,CAElC,4BAEF,CAEA,YAOE,0BAA2B,CAL3B,6BAA8B,CAC9B,iCAAkC,CAElC,oCAAqC,CADrC,iCAAkC,CAElC,4BAEF,CAEA,YAOE,0BAA2B,CAL3B,6BAA8B,CAC9B,iCAAkC,CAElC,oCAAqC,CADrC,iCAAkC,CAElC,4BAEF,CAEA,YAOE,0BAA2B,CAL3B,6BAA8B,CAC9B,iCAAkC,CAElC,oCAAqC,CADrC,iCAAkC,CAElC,4BAEF,CAEA,YAOE,0BAA2B,CAL3B,6BAA8B,CAC9B,iCAAkC,CAElC,oCAAqC,CADrC,iCAAkC,CAElC,4BAEF,CAEA,YAOE,0BAA2B,CAL3B,6BAA8B,CAC9B,iCAAkC,CAElC,oCAAqC,CADrC,iCAAkC,CAElC,4BAEF,CAEA,eACE,+CAEF,CACA,8BAFE,kCAKF,CAHA,eACE,+CAEF,CACA,eACE,+CAAgD,CAChD,kCACF,CC9hBA,uBACE,aACF,CACA,iDAGE,sBAAuB,CAFvB,YAAa,CACb,qBAEF,CCPA,gBAIE,2CAA4C,CAC5C,+CAAgD,CAJhD,YAAa,CACb,qBAAsB,CACtB,yCAGF,CACA,wDACE,kCAAmC,CACnC,oCACF,CACA,0BACE,8CAA+C,CAC/C,gDACF,CACA,uBACE,qBAAsB,CAItB,2BAA4B,CAH5B,wCAAyC,CACzC,4CAA6C,CAG7C,uBAAyB,CAFzB,uCAGF,CACA,sBACE,YAAa,CACb,eACF,CACA,kDAIE,6BAA8B,CAF9B,0CAA2C,CAC3C,gBAAiB,CAFjB,iDAIF,CACA,yBACE,QACF,CACA,yBACE,QAAS,CACT,gBACF,CCvCA,QACE,gBACF,CACA,mBACE,cACF,CACA,cAEE,kBAAmB,CADnB,mBAAoB,CAEpB,sBAAuB,CACvB,gCACF,CCXA,YACE,8BAA+B,CAC/B,8BACF,CACA,iDACE,6BAA8B,CAC9B,+BACF,CACA,kBAKE,kCAAmC,CACnC,uCAAwC,CACxC,yCAA0C,CAH1C,kIAA8I,CAH9I,aAAc,CAEd,WAAY,CAKZ,gDAAoD,CANpD,UAOF,CACA,6CACE,2MACF,CCpBA,aACE,gDAAiD,CACjD,8CAA+C,CAC/C,2CAA4C,CAE5C,kBAAmB,CAEnB,cAAe,CAHf,mBAAoB,CAEpB,iBAAkB,CAElB,gBACF,CAIA,wEACE,yBACF,CACA,uBACE,qCAGF,CACA,8CAFE,cAAe,CADf,mBAMF,CACA,mBAKE,kBAAmB,CACnB,qBAAsB,CAHtB,UAAW,CACX,eAAgB,CAHhB,iBAAkB,CAMlB,kBAAmB,CALnB,SAMF,CACA,mBAIE,kBAAmB,CAMnB,kBAAmB,CACnB,cAAe,CATf,mBAAoB,CACpB,0BAA2B,CAI3B,wBAAyB,CAFzB,sBAAuB,CAGvB,2CAA4C,CAC5C,aAAc,CARd,iBAAkB,CAKlB,uBAMF,CACA,yBAEE,aAAc,CAEd,uBAAwB,CACxB,mBAAoB,CAJpB,iBAAkB,CAKlB,oDAAqD,CAHrD,sBAIF,CACA,0BASE,uBAAwB,CACxB,iBAAkB,CANlB,QAAS,CAIT,UAAW,CAFX,aAAc,CADd,MAAO,CAMP,SAAU,CAJV,mBAAoB,CANpB,iBAAkB,CAElB,OAAQ,CADR,KAAM,CAUN,sBACF,CACA,gCACE,UACF,CACA,6CACE,eAAgB,CAChB,UACF,CACA,oDACE,YACF,CACA,oDACE,UACF,CACA,oBACE,eACF,CACA,2CACE,kBACF,CCvFA,SACE,uBACF,CACA,eAEE,aAAc,CAEd,WAAY,CAHZ,iBAAkB,CAIlB,gDAAoD,CAFpD,UAGF,CACA,2CAIE,kBAAmB,CADnB,UAAW,CADX,aAAc,CADd,iBAIF,CACA,sBAKE,gBAA8B,CAF9B,QAAS,CACT,MAAO,CAFP,OAAQ,CADR,KAKF,CACA,qBAKE,uBAAwB,CADxB,UAAW,CAFX,QAAS,CADT,OAAQ,CAMR,uCAAyC,CADzC,wBAA0B,CAH1B,SAKF,CACA,wCACE,uCACF,CClCA,UACE,wCACF,CACA,oBACE,2BACF,CACA,gBAGE,kBAAmB,CAKnB,cAAe,CANf,YAAa,CAKb,WAAY,CAHZ,sBAAuB,CAHvB,iBAAkB,CAIlB,UAAW,CACX,iCAGF,CACA,uBAKE,uBAAwB,CACxB,wDAA2D,CAF3D,UAAW,CAHX,aAAc,CAEd,yCAA0C,CAI1C,UAAY,CALZ,uCAMF,CACA,qBAME,kBAAmB,CAInB,iBAAkB,CAPlB,QAAS,CAET,YAAa,CAIb,wBAAyB,CAFzB,sBAAuB,CAHvB,MAAO,CAHP,iBAAkB,CAClB,KAAM,CASN,2FAAyG,CAHzG,uBAIF,CACA,uDAEE,UAAW,CADX,aAEF,CACA,4BAIE,uBAAwB,CACxB,iBAAkB,CAFlB,WAAY,CAGZ,SAAU,CALV,iBAAkB,CAMlB,sBAAwB,CALxB,UAMF,CACA,2BAIE,8BAA+B,CAC/B,iBAAkB,CAClB,gGAA+G,CAH/G,uBAAwB,CAFxB,iBAAkB,CAMlB,oDAAqD,CALrD,sBAMF,CACA,yCACE,mCACF,CACA,2CACE,qBAAsB,CACtB,WACF,CACA,+CACE,wBACF,CACA,kDACE,UACF,CACA,mDACE,UACF,CC3EA,UAKE,cAAe,CAHf,YAAa,CAEb,kBAAoB,CAHpB,iBAAkB,CAKlB,gBAAiB,CAHjB,UAIF,CACA,gBAKE,kBAAmB,CACnB,qBAAsB,CAHtB,UAAW,CACX,eAAgB,CAHhB,iBAAkB,CAMlB,kBAAmB,CALnB,SAMF,CACA,iCAIE,QAAS,CAIT,UAAW,CAFX,aAAc,CADd,MAAO,CAIP,SAAU,CAFV,mBAAoB,CANpB,iBAAkB,CAElB,OAAQ,CADR,KAAM,CAQN,sBACF,CACA,iBACE,uBACF,CACA,gBACE,iCACF,CACA,qDACE,WACF,CACA,iBAEE,aAAc,CADd,iBAEF,CACA,0BACE,WACF,CACA,qCAEE,4BAA6B,CAD7B,eAEF,CACA,0CACE,iBACF,CCnDA,gBACE,aACF,CCFA,iBACE,cACF,CACA,0BAKE,kBAAmB,CACnB,qBAAsB,CAHtB,UAAW,CACX,eAAgB,CAHhB,iBAAkB,CAMlB,kBAAmB,CALnB,SAMF,CACA,gBACE,cACF,CACA,sBACE,aAAc,CAEd,kBAAmB,CADnB,UAEF,CACA,6BACE,kBAAmB,CACnB,eAAgB,CAChB,sBAAuB,CAEvB,qBAAsB,CADtB,kBAEF,CACA,uBAEE,mCAAoC,CADpC,iBAEF,CC9BA,iBAWE,mDAAoD,CACpD,+DAAgE,CAChE,oCAAqC,CACrC,+CAAgD,CAChD,2DAA4D,CAC5D,qDAAsD,CACtD,iEAAkE,CAdlE,kBAAmB,CADnB,mBAAoB,CAMpB,wCAAyC,CAFzC,kCAAmC,CAInC,kDAAmD,CADnD,4CAA6C,CAJ7C,WAAY,CAEZ,aAAc,CANd,iBAAkB,CAGlB,UAcF,CACA,0FACE,mCAAoC,CACpC,yCAA0C,CAC1C,oCAAqC,CACrC,0CACF,CACA,2BACE,cACF,CACA,2BACE,mCAAoC,CACpC,mBAAoB,CACpB,gBACF,CACA,+CAGE,QAAS,CAGT,UAAW,CAFX,MAAO,CACP,mBAAoB,CAJpB,iBAAkB,CAClB,OAKF,CACA,wBAEE,8CAA+C,CAD/C,UAAW,CAEX,uDACF,CACA,uBAEE,kCAAmC,CADnC,UAAW,CAGX,mBAAoB,CADpB,mDAEF,CACA,wDACE,0CAA2C,CAC3C,gDAAiD,CACjD,YACF,CACA,oEACE,mBACF,CACA,8BACE,WACF,CACA,uBAGE,mBAAoB,CACpB,kBAAmB,CAHnB,YAAa,CACb,aAAc,CAGd,QACF,CACA,uBAEE,cAAe,CADf,eAEF,CACA,yBACE,qCAAsC,CACtC,kDAAmD,CACnD,mDAAoD,CACpD,0DACF,CACA,kDACE,2CACF,CACA,0EACE,yCACF,CACA,oCAEE,uBAAwB,CADxB,UAEF,CACA,kHACE,0BACF,CACA,2BACE,yCAA0C,CAC1C,oDACF,CACA,kCAGE,sBAAuB,CACvB,wCAAyC,CACzC,qBAAsB,CAHtB,WAAY,CADZ,KAKF,CACA,wCACE,0CACF,CACA,iCACE,YACF,CACA,wCACE,2EACF,CACA,mCACE,mBACF,CACA,iCACE,kBACF,CACA,oCACE,eACF,CCzHA,qBACE,WACF,CACA,8BAWE,sBAAuB,CACvB,QAAS,CACT,eAAgB,CAPhB,iBAAkB,CAGlB,sBAAuB,CAFvB,mBAAoB,CAHpB,QAAS,CAFT,WAAY,CAYZ,SAAU,CATV,eAAgB,CAFhB,SAAU,CAKV,sBAAuB,CAEvB,kBAAmB,CATnB,UAcF,CACA,mRAGE,sCAAwC,CAFxC,uBAAyB,CACzB,iCAEF,CACA,yCACE,YACF,CACA,2CAEE,mCAAoC,CADpC,iBAEF,CC9BA,gBACE,kBACF,CCFA,mBACE,WACF,CACA,4BASE,sBAAuB,CACvB,QAAS,CACT,eAAgB,CANhB,iBAAkB,CAElB,sBAAuB,CADvB,mBAAoB,CAFpB,QAAS,CAFT,WAAY,CAUZ,SAAU,CATV,aAAc,CAKd,WAAY,CAPZ,UAYF,CACA,2QAGE,sCAAwC,CAFxC,uBAAyB,CACzB,iCAEF,CACA,uCACE,YACF,CACA,yCAEE,mCAAoC,CADpC,iBAEF","file":"vui.min.css","sourcesContent":["/*!\n * Forked from\n * normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css\n */\n/* Document\n   ========================================================================== */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  /* stylelint-disable-next-line */\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n  border-bottom: none;\n  /* 1 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  /* stylelint-disable-next-line */\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  /* 2 */\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  color: inherit;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  color: inherit;\n  /* 2 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --root-em: 16px;\n  --root-spacing: 4px;\n  --typo-fallback-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, sans-serif;\n  --type-emoji-font: \"Apple Color Emoji\", \"Segoe UI Emoji\";\n  --typo-font: var(--typo-base-font), var(--typo-fallback-font),\n    var(--type-emoji-font);\n  --typo-base-size: 1rem;\n  --typo-base-weight: 400;\n  --typo-base-height: 1.5;\n  --typo-base-spacing: 0em;\n  --typo-h1-size: 2.5rem;\n  --typo-h1-weight: 500;\n  --typo-h1-height: 1.2222222222222223;\n  --typo-h1-spacing: 0em;\n  --typo-h1-margin: 16px 0;\n  --typo-h1-color: var(--palette-heading);\n  --typo-h2-size: 1.875rem;\n  --typo-h2-weight: 500;\n  --typo-h2-height: 1.5;\n  --typo-h2-spacing: 0em;\n  --typo-h2-margin: 40px 0 10px;\n  --typo-h2-color: var(--palette-heading);\n  --typo-h3-size: 1.25rem;\n  --typo-h3-weight: 500;\n  --typo-h3-height: 1.5;\n  --typo-h3-spacing: 0em;\n  --typo-h3-margin: 20px 0 10px;\n  --typo-h3-color: var(--palette-heading);\n  --typo-h4-size: 1.25rem;\n  --typo-h4-weight: 400;\n  --typo-h4-height: 1.5;\n  --typo-h4-spacing: 0em;\n  --typo-h4-margin: 10px 0 16px;\n  --typo-h4-color: var(--palette-heading);\n  --typo-h5-size: 0.875rem;\n  --typo-h5-weight: 400;\n  --typo-h5-height: 1.57;\n  --typo-h5-spacing: 0em;\n  --typo-h5-margin: 10px 0 16px;\n  --typo-h5-color: var(--palette-heading);\n  --typo-h6-size: 0.67rem;\n  --typo-h6-weight: 400;\n  --typo-h6-height: 1.5;\n  --typo-h6-spacing: 0em;\n  --typo-h6-margin: 10px 0 16px;\n  --typo-h6-color: var(--palette-heading);\n  --typo-subtitle1-size: 1rem;\n  --typo-subtitle1-weight: 400;\n  --typo-subtitle1-height: 1.75;\n  --typo-subtitle1-spacing: 0.00938em;\n  --typo-subtitle2-size: 0.875rem;\n  --typo-subtitle2-weight: 500;\n  --typo-subtitle2-height: 1.57;\n  --typo-subtitle2-spacing: 0.00714em;\n  --control-field-rem-sm: 0.875rem;\n  --control-field-rem-md: 1rem;\n  --control-field-rem-lg: 1.125rem;\n  --control-disabled-color: rgba(0, 0, 0, 0.38);\n  --control-horizontal-margin: 0.5em;\n  --control-field-radius: 2px;\n  --control-field-fill-color: rgba(0, 0, 0, 0.06);\n  --control-field-fill-hover-color: rgba(0, 0, 0, 0.09);\n  --control-field-outline-color: rgba(114, 106, 106, 0.23);\n  --control-field-outline-hover-color: rgba(0, 0, 0, 0.87);\n  --control-field-bottom-color: rgba(0, 0, 0, 0.42);\n  --control-field-bottom-hover-color: rgba(0, 0, 0, 0.87);\n  --control-field-height: 2.25em;\n  --control-field-line-height: 1.4375em;\n  --control-field-letter-spacing: 0.00938em;\n  --control-label-color: rgba(0, 0, 0, 0.6);\n  --control-label-font-weight: 500;\n  --control-label-font-size: 0.75em;\n  --control-label-height: 1.4375em;\n  --control-message-color: rgba(0, 0, 0, 0.6);\n  --control-message-font-size: 0.75em;\n  --control-message-horizontal-margin: var(--root-spacing);\n  --control-checkable-outer-size: 2em;\n  --control-checkable-icon-size: 1em;\n  --control-checkable-faux-scale: 1.2;\n  --control-checkable-faux-margin: 0.2em;\n  --control-checkable-base-color: rgba(0, 0, 0, 0.6);\n  --control-switch-width: 3.625em;\n  --control-switch-track-width: 2.125em;\n  --control-switch-track-height: 0.875em;\n}\n\n:root,\n[lang=en] {\n  --typo-base-font: Roboto, \"Noto Sans\";\n}\n\n[lang=ja] {\n  --typo-base-font: Roboto, \"Noto Sans JP\";\n}\n\n[lang=ko] {\n  --typo-base-font: Roboto, \"Noto Sans KR\";\n}\n\n[lang=zh-cmn-Hant] {\n  --typo-base-font: Roboto, \"Noto Sans TC\";\n}\n\n[lang=zh-cmn-Hans] {\n  --typo-base-font: Roboto, \"Noto Sans SC\";\n}\n\nhtml {\n  text-size-adjust: 100%;\n  font-size: var(--root-em);\n  text-rendering: optimizeLegibility;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n  font-size: var(--typo-base-size);\n  font-weight: var(--typo-base-weight);\n  line-height: var(--typo-base-height);\n  letter-spacing: var(--typo-base-height);\n  margin: var(--typo-base-margin);\n  color: var(--typo-base-color);\n  font-family: var(--typo-font);\n}\n\nh1,\n.text-h1 {\n  font-size: var(--typo-h1-size);\n  font-weight: var(--typo-h1-weight);\n  line-height: var(--typo-h1-height);\n  letter-spacing: var(--typo-h1-height);\n  margin: var(--typo-h1-margin);\n  color: var(--typo-h1-color);\n}\n\nh2,\n.text-h2 {\n  font-size: var(--typo-h2-size);\n  font-weight: var(--typo-h2-weight);\n  line-height: var(--typo-h2-height);\n  letter-spacing: var(--typo-h2-height);\n  margin: var(--typo-h2-margin);\n  color: var(--typo-h2-color);\n}\n\nh3,\n.text-h3 {\n  font-size: var(--typo-h3-size);\n  font-weight: var(--typo-h3-weight);\n  line-height: var(--typo-h3-height);\n  letter-spacing: var(--typo-h3-height);\n  margin: var(--typo-h3-margin);\n  color: var(--typo-h3-color);\n}\n\nh4,\n.text-h4 {\n  font-size: var(--typo-h4-size);\n  font-weight: var(--typo-h4-weight);\n  line-height: var(--typo-h4-height);\n  letter-spacing: var(--typo-h4-height);\n  margin: var(--typo-h4-margin);\n  color: var(--typo-h4-color);\n}\n\nh5,\n.text-h5 {\n  font-size: var(--typo-h5-size);\n  font-weight: var(--typo-h5-weight);\n  line-height: var(--typo-h5-height);\n  letter-spacing: var(--typo-h5-height);\n  margin: var(--typo-h5-margin);\n  color: var(--typo-h5-color);\n}\n\nh6,\n.text-h6 {\n  font-size: var(--typo-h6-size);\n  font-weight: var(--typo-h6-weight);\n  line-height: var(--typo-h6-height);\n  letter-spacing: var(--typo-h6-height);\n  margin: var(--typo-h6-margin);\n  color: var(--typo-h6-color);\n}\n\n.v-control--sm {\n  --control-field-rem: var(--control-field-rem-sm);\n  font-size: var(--control-field-rem);\n}\n.v-control--md {\n  --control-field-rem: var(--control-field-rem-md);\n  font-size: var(--control-field-rem);\n}\n.v-control--lg {\n  --control-field-rem: var(--control-field-rem-lg);\n  font-size: var(--control-field-rem);\n}",".v-form-selector__body {\n  display: block;\n}\n.v-form-selector--stacked .v-form-selector__body {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}",".v-form-control {\n  display: flex;\n  flex-direction: column;\n  margin: var(--control-horizontal-margin) 0;\n  --my-label-color: var(--control-label-color);\n  --my-message-color: var(--control-message-color);\n}\n.v-form-control--invalid:not(.v-form-control--readonly) {\n  --my-label-color: var(--main-color);\n  --my-message-color: var(--main-color);\n}\n.v-form-control--disabled {\n  --my-label-color: var(--control-disabled-color);\n  --my-message-color: var(--control-disabled-color);\n}\n.v-form-control__label {\n  align-self: flex-start;\n  font-size: var(--control-label-font-size);\n  font-weight: var(--control-label-font-weight);\n  line-height: var(--control-label-height);\n  color: var(--my-label-color);\n  letter-spacing: 0.00938em;\n}\n.v-form-control__info {\n  display: flex;\n  padding-top: 3px;\n}\n.v-form-control__message, .v-form-control__appends {\n  margin: 0 var(--control-message-horizontal-margin);\n  font-size: var(--control-message-font-size);\n  line-height: 1.66;\n  color: var(--my-message-color);\n}\n.v-form-control__message {\n  flex: 1 0;\n}\n.v-form-control__appends {\n  flex: 0 1;\n  margin-left: auto;\n}",".v-icon {\n  user-select: none;\n}\n.v-icon--clickable {\n  cursor: pointer;\n}\n.v-icon__body {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 150ms linear;\n}",".v-checkbox {\n  --my-border-color: var(--color);\n  --my-faux-bg-color: transparent;\n}\n.v-checkbox--selected, .v-checkbox--indeterminate {\n  --my-border-color: transparent;\n  --my-faux-bg-color: var(--color);\n}\n.v-checkbox__faux {\n  display: block;\n  width: 100%;\n  height: 100%;\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 88.25% 28.25%, 38% 78.125%, 12% 50%, 20% 42.1875%, 38% 63%, 82% 20%, 88.25% 28.25%, 100% 0);\n  background: var(--my-faux-bg-color);\n  border: solid 2px var(--my-border-color);\n  border-radius: var(--control-field-radius);\n  transition: border-color 0.2s, background-color 0.2s;\n}\n.v-checkbox--indeterminate .v-checkbox__faux {\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 77.7777777778% 44.4444444444%, 77.7777777778% 55.5555555556%, 22.2222222222% 55.5555555556%, 22.2222222222% 44.4444444444%, 77.7777777778% 44.4444444444%, 100% 0);\n}",".v-checkable {\n  --outer-size: var(--control-checkable-outer-size);\n  --icon-size: var(--control-checkable-icon-size);\n  --color: var(--control-checkable-base-color);\n  display: inline-flex;\n  align-items: center;\n  padding-right: 1em;\n  cursor: pointer;\n  user-select: none;\n}\n.v-checkable--checked {\n  --color: var(--main-color);\n}\n.v-checkable--invalid:not(.v-checkable--readonly) {\n  --color: var(--main-color);\n}\n.v-checkable--disabled {\n  --color: var(--control-disabled-color);\n  pointer-events: none;\n  cursor: default;\n}\n.v-checkable--readonly {\n  pointer-events: none;\n  cursor: default;\n}\n.v-checkable input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(100%);\n  white-space: nowrap;\n}\n.v-checkable__faux {\n  position: relative;\n  display: inline-flex;\n  flex: 0 0 var(--outer-size);\n  align-items: center;\n  justify-content: center;\n  width: var(--outer-size);\n  height: var(--outer-size);\n  margin: var(--control-checkable-faux-margin);\n  margin-left: 0;\n  color: var(--color);\n  cursor: pointer;\n}\n.v-checkable__faux__icon {\n  position: relative;\n  display: block;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  pointer-events: none;\n  transform: scale(var(--control-checkable-faux-scale));\n}\n.v-checkable__faux::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  pointer-events: none;\n  content: \"\";\n  background: currentColor;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.v-checkable__faux:hover::before {\n  opacity: 0.1;\n}\n.v-checkable--custom-icon .v-checkable__faux {\n  flex-basis: auto;\n  width: auto;\n}\n.v-checkable--custom-icon .v-checkable__faux::before {\n  content: none;\n}\n.v-checkable:focus-within .v-checkable__faux::before {\n  opacity: 0.2;\n}\n.v-checkable__label {\n  line-height: 1.5;\n}\n.v-checkable--disabled .v-checkable__label {\n  color: var(--color);\n}",".v-radio {\n  --my-color: var(--color);\n}\n.v-radio__faux {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 100%;\n  transition: border-color 0.2s, background-color 0.2s;\n}\n.v-radio__faux::before, .v-radio__faux::after {\n  position: absolute;\n  display: block;\n  content: \"\";\n  border-radius: 100%;\n}\n.v-radio__faux::before {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border: solid 2px currentColor;\n}\n.v-radio__faux::after {\n  top: 50%;\n  left: 50%;\n  width: 50%;\n  height: 50%;\n  background: currentColor;\n  transition: transform 0.2s;\n  transform: translate(-50%, -50%) scale(0);\n}\n.v-radio--selected .v-radio__faux::after {\n  transform: translate(-50%, -50%) scale(1);\n}",".v-switch {\n  --my-pin-color: var(--palette-background);\n}\n.v-switch--selected {\n  --my-pin-color: var(--color);\n}\n.v-switch__faux {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  width: var(--control-switch-width);\n  height: 100%;\n  cursor: pointer;\n}\n.v-switch__faux::before {\n  display: block;\n  width: var(--control-switch-track-width);\n  height: var(--control-switch-track-height);\n  content: \"\";\n  background: var(--color);\n  border-radius: calc(var(--control-switch-track-height) / 2);\n  opacity: 0.5;\n}\n.v-switch__faux__pin {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--outer-size);\n  height: var(--outer-size);\n  border-radius: 50%;\n  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.v-switch__faux__pin::before, .v-switch__faux__pin::after {\n  display: block;\n  content: \"\";\n}\n.v-switch__faux__pin::before {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: currentColor;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.v-switch__faux__pin::after {\n  position: relative;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  background: var(--my-pin-color);\n  border-radius: 50%;\n  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1px -1px, rgba(0, 0, 0, 0.14) 0 1px 1px 0, rgba(0, 0, 0, 0.12) 0 1px 3px 0;\n  transform: scale(var(--control-checkable-faux-scale));\n}\n.v-switch--selected .v-switch__faux__pin {\n  left: calc(100% - var(--outer-size));\n}\n.v-switch--disabled .v-switch__faux::before {\n  background-color: #000;\n  opacity: 0.12;\n}\n.v-switch--disabled .v-switch__faux__pin::after {\n  background-color: whitesmoke;\n}\n.v-switch__faux:hover .v-switch__faux__pin::before {\n  opacity: 0.1;\n}\n.v-switch:focus-within .v-switch__faux__pin::before {\n  opacity: 0.1;\n}",".v-option {\n  position: relative;\n  display: flex;\n  width: 100%;\n  padding: 0.375em 1em;\n  cursor: pointer;\n  user-select: none;\n}\n.v-option input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(100%);\n  white-space: nowrap;\n}\n.v-option::before, .v-option::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  pointer-events: none;\n  content: \"\";\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.v-option::before {\n  background: currentColor;\n}\n.v-option::after {\n  background: var(--palette-primary);\n}\n.v-option:hover::before, .v-option:focus-within::before {\n  opacity: 0.12;\n}\n.v-option__label {\n  position: relative;\n  display: block;\n}\n.v-option--selected::after {\n  opacity: 0.12;\n}\n.v-option--selected .v-option__label {\n  font-weight: 500;\n  color: var(--palette-primary);\n}\n.v-option--has-not-value .v-option__label {\n  font-style: italic;\n}",".v-option-group {\n  display: block;\n}",".v-select__input {\n  cursor: pointer;\n}\n.v-select__input__element {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(100%);\n  white-space: nowrap;\n}\n.v-select__body {\n  padding: 0.5em 0;\n}\n.v-select__selections {\n  display: table;\n  width: 100%;\n  table-layout: fixed;\n}\n.v-select__selections__inner {\n  display: table-cell;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n.v-select__placeholder {\n  font-style: italic;\n  color: var(--control-disabled-color);\n}",".v-control-field {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  height: var(--control-field-height);\n  padding: 0 8px;\n  font-size: var(--control-field-font-size);\n  line-height: var(--control-field-line-height);\n  letter-spacing: var(--control-field-letter-spacing);\n  --my-bottom-color: var(--control-field-bottom-color);\n  --my-bottom-hover-color: var(--control-field-bottom-hover-color);\n  --my-focused-color: var(--main-color);\n  --my-fill-color: var(--control-field-fill-color);\n  --my-fill-hover-color: var(--control-field-fill-hover-color);\n  --my-outline-color: var(--control-field-outline-color);\n  --my-outline-hover-color: var(--control-field-outline-hover-color);\n}\n.v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly) {\n  --my-bottom-color: var(--main-color);\n  --my-bottom-hover-color: var(--main-color);\n  --my-outline-color: var(--main-color);\n  --my-outline-hover-color: var(--main-color);\n}\n.v-control-field--readonly {\n  cursor: default;\n}\n.v-control-field--disabled {\n  color: var(--control-disabled-color);\n  pointer-events: none;\n  user-select: none;\n}\n.v-control-field::before, .v-control-field::after {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  content: \"\";\n}\n.v-control-field::before {\n  height: 1px;\n  border-bottom: solid 1px var(--my-bottom-color);\n  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.v-control-field::after {\n  height: 2px;\n  background: var(--my-focused-color);\n  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n  transform: scaleX(0);\n}\n.v-control-field--focused, .v-control-field:focus-within {\n  --my-outline-color: var(--my-focused-color);\n  --my-outline-hover-color: var(--my-focused-color);\n  outline: none;\n}\n.v-control-field--focused::after, .v-control-field:focus-within::after {\n  transform: scaleX(1);\n}\n.v-control-field--auto-height {\n  height: auto;\n}\n.v-control-field__body {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: stretch;\n  align-self: stretch;\n  margin: 0;\n}\n.v-control-field--flat {\n  padding-right: 0;\n  padding-left: 0;\n}\n.v-control-field--filled {\n  background-color: var(--my-fill-color);\n  border-top-left-radius: var(--control-field-radius);\n  border-top-right-radius: var(--control-field-radius);\n  transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.v-control-field--filled:hover:not(:focus-within) {\n  background-color: var(--my-fill-hover-color);\n}\n.v-control-field--flat:hover::before, .v-control-field--filled:hover::before {\n  border-color: var(--my-bottom-hover-color);\n}\n.v-control-field--flat:hover::before {\n  height: 2px;\n  border-bottom-width: 2px;\n}\n.v-control-field--flat.v-control-field--disabled::before, .v-control-field--filled.v-control-field--disabled::before {\n  border-bottom-style: dotted;\n}\n.v-control-field--outlined {\n  border-radius: var(--control-field-radius);\n  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.v-control-field--outlined::before {\n  top: 0;\n  height: auto;\n  background: transparent;\n  border: solid 1px var(--my-outline-color);\n  border-radius: inherit;\n}\n.v-control-field--outlined:hover::before {\n  border-color: var(--my-outline-hover-color);\n}\n.v-control-field--outlined::after {\n  content: none;\n}\n.v-control-field--outlined:focus-within {\n  box-shadow: 0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);\n}\n.v-control-field__adornment--start {\n  padding-right: 0.25em;\n}\n.v-control-field__adornment--end {\n  padding-left: 0.25em;\n}\n.v-control-field__adornment .v-icon {\n  font-size: 1.2em;\n}",".v-text-field__input {\n  cursor: text;\n}\n.v-text-field__input__element {\n  width: 100%;\n  min-width: 0;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  font-size: inherit;\n  line-height: inherit;\n  text-overflow: ellipsis;\n  letter-spacing: inherit;\n  white-space: nowrap;\n  background: transparent;\n  border: 0;\n  border-radius: 0;\n  outline: 0;\n}\n.v-text-field__input__element:-webkit-autofill:-webkit-autofill, .v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover, .v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus, .v-text-field__input__element:-webkit-autofill:-webkit-autofill:active {\n  color: inherit !important;\n  transition: background-color 5000s;\n  -webkit-text-fill-color: #fff !important;\n}\n.v-text-field__input__element::-ms-clear {\n  display: none;\n}\n.v-text-field__input__element::placeholder {\n  font-style: italic;\n  color: var(--control-disabled-color);\n}",".v-text-counter {\n  white-space: nowrap;\n}",".v-textarea__input {\n  cursor: text;\n}\n.v-textarea__input__element {\n  width: 100%;\n  min-width: 0;\n  padding: 8px 0;\n  margin: 0;\n  font-size: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  resize: none;\n  background: transparent;\n  border: 0;\n  border-radius: 0;\n  outline: 0;\n}\n.v-textarea__input__element:-webkit-autofill:-webkit-autofill, .v-textarea__input__element:-webkit-autofill:-webkit-autofill:hover, .v-textarea__input__element:-webkit-autofill:-webkit-autofill:focus, .v-textarea__input__element:-webkit-autofill:-webkit-autofill:active {\n  color: inherit !important;\n  transition: background-color 5000s;\n  -webkit-text-fill-color: #fff !important;\n}\n.v-textarea__input__element::-ms-clear {\n  display: none;\n}\n.v-textarea__input__element::placeholder {\n  font-style: italic;\n  color: var(--control-disabled-color);\n}"]}
+{"version":3,"sources":["index.scss","form-selector.scss","VFormControl.scss","VIcon.scss","VCheckbox.scss","VCheckable.scss","VRadio.scss","VSwitch.scss","VOption.scss","VOptionGroup.scss","VSelect.scss","VControlField.scss","VTextField.scss","VTextCounter.scss","VTextarea.scss"],"names":[],"mappings":"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","file":"vui.min.css","sourcesContent":["/*!\n * Forked from\n * normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css\n */\n/* stylelint-disable property-no-vendor-prefix */\n/* Document\n   ========================================================================== */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  /* stylelint-disable-next-line */\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n  border-bottom: none;\n  /* 1 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  /* stylelint-disable-next-line */\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  /* 2 */\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  color: inherit;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  color: inherit;\n  /* 2 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --root-em: 16px;\n  --root-spacing: 4px;\n  --typo-fallback-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Arial, sans-serif;\n  --type-emoji-font: \"Apple Color Emoji\", \"Segoe UI Emoji\";\n  --typo-font: var(--typo-base-font), var(--typo-fallback-font),\n    var(--type-emoji-font);\n  --typo-base-size: 1rem;\n  --typo-base-weight: 400;\n  --typo-base-height: 1.5;\n  --typo-base-spacing: 0em;\n  --typo-h1-size: 2.5rem;\n  --typo-h1-weight: 500;\n  --typo-h1-height: 1.2222222222222223;\n  --typo-h1-spacing: 0em;\n  --typo-h1-margin: 16px 0;\n  --typo-h1-color: var(--palette-heading);\n  --typo-h2-size: 1.875rem;\n  --typo-h2-weight: 500;\n  --typo-h2-height: 1.5;\n  --typo-h2-spacing: 0em;\n  --typo-h2-margin: 40px 0 10px;\n  --typo-h2-color: var(--palette-heading);\n  --typo-h3-size: 1.25rem;\n  --typo-h3-weight: 500;\n  --typo-h3-height: 1.5;\n  --typo-h3-spacing: 0em;\n  --typo-h3-margin: 20px 0 10px;\n  --typo-h3-color: var(--palette-heading);\n  --typo-h4-size: 1.25rem;\n  --typo-h4-weight: 400;\n  --typo-h4-height: 1.5;\n  --typo-h4-spacing: 0em;\n  --typo-h4-margin: 10px 0 16px;\n  --typo-h4-color: var(--palette-heading);\n  --typo-h5-size: 0.875rem;\n  --typo-h5-weight: 400;\n  --typo-h5-height: 1.57;\n  --typo-h5-spacing: 0em;\n  --typo-h5-margin: 10px 0 16px;\n  --typo-h5-color: var(--palette-heading);\n  --typo-h6-size: 0.67rem;\n  --typo-h6-weight: 400;\n  --typo-h6-height: 1.5;\n  --typo-h6-spacing: 0em;\n  --typo-h6-margin: 10px 0 16px;\n  --typo-h6-color: var(--palette-heading);\n  --typo-subtitle1-size: 1rem;\n  --typo-subtitle1-weight: 400;\n  --typo-subtitle1-height: 1.75;\n  --typo-subtitle1-spacing: 0.00938em;\n  --typo-subtitle2-size: 0.875rem;\n  --typo-subtitle2-weight: 500;\n  --typo-subtitle2-height: 1.57;\n  --typo-subtitle2-spacing: 0.00714em;\n  --control-field-rem-sm: 0.875rem;\n  --control-field-rem-md: 1rem;\n  --control-field-rem-lg: 1.125rem;\n  --control-disabled-color: rgba(0, 0, 0, 0.38);\n  --control-horizontal-margin: 0.5em;\n  --control-field-radius: 2px;\n  --control-field-fill-color: rgba(0, 0, 0, 0.06);\n  --control-field-fill-hover-color: rgba(0, 0, 0, 0.09);\n  --control-field-outline-color: rgba(114, 106, 106, 0.23);\n  --control-field-outline-hover-color: rgba(0, 0, 0, 0.87);\n  --control-field-bottom-color: rgba(0, 0, 0, 0.42);\n  --control-field-bottom-hover-color: rgba(0, 0, 0, 0.87);\n  --control-field-height: 2.25em;\n  --control-field-line-height: 1.4375em;\n  --control-field-letter-spacing: 0.00938em;\n  --control-label-color: rgba(0, 0, 0, 0.6);\n  --control-label-font-weight: 500;\n  --control-label-font-size: 0.75em;\n  --control-label-height: 1.4375em;\n  --control-message-color: rgba(0, 0, 0, 0.6);\n  --control-message-font-size: 0.75em;\n  --control-message-horizontal-margin: var(--root-spacing);\n  --control-checkable-outer-size: 2em;\n  --control-checkable-icon-size: 1em;\n  --control-checkable-faux-scale: 1.2;\n  --control-checkable-faux-margin: 0.2em;\n  --control-checkable-base-color: rgba(0, 0, 0, 0.6);\n  --control-switch-width: 3.625em;\n  --control-switch-track-width: 2.125em;\n  --control-switch-track-height: 0.875em;\n}\n\n:root,\n[lang=en] {\n  --typo-base-font: Roboto, \"Noto Sans\";\n}\n\n[lang=ja] {\n  --typo-base-font: Roboto, \"Noto Sans JP\";\n}\n\n[lang=ko] {\n  --typo-base-font: Roboto, \"Noto Sans KR\";\n}\n\n[lang=zh-cmn-Hant] {\n  --typo-base-font: Roboto, \"Noto Sans TC\";\n}\n\n[lang=zh-cmn-Hans] {\n  --typo-base-font: Roboto, \"Noto Sans SC\";\n}\n\nhtml {\n  text-size-adjust: 100%;\n  font-size: var(--root-em);\n  text-rendering: optimizeLegibility;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n  font-size: var(--typo-base-size);\n  font-weight: var(--typo-base-weight);\n  line-height: var(--typo-base-height);\n  letter-spacing: var(--typo-base-height);\n  margin: var(--typo-base-margin);\n  color: var(--typo-base-color);\n  font-family: var(--typo-font);\n}\n\nh1,\n.text-h1 {\n  font-size: var(--typo-h1-size);\n  font-weight: var(--typo-h1-weight);\n  line-height: var(--typo-h1-height);\n  letter-spacing: var(--typo-h1-height);\n  margin: var(--typo-h1-margin);\n  color: var(--typo-h1-color);\n}\n\nh2,\n.text-h2 {\n  font-size: var(--typo-h2-size);\n  font-weight: var(--typo-h2-weight);\n  line-height: var(--typo-h2-height);\n  letter-spacing: var(--typo-h2-height);\n  margin: var(--typo-h2-margin);\n  color: var(--typo-h2-color);\n}\n\nh3,\n.text-h3 {\n  font-size: var(--typo-h3-size);\n  font-weight: var(--typo-h3-weight);\n  line-height: var(--typo-h3-height);\n  letter-spacing: var(--typo-h3-height);\n  margin: var(--typo-h3-margin);\n  color: var(--typo-h3-color);\n}\n\nh4,\n.text-h4 {\n  font-size: var(--typo-h4-size);\n  font-weight: var(--typo-h4-weight);\n  line-height: var(--typo-h4-height);\n  letter-spacing: var(--typo-h4-height);\n  margin: var(--typo-h4-margin);\n  color: var(--typo-h4-color);\n}\n\nh5,\n.text-h5 {\n  font-size: var(--typo-h5-size);\n  font-weight: var(--typo-h5-weight);\n  line-height: var(--typo-h5-height);\n  letter-spacing: var(--typo-h5-height);\n  margin: var(--typo-h5-margin);\n  color: var(--typo-h5-color);\n}\n\nh6,\n.text-h6 {\n  font-size: var(--typo-h6-size);\n  font-weight: var(--typo-h6-weight);\n  line-height: var(--typo-h6-height);\n  letter-spacing: var(--typo-h6-height);\n  margin: var(--typo-h6-margin);\n  color: var(--typo-h6-color);\n}\n\n.v-control--sm {\n  --control-field-rem: var(--control-field-rem-sm);\n  font-size: var(--control-field-rem);\n}\n.v-control--md {\n  --control-field-rem: var(--control-field-rem-md);\n  font-size: var(--control-field-rem);\n}\n.v-control--lg {\n  --control-field-rem: var(--control-field-rem-lg);\n  font-size: var(--control-field-rem);\n}",".v-form-selector__body {\n  display: block;\n}\n.v-form-selector--stacked .v-form-selector__body {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}",".v-form-control {\n  display: flex;\n  flex-direction: column;\n  margin: var(--control-horizontal-margin) 0;\n  --my-label-color: var(--control-label-color);\n  --my-message-color: var(--control-message-color);\n}\n.v-form-control--invalid:not(.v-form-control--readonly) {\n  --my-label-color: var(--main-color);\n  --my-message-color: var(--main-color);\n}\n.v-form-control--disabled {\n  --my-label-color: var(--control-disabled-color);\n  --my-message-color: var(--control-disabled-color);\n}\n.v-form-control__label {\n  align-self: flex-start;\n  font-size: var(--control-label-font-size);\n  font-weight: var(--control-label-font-weight);\n  line-height: var(--control-label-height);\n  color: var(--my-label-color);\n  letter-spacing: 0.00938em;\n}\n.v-form-control__info {\n  display: flex;\n  padding-top: 3px;\n}\n.v-form-control__message, .v-form-control__appends {\n  margin: 0 var(--control-message-horizontal-margin);\n  font-size: var(--control-message-font-size);\n  line-height: 1.66;\n  color: var(--my-message-color);\n}\n.v-form-control__message {\n  flex: 1 0;\n}\n.v-form-control__appends {\n  flex: 0 1;\n  margin-left: auto;\n}",".v-icon {\n  user-select: none;\n}\n.v-icon--clickable {\n  cursor: pointer;\n}\n.v-icon__body {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 150ms linear;\n}",".v-checkbox {\n  --my-border-color: var(--color);\n  --my-faux-bg-color: transparent;\n}\n.v-checkbox--selected, .v-checkbox--indeterminate {\n  --my-border-color: transparent;\n  --my-faux-bg-color: var(--color);\n}\n.v-checkbox__faux {\n  display: block;\n  width: 100%;\n  height: 100%;\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 88.25% 28.25%, 38% 78.125%, 12% 50%, 20% 42.1875%, 38% 63%, 82% 20%, 88.25% 28.25%, 100% 0);\n  background: var(--my-faux-bg-color);\n  border: solid 2px var(--my-border-color);\n  border-radius: var(--control-field-radius);\n  transition: border-color 0.2s, background-color 0.2s;\n}\n.v-checkbox--indeterminate .v-checkbox__faux {\n  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0, 77.7777777778% 44.4444444444%, 77.7777777778% 55.5555555556%, 22.2222222222% 55.5555555556%, 22.2222222222% 44.4444444444%, 77.7777777778% 44.4444444444%, 100% 0);\n}",".v-checkable {\n  --outer-size: var(--control-checkable-outer-size);\n  --icon-size: var(--control-checkable-icon-size);\n  --color: var(--control-checkable-base-color);\n  display: inline-flex;\n  align-items: center;\n  padding-right: 1em;\n  cursor: pointer;\n  user-select: none;\n}\n.v-checkable--checked {\n  --color: var(--main-color);\n}\n.v-checkable--invalid:not(.v-checkable--readonly) {\n  --color: var(--main-color);\n}\n.v-checkable--disabled {\n  --color: var(--control-disabled-color);\n  pointer-events: none;\n  cursor: default;\n}\n.v-checkable--readonly {\n  pointer-events: none;\n  cursor: default;\n}\n.v-checkable input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(100%);\n  white-space: nowrap;\n}\n.v-checkable__faux {\n  position: relative;\n  display: inline-flex;\n  flex: 0 0 var(--outer-size);\n  align-items: center;\n  justify-content: center;\n  width: var(--outer-size);\n  height: var(--outer-size);\n  margin: var(--control-checkable-faux-margin);\n  margin-left: 0;\n  color: var(--color);\n  cursor: pointer;\n}\n.v-checkable__faux__icon {\n  position: relative;\n  display: block;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  pointer-events: none;\n  transform: scale(var(--control-checkable-faux-scale));\n}\n.v-checkable__faux::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  pointer-events: none;\n  content: \"\";\n  background: currentColor;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.v-checkable__faux:hover::before {\n  opacity: 0.1;\n}\n.v-checkable--custom-icon .v-checkable__faux {\n  flex-basis: auto;\n  width: auto;\n}\n.v-checkable--custom-icon .v-checkable__faux::before {\n  content: none;\n}\n.v-checkable:focus-within .v-checkable__faux::before {\n  opacity: 0.2;\n}\n.v-checkable__label {\n  line-height: 1.5;\n}\n.v-checkable--disabled .v-checkable__label {\n  color: var(--color);\n}",".v-radio {\n  --my-color: var(--color);\n}\n.v-radio__faux {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 100%;\n  transition: border-color 0.2s, background-color 0.2s;\n}\n.v-radio__faux::before, .v-radio__faux::after {\n  position: absolute;\n  display: block;\n  content: \"\";\n  border-radius: 100%;\n}\n.v-radio__faux::before {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border: solid 2px currentColor;\n}\n.v-radio__faux::after {\n  top: 50%;\n  left: 50%;\n  width: 50%;\n  height: 50%;\n  background: currentColor;\n  transition: transform 0.2s;\n  transform: translate(-50%, -50%) scale(0);\n}\n.v-radio--selected .v-radio__faux::after {\n  transform: translate(-50%, -50%) scale(1);\n}",".v-switch {\n  --my-pin-color: var(--palette-background);\n}\n.v-switch--selected {\n  --my-pin-color: var(--color);\n}\n.v-switch__faux {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  width: var(--control-switch-width);\n  height: 100%;\n  cursor: pointer;\n}\n.v-switch__faux::before {\n  display: block;\n  width: var(--control-switch-track-width);\n  height: var(--control-switch-track-height);\n  content: \"\";\n  background: var(--color);\n  border-radius: calc(var(--control-switch-track-height) / 2);\n  opacity: 0.5;\n}\n.v-switch__faux__pin {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--outer-size);\n  height: var(--outer-size);\n  border-radius: 50%;\n  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.v-switch__faux__pin::before, .v-switch__faux__pin::after {\n  display: block;\n  content: \"\";\n}\n.v-switch__faux__pin::before {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background: currentColor;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.v-switch__faux__pin::after {\n  position: relative;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  background: var(--my-pin-color);\n  border-radius: 50%;\n  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1px -1px, rgba(0, 0, 0, 0.14) 0 1px 1px 0, rgba(0, 0, 0, 0.12) 0 1px 3px 0;\n  transform: scale(var(--control-checkable-faux-scale));\n}\n.v-switch--selected .v-switch__faux__pin {\n  left: calc(100% - var(--outer-size));\n}\n.v-switch--disabled .v-switch__faux::before {\n  background-color: #000;\n  opacity: 0.12;\n}\n.v-switch--disabled .v-switch__faux__pin::after {\n  background-color: whitesmoke;\n}\n.v-switch__faux:hover .v-switch__faux__pin::before {\n  opacity: 0.1;\n}\n.v-switch:focus-within .v-switch__faux__pin::before {\n  opacity: 0.1;\n}",".v-option {\n  position: relative;\n  display: flex;\n  width: 100%;\n  padding: 0.375em 1em;\n  cursor: pointer;\n  user-select: none;\n}\n.v-option input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(100%);\n  white-space: nowrap;\n}\n.v-option::before, .v-option::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  pointer-events: none;\n  content: \"\";\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.v-option::before {\n  background: currentColor;\n}\n.v-option::after {\n  background: var(--palette-primary);\n}\n.v-option:hover::before, .v-option:focus-within::before {\n  opacity: 0.12;\n}\n.v-option__label {\n  position: relative;\n  display: block;\n}\n.v-option--selected::after {\n  opacity: 0.12;\n}\n.v-option--selected .v-option__label {\n  font-weight: 500;\n  color: var(--palette-primary);\n}\n.v-option--has-not-value .v-option__label {\n  font-style: italic;\n}",".v-option-group {\n  display: block;\n}",".v-select__input {\n  cursor: pointer;\n}\n.v-select__input__element {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  clip-path: inset(100%);\n  white-space: nowrap;\n}\n.v-select__body {\n  padding: 0.5em 0;\n}\n.v-select__selections {\n  display: table;\n  width: 100%;\n  table-layout: fixed;\n}\n.v-select__selections__inner {\n  display: table-cell;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n.v-select__placeholder {\n  font-style: italic;\n  color: var(--control-disabled-color);\n}",".v-control-field {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  width: 100%;\n  min-width: 0;\n  height: var(--control-field-height);\n  padding: 0 8px;\n  font-size: var(--control-field-font-size);\n  line-height: var(--control-field-line-height);\n  letter-spacing: var(--control-field-letter-spacing);\n  --my-bottom-color: var(--control-field-bottom-color);\n  --my-bottom-hover-color: var(--control-field-bottom-hover-color);\n  --my-focused-color: var(--main-color);\n  --my-fill-color: var(--control-field-fill-color);\n  --my-fill-hover-color: var(--control-field-fill-hover-color);\n  --my-outline-color: var(--control-field-outline-color);\n  --my-outline-hover-color: var(--control-field-outline-hover-color);\n}\n.v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly) {\n  --my-bottom-color: var(--main-color);\n  --my-bottom-hover-color: var(--main-color);\n  --my-outline-color: var(--main-color);\n  --my-outline-hover-color: var(--main-color);\n}\n.v-control-field--readonly {\n  cursor: default;\n}\n.v-control-field--disabled {\n  color: var(--control-disabled-color);\n  pointer-events: none;\n  user-select: none;\n}\n.v-control-field::before, .v-control-field::after {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  content: \"\";\n}\n.v-control-field::before {\n  height: 1px;\n  border-bottom: solid 1px var(--my-bottom-color);\n  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.v-control-field::after {\n  height: 2px;\n  background: var(--my-focused-color);\n  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n  transform: scaleX(0);\n}\n.v-control-field--focused, .v-control-field:focus-within {\n  --my-outline-color: var(--my-focused-color);\n  --my-outline-hover-color: var(--my-focused-color);\n  outline: none;\n}\n.v-control-field--focused::after, .v-control-field:focus-within::after {\n  transform: scaleX(1);\n}\n.v-control-field--auto-height {\n  height: auto;\n}\n.v-control-field__body {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: stretch;\n  align-self: stretch;\n  margin: 0;\n}\n.v-control-field--flat {\n  padding-right: 0;\n  padding-left: 0;\n}\n.v-control-field--filled {\n  background-color: var(--my-fill-color);\n  border-top-left-radius: var(--control-field-radius);\n  border-top-right-radius: var(--control-field-radius);\n  transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.v-control-field--filled:hover:not(:focus-within) {\n  background-color: var(--my-fill-hover-color);\n}\n.v-control-field--flat:hover::before, .v-control-field--filled:hover::before {\n  border-color: var(--my-bottom-hover-color);\n}\n.v-control-field--flat:hover::before {\n  height: 2px;\n  border-bottom-width: 2px;\n}\n.v-control-field--flat.v-control-field--disabled::before, .v-control-field--filled.v-control-field--disabled::before {\n  border-bottom-style: dotted;\n}\n.v-control-field--outlined {\n  border-radius: var(--control-field-radius);\n  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n}\n.v-control-field--outlined::before {\n  top: 0;\n  height: auto;\n  background: transparent;\n  border: solid 1px var(--my-outline-color);\n  border-radius: inherit;\n}\n.v-control-field--outlined:hover::before {\n  border-color: var(--my-outline-hover-color);\n}\n.v-control-field--outlined::after {\n  content: none;\n}\n.v-control-field--outlined:focus-within {\n  box-shadow: 0 0 1px var(--shadow-color), 0 0 2px 2px var(--focusShadow-color);\n}\n.v-control-field__adornment--start {\n  padding-right: 0.25em;\n}\n.v-control-field__adornment--end {\n  padding-left: 0.25em;\n}\n.v-control-field__adornment .v-icon {\n  font-size: 1.2em;\n}",".v-text-field__input {\n  cursor: text;\n}\n.v-text-field__input__element {\n  width: 100%;\n  min-width: 0;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  font-size: inherit;\n  line-height: inherit;\n  text-overflow: ellipsis;\n  letter-spacing: inherit;\n  white-space: nowrap;\n  background: transparent;\n  border: 0;\n  border-radius: 0;\n  outline: 0;\n}\n.v-text-field__input__element:-webkit-autofill:-webkit-autofill, .v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover, .v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus, .v-text-field__input__element:-webkit-autofill:-webkit-autofill:active {\n  color: inherit !important;\n  transition: background-color 5000s;\n  -webkit-text-fill-color: #fff !important;\n}\n.v-text-field__input__element::-ms-clear {\n  display: none;\n}\n.v-text-field__input__element::placeholder {\n  font-style: italic;\n  color: var(--control-disabled-color);\n}",".v-text-counter {\n  white-space: nowrap;\n}",".v-textarea__input {\n  cursor: text;\n}\n.v-textarea__input__element {\n  width: 100%;\n  min-width: 0;\n  padding: 8px 0;\n  margin: 0;\n  font-size: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  resize: none;\n  background: transparent;\n  border: 0;\n  border-radius: 0;\n  outline: 0;\n}\n.v-textarea__input__element:-webkit-autofill:-webkit-autofill, .v-textarea__input__element:-webkit-autofill:-webkit-autofill:hover, .v-textarea__input__element:-webkit-autofill:-webkit-autofill:focus, .v-textarea__input__element:-webkit-autofill:-webkit-autofill:active {\n  color: inherit !important;\n  transition: background-color 5000s;\n  -webkit-text-fill-color: #fff !important;\n}\n.v-textarea__input__element::-ms-clear {\n  display: none;\n}\n.v-textarea__input__element::placeholder {\n  font-style: italic;\n  color: var(--control-disabled-color);\n}"]}

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.3.6",
+  "version": "0.4.0",
   "description": "@fastkit/vui",
+  "buildOptions": {
+    "name": "Vui",
+    "tool": true
+  },
   "main": "index.js",
   "module": "dist/vui.esm-bundler.js",
   "files": [
@@ -23,12 +27,14 @@
   },
   "homepage": "https://github.com/dadajam4/fastkit/tree/dev/packages/vui#readme",
   "peerDependencies": {
-    "vue": "^3.2.19"
+    "vite": "^2.6.0",
+    "vue": "^3.2.0"
   },
   "dependencies": {
-    "@fastkit/color-scheme": "0.3.6",
-    "@fastkit/icon-font": "0.3.6",
-    "@fastkit/tiny-logger": "0.3.6",
-    "@fastkit/vue-kit": "0.3.6"
+    "@fastkit/color-scheme": "0.4.0",
+    "@fastkit/icon-font": "0.4.0",
+    "@fastkit/tiny-logger": "0.4.0",
+    "@fastkit/vite-kit": "0.4.0",
+    "@fastkit/vue-kit": "0.4.0"
   }
 }