vuiii 0.1.5-alpha → 1.0.0-beta.0

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

@@ -1,19 +1,16 @@
 import '../assets/css/button.css';
 import { PropType } from 'vue';
-declare const sizes: readonly ["normal", "small"];
-declare const variants: readonly ["default", "primary", "secondary", "danger"];
-export declare type Size = typeof sizes[number];
-export declare type Variant = typeof variants[number];
+import { ButtonSize, ButtonVariant } from '../types';
 declare const _default: import("vue").DefineComponent<{
     size: {
         type: PropType<"small" | "normal">;
         default: string;
-        validator: (value: Size) => boolean;
+        validator: (value: ButtonSize) => boolean;
     };
     variant: {
         type: PropType<"default" | "primary" | "secondary" | "danger">;
         default: string;
-        validator: (value: Variant) => boolean;
+        validator: (value: ButtonVariant) => boolean;
     };
     prefixIcon: {
         type: StringConstructor;
@@ -34,17 +31,16 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, unknown, {
     component(): string;
     classModifiers(): string[];
-    normalizedAttrs(): object;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"small" | "normal">;
         default: string;
-        validator: (value: Size) => boolean;
+        validator: (value: ButtonSize) => boolean;
     };
     variant: {
         type: PropType<"default" | "primary" | "secondary" | "danger">;
         default: string;
-        validator: (value: Variant) => boolean;
+        validator: (value: ButtonVariant) => boolean;
     };
     prefixIcon: {
         type: StringConstructor;

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

@@ -1,11 +1,11 @@
-import { PropType } from 'vue';
-import { RouteLocationRaw } from 'vue-router';
-import { FormFieldsStructure } from './FormFields.vue';
 export declare type FormStructure<T = any> = {
     title?: string;
     separator?: boolean;
     fields: FormFieldsStructure<T>;
 }[];
+import { PropType } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+import { FormFieldsStructure } from './FormFields.vue';
 declare const _default: import("vue").DefineComponent<{
     structure: {
         type: PropType<FormStructure<any>>;
@@ -36,7 +36,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     submitting: BooleanConstructor;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "submit" | "cancel")[], "update:modelValue" | "change" | "submit" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {
+    handleSubmit(): void;
+    handleCancel(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "submit" | "cancel")[], "update:modelValue" | "change" | "submit" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     structure: {
         type: PropType<FormStructure<any>>;
         default: () => {};

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

@@ -26,7 +26,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Record<string, string | boolean | string[]>>;
         default: () => {};
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {
+    getFieldValue(name: string): unknown;
+    setFieldValue(name: string, value: unknown): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: PropType<FormFieldsStructure<any>>;
         default: () => {};

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

@@ -0,0 +1,64 @@
+import { PropType } from 'vue';
+import { Extractor, Option } from '../utils/normalizeOptions';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    options: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    optionLabelKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionValueKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionDisabledKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    required: BooleanConstructor;
+}, unknown, {
+    inputName: number;
+}, {
+    normalizedOptions(): Option[];
+}, {}, import("vue").DefineComponent<{}, {}, {}, {
+    normalizedAttrs(): any;
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    options: {
+        type: (ObjectConstructor | ArrayConstructor)[];
+        required: true;
+    };
+    optionLabelKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionValueKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    optionDisabledKey: {
+        type: PropType<Extractor>;
+        default: undefined;
+    };
+    required: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    modelValue: string | number;
+    optionLabelKey: Extractor;
+    optionValueKey: Extractor;
+    optionDisabledKey: Extractor;
+}>;
+export default _default;

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

@@ -4,7 +4,7 @@ import { Extractor, Option } from '../utils/normalizeOptions';
 declare const sizes: readonly ["normal", "small"];
 declare type Size = typeof sizes[number];
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
+    modelValue: {
         type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
         default: string;
     };
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     allowEmpty: BooleanConstructor;
 }>>, {
     size: "small" | "normal";
-    value: string | number | Record<string, any>;
+    modelValue: string | number | Record<string, any>;
     optionLabelKey: Extractor;
     optionValueKey: Extractor;
     optionDisabledKey: Extractor;

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

@@ -1,6 +1,6 @@
 import '../assets/css/input.css';
 declare const _default: import("vue").DefineComponent<{
-    value: {
+    modelValue: {
         type: StringConstructor;
         default: string;
     };
@@ -9,11 +9,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
+    modelValue: {
         type: StringConstructor;
         default: string;
     };
 }>>, {
-    value: string;
+    modelValue: string;
 }>;
 export default _default;

package/dist/components/modal/ModalLayout.vue.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     title: {
         type: StringConstructor;
@@ -10,7 +11,13 @@ declare const _default: import("vue").DefineComponent<{
     hideCloser: BooleanConstructor;
     scroll: BooleanConstructor;
     plain: BooleanConstructor;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {
+    hasHeader(): boolean;
+    hasFooter(): boolean;
+    computedStyle(): Partial<CSSProperties>;
+}, {
+    close(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;

package/dist/components/modal/ModalLayoutDialog.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ButtonOptions[]>;
         default: () => never[];
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
         default: string;

package/dist/components/modal/ModalStack.vue.d.ts

@@ -1,11 +1,21 @@
-import { PropType } from 'vue';
+import { ComponentPublicInstance, PropType } from 'vue';
 import { Modal } from '@/modal';
 declare const _default: import("vue").DefineComponent<{
     modals: {
         type: PropType<Modal[]>;
         default: () => never[];
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closeModal"[], "closeModal", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {
+    modalInstances: Record<number, ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>>;
+    registerReference(modalId: number): (instance: ComponentPublicInstance) => ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+}, {
+    activeModal(): Modal | null;
+}, {
+    closeModal(modal: Modal, result?: any): void;
+    closeActiveModal(): void;
+    closeActiveModalByEscapeKey(e: KeyboardEvent): void;
+    closeModalByBackdropClick(e: MouseEvent, modal: Modal): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closeModal"[], "closeModal", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modals: {
         type: PropType<Modal[]>;
         default: () => never[];

package/dist/components/snackbar/SnackbarStack.vue.d.ts

@@ -5,7 +5,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Message[]>;
         default: () => never[];
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove-message"[], "remove-message", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {
+    messagesInReverse(): Message[];
+}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove-message"[], "remove-message", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     messages: {
         type: PropType<Message[]>;
         default: () => never[];

package/dist/hooks/useSubmitAction.d.ts

@@ -1,6 +1,7 @@
 import { Ref } from 'vue';
 import { RouteLocationRaw, Router } from 'vue-router';
 import { useModal } from '../modal';
+import { Snackbar } from '../snackbar';
 export declare type ValidationErrors<T = any> = {
     [key in keyof T]?: any;
 };
@@ -16,11 +17,13 @@ export declare function useSubmitAction<D = unknown, R = unknown>(action: (data:
         result: R;
         data: D;
         router: Router;
+        snackbar: Snackbar;
     }) => void;
     onError?: (params: {
         error: Error;
         data: D;
         router: Router;
+        snackbar: Snackbar;
     }) => boolean | void;
     redirectOnSuccess?: RouteLocationRaw | ((result: R, data: D) => RouteLocationRaw) | undefined;
     successMessage?: ((result: R, data: D) => string) | string;

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import './assets/css/style.css';
 export type { BreadcrumbItems } from './components/Breadcrumbs.vue';
 export { default as Breadcrumbs } from './components/Breadcrumbs.vue';
-export type { Size as ButtonSize, Variant as ButtonVariant } from './components/Button.vue';
 export { default as Button } from './components/Button.vue';
 export { default as Checkbox } from './components/Checkbox.vue';
 export { default as CheckboxGroup } from './components/CheckboxGroup.vue';
@@ -13,6 +12,7 @@ export { default as FormGroup } from './components/FormGroup.vue';
 export { default as Icon, registerCustomIconResolver } from './components/Icon.vue';
 export { default as Input } from './components/Input.vue';
 export { default as ModalLayout } from './components/modal/ModalLayout.vue';
+export { default as Radio } from './components/Radio.vue';
 export { default as Select } from './components/Select.vue';
 export type { TableColumns } from './components/Table.vue';
 export { default as Table } from './components/Table.vue';
@@ -21,3 +21,4 @@ export { useLoadData } from './hooks/useLoadData';
 export { useSubmitAction } from './hooks/useSubmitAction';
 export { modal, useModal } from './modal';
 export { snackbar, useSnackbar } from './snackbar';
+export type { ButtonSize, ButtonVariant } from './types';

package/dist/modal.d.ts

@@ -1,5 +1,5 @@
 import { Component, ComponentCustomProps, Plugin } from 'vue';
-import { Variant as ButtonVariant } from './components/Button.vue';
+import { ButtonVariant } from './types';
 export declare type Modal = {
     id: number;
     component: Component;

package/dist/style.css

@@ -1 +1 @@
-.link{cursor:pointer;color:var(--vui-color-primary);text-decoration:none}.link:hover{color:var(--vui-color-primary--darker);text-decoration:underline}.link.link--danger,.link.link--danger:hover{color:var(--vui-color-danger--darker)}.IconSpinner[data-v-683816b2]{will-change:transform;-webkit-animation:animation-683816b2 .7s infinite linear;animation:animation-683816b2 .7s infinite linear}@-webkit-keyframes animation-683816b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animation-683816b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Icon[data-v-cc79c81e]{display:inline-block;vertical-align:middle;width:1.5rem;aspect-ratio:1 / 1;flex:none}.Breadcrumbs[data-v-357000f6]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;opacity:.5}.Breadcrumbs__breadcrumb[data-v-357000f6]{display:flex;align-items:center;font-size:.85rem;gap:.5rem}.Breadcrumbs__link[data-v-357000f6]:hover{text-decoration:underline}.Breadcrumbs__arrow[data-v-357000f6]{width:1rem}:root{--vui-color-gray: rgb(212 212 216);--vui-color-gray--light: rgb(229, 229, 229);--vui-color-gray--lighter: rgb(245, 245, 245);--vui-color-gray--lightest: rgb(250, 250, 250);--vui-color-gray--dark: rgb(163, 163, 163);--vui-color-gray--darker: rgb(115, 115, 115);--vui-color-gray--darkest: rgb(82, 82, 82);--vui-color-primary: rgb(79 70 229);--vui-color-primary-shadow: rgb(67 56 202/.25);--vui-color-primary--darker: rgb(67 56 202);--vui-color-danger: rgb(225 29 72);--vui-color-danger-shadow: rgb(225 29 72/.25);--vui-color-danger--darker: rgb(190 18 60);--vui-color-success: rgb(77 124 15);--vui-color-success-shadow: rgb(77 124 15/.25);--vui-color-success--darker: rgb(63 98 18);--vui-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1));--vui-field-height: 3rem;--vui-field-ringSize: 4px;--vui-field-borderRadius: .375rem;--vui-field-fontSize: .96rem;--vui-field-borderColor: rgb(212 212 216);--vui-field-borderColor--active: rgb(67 56 202);--vui-field-ringColor: rgb(79 70 229/.1);--vui-field-transition: box-shadow .15s, transform .15s, box-shadow .15s, border-color .15s, background-color .15s;--vui-field-fontSize--small: .85rem;--vui-field-height--small: 2.25rem;--vui-field-ringSize--small: 2px;--vui-fontSize-base: 1rem;--vui-fontSize-small: .85rem}.button{--bgColor: var(--vui-button-bgColor, transparent);--textColor: var(--vui-button-textColor, black);--borderRadius: var(--vui-button-borderRadius, var(--vui-field-borderRadius));--borderWidth: var(--vui-button-borderWidth, 1px);--borderColor: var(--vui-button-borderColor, var(--vui-color-gray));--height: var(--vui-button-height, var(--vui-field-height));--padding: var(--vui-button-padding, 2rem);--fontSize: var(--vui-button-fontSize, var(--vui-field-fontSize));--shadow: var(--vui-button-shadow, var(--vui-shadow));--transition: var(--vui-button-transition, var(--vui-field-transition));--shadow: var(--vui-button-shadow, var(--vui-field-shadow));--ringColor: var(--vui-button-ringColor, rgb(0 0 0/.05));--ringSize: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;gap:.5rem;align-items:center;align-self:center;justify-content:center;padding:0 var(--padding);min-height:var(--height);cursor:pointer;font-size:var(--fontSize);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--borderRadius);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow);transition:var(--transition);position:relative;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);color:var(--textColor)}.button:hover{--bgColor: var(--vui-button-bgColor--hover, var(--vui-button-bgColor, transparent));--borderColor: var(--vui-button-borderColor--hover, var(--vui-color-gray--dark));--textColor: var(--vui-button-textColor--hover, var(--vui-button-textColor, black))}.button:focus{--shadow: var(--vui-button-shadow--focus, var(--vui-field-shadow--focus));--ringSize: var(--vui-button-ringSize, var(--vui-field-ringSize));--borderColor: var(--vui-button-borderColor--focus, var(--vui-field-borderColor--focus));--bgColor: var(--vui-button-bgColor--focus, var(--vui-button-bgColor))}.button.button--small{--height: var(--vui-button-height--small, var(--vui-field-height--small));--padding: var(--vui-button-padding--small, 1rem);--fontSize: var(--vui-button-fontSize--small, var(--vui-field-fontSize--small)) }.button.button--small:focus{--ringSize: var(--vui-field-ringSize--small)}.button.button--primary{--bgColor: var(--vui-button-bgColor--primary, var(--vui-color-primary));--borderColor: var(--vui-button-borderColor--primary, transparent);--textColor: var(--vui-button-textColor--primary, white);--ringColor: var(--vui-button-ringColor--primary, var(--vui-color-primary-shadow)) }.button.button--primary:hover{--bgColor: var(--vui-button-bgColor--primary--hover, var(--vui-button-bgColor--primary, var(--vui-color-primary--darker)));--borderColor: var(--vui-button-borderColor--primary--hover, var(--vui-button-borderColor--primary, transparent));--textColor: var(--vui-button-textColor--primary--hover, var(--vui-button-textColor--primary, white))}.button.button--secondary{--bgColor: var(--vui-button-bgColor--secondary, var(--vui-color-gray));--borderColor: var(--vui-button-borderColor--secondary, transparent);--textColor: var(--vui-button-textColor--secondary, black);--ringColor: var(--vui-button-ringColor--secondary, var(--vui-color-secondary-shadow)) }.button.button--secondary:hover{--bgColor: var(--vui-button-bgColor--secondary--hover, var(--vui-button-bgColor--secondary, var(--vui-color-gray--dark)));--borderColor: var(--vui-button-borderColor--secondary--hover, var(--vui-button-borderColor--secondary, transparent));--textColor: var(--vui-button-textColor--secondary--hover, var(--vui-button-textColor--secondary, black))}.button.button--danger{--bgColor: var(--vui-button-bgColor--danger, var(--vui-color-danger));--borderColor: var(--vui-button-borderColor--danger, transparent);--textColor: var(--vui-button-textColor--danger, white);--ringColor: var(--vui-button-ringColor--danger, var(--vui-color-danger-shadow)) }.button.button--danger:hover{--bgColor: var(--vui-button-bgColor--danger--hover, var(--vui-button-bgColor--danger, var(--vui-color-danger--darker)));--borderColor: var(--vui-button-borderColor--danger--hover, var(--vui-button-borderColor--danger, transparent));--textColor: var(--vui-button-textColor--danger--hover, var(--vui-button-textColor--danger, white))}.button:disabled,.button.button--disabled{opacity:.65;pointer-events:none}.Button--block[data-v-4c3e5fdd]{width:100%}.Button__icon--small[data-v-4c3e5fdd]{width:.75rem}.Button__icon--normal[data-v-4c3e5fdd]{width:1.35rem}.Button__icon--prefix.Button__icon--normal[data-v-4c3e5fdd]{margin-left:-.125rem}.Button__icon--suffix.Button__icon--normal[data-v-4c3e5fdd]{margin-right:-.125rem}.input{--bgColor: var(--vui-input-bgColor, white);--borderRadus: var(--vui-input-borderRadius, var(--vui-field-borderRadius));--borderWidth: var(--vui-input-borderWidth, 1px);--borderColor: var(--vui-input-borderColor, var(--vui-color-gray));--height: var(--vui-input-height, var(--vui-field-height));--padding: var(--vui-input-padding, 1rem);--fontSize: var(--vui-input-fontSize, var(--vui-field-fontSize));--transition: var(--vui-input-transition, var(--vui-field-transition));--shadow: var(--vui-input-shadow, var(--vui-field-shadow));--ringColor: var(--vui-input-ringColor, var(--vui-field-ringColor));--ringSize: 0;width:100%;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadus);padding:0 var(--padding);min-height:var(--height);font-size:var(--fontSize);transition:var(--transition);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow)}.input::-moz-placeholder{color:var(--vui-input-placeholderColor, var(--vui-color-gray--dark))}.input:-ms-input-placeholder{color:var(--vui-input-placeholderColor, var(--vui-color-gray--dark))}.input::placeholder{color:var(--vui-input-placeholderColor, var(--vui-color-gray--dark))}.input:focus,.input:focus-within{--shadow: var(--vui-input-shadow--focus, var(--vui-field-shadow--focus, var(--vui-input-shadow, var(--vui-field-shadow))));--ringSize: var(--vui-input-ringSize, var(--vui-field-ringSize));--borderColor: var(--vui-input-borderColor--focus, var(--vui-field-borderColor--focus, var(--vui-input-borderColor, var(--vui-color-gray))));--bgColor: var(--vui-input-bgColor--focus, var(--vui-input-bgColor, white));outline:none}.input:disabled,.input.input--disabled{--borderColor: var(--vui-color-gray--light);opacity:.6;pointer-events:none}.input.input--small{--height: var(--vui-input-height--small, var(--vui-field-height--small));--fontSize: var(--vui-input-fontSize--small, var(--vui-field-fontSize--small)) }.input.input--small:focus,.input.input--small:focus-within{--ringSize: var(--vui-field-ringSize--small)}.input.input--valid{color:var(--vui-color-success);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2356B981' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.input.input--invalid{--borderColor: var(--vui-color-danger);--ringColor: var(--vui-color-danger-shadow);color:var(--vui-color-success);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.input.input--invalid:focus,.input.input--invalid:focus-within{outline:none}.input .input__nested{padding:0 var(--padding);line-height:1;background:transparent;border:none;border-radius:var(--borderRadus);min-height:calc(var(--height) - 2px);outline:none;cursor:inherit}.input .input__nested::-moz-placeholder{color:var(--vui-color-gray--dark)}.input .input__nested:-ms-input-placeholder{color:var(--vui-color-gray--dark)}.input .input__nested::placeholder{color:var(--vui-color-gray--dark)}select.input{padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');background-position:right .75rem center;background-size:1.2rem;text-overflow:ellipsis}@supports (-moz-appearance:none){select.input{line-height:3}}select.input.input--small{padding-right:2rem;background-size:1rem}input[type=number].input{-moz-appearance:textfield}input.input[type=number]::-webkit-outer-spin-button,input.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=checkbox].input,input[type=radio].input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;min-height:0;padding:0;background:white;cursor:pointer;flex:none}input.input[type=checkbox]:checked,input.input[type=radio]:checked{background-repeat:no-repeat;background-position:center;background-color:var(--vui-color-primary);border-color:var(--vui-color-primary)}input.input[type=checkbox]:disabled,input.input[type=radio]:disabled{cursor:default}input[type=checkbox].input{border-radius:.25rem}input.input[type=checkbox]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M20.405 40.983L38.79 59.368 81.217 16.94l14.142 14.143L38.79 87.652 6.263 55.125l14.142-14.142z"/></svg>');background-size:.75rem}input[type=radio].input{border-radius:100%}input.input[type=radio]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 1 1"><circle r=".5" cx=".5" cy=".5" /></svg>');background-size:.5rem}textarea.input{padding-top:.75rem;padding-bottom:.75rem;vertical-align:middle;line-height:1.25;resize:vertical}.Checkbox[data-v-6d3aac34]{display:inline-flex;align-items:flex-start;vertical-align:top;cursor:pointer}--disabled.Checkbox[data-v-6d3aac34]{opacity:.5}.Checkbox__input[data-v-6d3aac34]{margin-top:1px}.Checkbox__switch[data-v-6d3aac34]{padding:3px;margin-top:-1px;width:2.25rem;border-radius:999px;transition:all .15s ease-out;background:rgb(115,115,115)}--active.Checkbox__switch[data-v-6d3aac34]{background:var(--vui-color-primary)}.Checkbox__switchDot[data-v-6d3aac34]{width:1.25rem;aspect-ratio:1 / 1;background:white;border-radius:999px;transition:all .15s ease-out}.Checkbox__switch--active .Checkbox__switchDot[data-v-6d3aac34]{transform:translate(.75rem)}.Checkbox__label[data-v-6d3aac34]{margin-left:.5rem;line-height:1.375}.Checkbox__required[data-v-6d3aac34]{line-height:1;color:var(--vui-color-danger)}.CheckboxGroup>*+*{margin-top:.5rem}.FormGroup[data-v-4214535a]{width:100%}.FormGroup--invalid[data-v-4214535a] .input,.FormGroup--invalid[data-v-4214535a] .input:hover{--borderColor: var(--vui-field-borderColor--invalid, rgb(190 18 60) );--ringColor: var(--vui-field-ringColor--invalid, rgb(225 29 72/.2) )}.FormGroup__header[data-v-4214535a]{display:flex;align-items:center;margin-bottom:.5rem;gap:.25rem}.FormGroup__label[data-v-4214535a]{font-size:.8rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.FormGroup__required[data-v-4214535a]{line-height:1;color:var(--vui-color-danger)}.FormGroup__description[data-v-4214535a]{font-size:.8rem;margin-bottom:.75rem;max-width:48rem;color:#737373}.FormGroup__hint[data-v-4214535a]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:#737373}.FormGroup__error[data-v-4214535a]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:var(--vui-color-danger)}.FormFields>*+*[data-v-6e4bafe2]{margin-top:2rem}.Form>*+*[data-v-5366fc3a]{margin-top:2rem}.Form__buttons[data-v-5366fc3a]{display:flex;align-items:center;margin-top:2rem}.Form__buttons>*+*[data-v-5366fc3a]{margin-left:1rem}.Input.Input{cursor:text;display:flex;align-items:center;padding-left:0;padding-right:0;line-height:1}.Input__icon{display:flex;align-items:center;justify-content:center;width:3rem;opacity:.35}.Input__icon--right{margin-left:-1rem}.Input__icon--left{margin-right:-1rem}.Input__nestedInput{flex:auto;align-self:stretch;width:100%}.ModalLayout{position:relative;display:flex;flex-direction:column;align-items:stretch;margin:auto;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a}.ModalLayout.isScrollable{min-height:auto;max-height:calc(100vh - 3rem)}.ModalLayout__header{flex:0 0 auto;padding:1.25rem 4rem 1.25rem 1.5rem}.ModalLayout__header .ModalLayout.isPlain{padding:0}.ModalLayout__title{font-size:larger}.ModalLayout__close{position:absolute;z-index:1;top:0;right:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4.3rem;font-size:1.85rem;opacity:.4}.ModalLayout__close:hover{opacity:1;cursor:pointer}.ModalLayout__closeIcon{width:1.5rem;height:1.5rem}.ModalLayout__body{flex:1 0 auto;padding:1.5rem;border-radius:4px}.ModalLayout.hasHeader .ModalLayout__body{padding-top:0;border-top-right-radius:0;border-top-left-radius:0}.ModalLayout.hasFooter .ModalLayout__body{padding-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.ModalLayout.isScrollable .ModalLayout__body{flex:1 1 auto;overflow:auto;padding:1.5rem;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ModalLayout.isScrollable.hasHeader .ModalLayout__body{border-top:1px solid rgba(0,0,0,.1)}.ModalLayout.isScrollable.hasFooter .ModalLayout__body{border-bottom:1px solid rgba(0,0,0,.1)}.ModalLayout.isPlain .ModalLayout__body{padding:0}.ModalLayout__footer{flex:0 0 auto;padding:1.25rem 1.5rem}.ModalLayout.isPlain .ModalLayout__footer{padding:0}.table{min-width:100%}.table thead tr{border-bottom:1px solid var(--vui-color-gray)}.table thead th{padding:.75rem 1.5rem;font-size:.8rem;font-weight:600;text-align:left;letter-spacing:.025em;color:#404040;text-transform:uppercase}:is(.table tbody)>*+*{border-top:1px solid var(--vui-color-gray)}.table tbody td{padding:1rem 1.5rem}.table.table--hover tbody tr:hover td{background-color:#00000006}.link{cursor:pointer;color:var(--vui-color-primary);text-decoration:none}.link:hover{color:var(--vui-color-primary--darker);text-decoration:underline}.link.link--danger,.link.link--danger:hover{color:var(--vui-color-danger--darker)}.muted{color:var(--vui-color-gray-darker)}.ModalLayoutDialog__buttons{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem}.ModalLayoutDialog__buttons>*+*{margin-left:.5rem}.ModalStack{position:fixed;z-index:1050}.ModalStack__backdrop{background:rgba(0,0,0,.35);position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}.ModalStack__modalWrapper{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;width:auto;height:auto;padding:1.5rem;overflow:auto}.ModalStack__modalScroller{overflow:auto;position:relative;height:100vh;display:flex;justify-content:center;width:100%}.ModalStack__modal{transition:filter .15s}.ModalStack__modal:not(.isActive){filter:brightness(80%)}.ModalStack__modal-enter-active,.ModalStack__modal-leave-active{transition:opacity .15s;pointer-events:none}.ModalStack__modal-enter-from,.ModalStack__modal-leave-to{opacity:0;pointer-events:none}.ModalStack__backdrop-enter-active,.ModalStack__backdrop-leave-active{transition:opacity .15s;pointer-events:none}.ModalStack__backdrop-enter-from,.ModalStack__backdrop-leave-to{opacity:0;pointer-events:none}.Snackbar{position:fixed;bottom:0;right:0;z-index:10;margin:2rem}.Snackbar__transition-enter-from,.Snackbar__transition-leave-to{opacity:0;transform:translateY(.5rem)}.Snackbar__transition-enter-active,.Snackbar__transition-leave-active{transition:all .15s ease-out}.Snackbar__transition-enter-to,.Snackbar__transition-leave-from{opacity:1}.Snackbar__message{position:absolute;bottom:0;right:0;display:flex;justify-content:flex-end;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:48rem;pointer-events:none;word-break:break-word}.Snackbar__messageWrapper{padding-top:.5rem;transition:transform .15s ease-in}.Snackbar__messageBlock{display:inline-flex;align-items:flex-start;padding:.75rem 1.5rem;color:#fff;border-radius:.25rem;cursor:default;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Snackbar__messageBlock--success{background-color:#000}.Snackbar__messageBlock--error{background-color:var(--vui-color-danger)}.Snackbar__messageClose{display:inline-flex;justify-content:center;align-items:center;padding:.75rem;margin:-.75rem -.75rem -.75rem .75rem;font-size:.85rem;font-weight:600;opacity:.5;cursor:pointer}.Snackbar__messageClose:hover{opacity:1}.Snackbar__messageCloseIcon{width:1rem}
+.vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-color-danger--darker)}.IconSpinner[data-v-683816b2]{will-change:transform;-webkit-animation:animation-683816b2 .7s infinite linear;animation:animation-683816b2 .7s infinite linear}@-webkit-keyframes animation-683816b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animation-683816b2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Icon[data-v-cc79c81e]{display:inline-block;vertical-align:middle;width:1.5rem;aspect-ratio:1 / 1;flex:none}.Breadcrumbs[data-v-357000f6]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;opacity:.5}.Breadcrumbs__breadcrumb[data-v-357000f6]{display:flex;align-items:center;font-size:.85rem;gap:.5rem}.Breadcrumbs__link[data-v-357000f6]:hover{text-decoration:underline}.Breadcrumbs__arrow[data-v-357000f6]{width:1rem}:root{--vuiii-color-white: white;--vuiii-color-black: black;--vuiii-color-gray: rgb(212 212 216);--vuiii-color-gray--light: rgb(229, 229, 229);--vuiii-color-gray--lighter: rgb(245, 245, 245);--vuiii-color-gray--lightest: rgb(250, 250, 250);--vuiii-color-gray--dark: rgb(163, 163, 163);--vuiii-color-gray--darker: rgb(115, 115, 115);--vuiii-color-gray--darkest: rgb(82, 82, 82);--vuiii-color-primary: rgb(79 70 229);--vuiii-color-primary-shadow: rgb(67 56 202/.2);--vuiii-color-primary--darker: rgb(67 56 202);--vuii-color-secondary: rgb(212 212 216);--vuii-color-secondary-shadow: rgb(192 192 192/.25);--vuii-color-secondary--darker: rgb(192 192 192);--vuiii-color-danger: rgb(225 29 72);--vuiii-color-danger-shadow: rgb(225 29 72/.2);--vuiii-color-danger--darker: rgb(190 18 60);--vuiii-color-success: rgb(77 124 15);--vuiii-color-success-shadow: rgb(77 124 15/.2);--vuiii-color-success--darker: rgb(63 98 18);--vuiii-shadow: 0 1px 3px 0 rgb(0 0 0/.1), 0 1px 2px -1px rgb(0 0 0/.1);--vuiii-field-height: 2.75rem;--vuiii-field-padding: 1.4375rem;--vuiii-field-borderRadius: .35rem;--vuiii-field-borderWidth: 1px;--vuiii-field-borderColor: var(--vuiii-color-gray);--vuiii-field-fontSize: 1rem;--vuiii-field-ringColor: var(--vuiii-color-primary-shadow);--vuiii-field-ringSize: 4px;--vuiii-field-borderColor--active: var(--vuiii-color-primary);--vuiii-field-borderColor--focus: var(--vuiii-color-primary);--vuiii-field-borderColor--invalid: var(--vuiii-color-danger);--vuiii-field-height--small: 2rem;--vuiii-field-padding--small: 1.1875rem;--vuiii-field-fontSize--small: .8125rem;--vuiii-field-ringSize--small: 2px;--vuiii-field-height--large: 3rem;--vuiii-field-padding--large: 1.4375rem;--vuiii-field-fontSize--large: 1rem;--vuiii-field-height--xlarge: 3.25rem;--vuiii-field-padding--xlarge: 1.5625rem;--vuiii-field-fontSize--xlarge: 1.125rem;--vuiii-fontSize-base: 1rem;--vuiii-fontSize-small: .85rem}.vuiii-button{--bgColor: var(--vuiii-button-bgColor, transparent);--borderColor: var(--vuiii-button-borderColor, transparent);--textColor: var(--vuiii-button-textColor, black);--borderRadius: var(--vuiii-button-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth));--height: var(--vuiii-button-height, var(--vuiii-field-height));--padding: var(--vuiii-button-padding, var(--vuiii-field-padding));--fontSize: var(--vuiii-button-fontSize, var(--vuiii-field-fontSize));--fontWeight: var(--vuiii-button-fontWeight, 600);--shadow: var(--vuiii-button-shadow, 0 0);--transition: var(--vuiii-button-transition, var(--vuiii-field-transition, none));--ringColor: var(--vuiii-button-ringColor, rgb(0 0 0/.05));--gap: .5rem;--ringSize: 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;gap:var(--gap);align-items:center;align-self:center;justify-content:center;padding:0 var(--padding);min-height:var(--height);cursor:pointer;font-size:var(--fontSize, inherit);font-weight:var(--fontWeight, normal);font-family:var(--fontFamily, inherit);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:var(--borderRadius);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow);transition:var(--transition);position:relative;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);color:var(--textColor)}.vuiii-button:focus:not(:disabled){--borderColor: var(--vuiii-button-borderColor--focus, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--focus, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black));--ringSize: var(--vuiii-button-ringSize, var(--vuiii-field-ringSize))}.vuiii-button:hover:not(:disabled){--borderColor: var(--vuiii-button-borderColor--hover, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--hover, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--hover, var(--vuiii-button-textColor, black))}.vuiii-button.vuiii-button:disabled{pointer-events:none;opacity:var(--vuiii-button-opacity--disabled, var(--vuiii-field-opacity--disabled, .75));--borderColor: var(--vuiii-button-borderColor--disabled, var(--vuiii-button-borderColor, transparent));--bgColor: var(--vuiii-button-bgColor--disabled, var(--vuiii-button-bgColor, transparent));--textColor: var(--vuiii-button-textColor--disabled, var(--vuiii-button-textColor, black))}.vuiii-button.vuiii-button--small{--gap: .25rem;--height: var(--vuiii-button-height--small, var(--vuiii-field-height--small));--padding: var(--vuiii-button-padding--small, var(--vuiii-field-padding--small));--fontSize: var(--vuiii-button-fontSize--small, var(--vuiii-field-fontSize--small));--borderRadius: var(--vuiii-button-borderRadius--small, var(--vuiii-field-borderRadius--small, var(--vuiii-field-borderRadius))) }.vuiii-button.vuiii-button--small:focus:not(:disabled){--ringSize: var(--vuiii-button-ringSize--small, var(--vuiii-button-ringSize, var(--vuiii-field-ringSize--small)))}.vuiii-button.vuiii-button--large{--gap: .75rem;--height: var(--vuiii-button-height--large, var(--vuiii-field-height--large));--padding: var(--vuiii-button-padding--large, var(--vuiii-field-padding--large));--fontSize: var(--vuiii-button-fontSize--large, var(--vuiii-field-fontSize--large));--borderRadius: var(--vuiii-button-borderRadius--large, var(--vuiii-field-borderRadius--large, var(--vuiii-field-borderRadius)))}.vuiii-button.vuiii-button--xlarge{--gap: 1rem;--height: var(--vuiii-button-height--xlarge, var(--vuiii-field-height--xlarge));--padding: var(--vuiii-button-padding--xlarge, var(--vuiii-field-padding--xlarge));--fontSize: var(--vuiii-button-fontSize--xlarge, var(--vuiii-field-fontSize--xlarge));--borderRadius: var(--vuiii-button-borderRadius--xlarge, var(--vuiii-button-borderRadius--large, var(--vuiii-field-borderRadius--xlarge, var(--vuiii-field-borderRadius--large))))}.vuiii-button.vuiii-button--primary{--bgColor: var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary));--borderColor: var(--vuiii-button-borderColor--primary, transparent);--borderWidth: var(--vuiii-button-borderWidth--primary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--primary, white);--ringColor: var(--vuiii-button-ringColor--primary, var(--vuiii-color-primary-shadow)) }.vuiii-button.vuiii-button--primary:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--primary--focus, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary)));--borderColor: var(--vuiii-button-borderColor--primary--focus, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)));--textColor: var(--vuiii-button-textColor--primary--focus, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--primary:hover:not(:disabled),.vuiii-button.vuiii-button--primary.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--primary--hover, var(--vuiii-button-bgColor--primary, var(--vuiii-color-primary--darker)));--borderColor: var(--vuiii-button-borderColor--primary--hover, var(--vuiii-button-borderColor--primary, var(--vuiii-color-primary--darker, transparent)));--textColor: var(--vuiii-button-textColor--primary--hover, var(--vuiii-button-textColor--primary, white))}.vuiii-button.vuiii-button--secondary{--bgColor: var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary));--borderColor: var(--vuiii-button-borderColor--secondary, transparent);--borderWidth: var(--vuiii-button-borderWidth--secondary, var(--vuiii-button-borderWidth, var(--vuiii-field-borderWidth)));--textColor: var(--vuiii-button-textColor--secondary, black);--ringColor: var(--vuiii-button-ringColor--secondary, var(--vuiii-color-secondary-shadow)) }.vuiii-button.vuiii-button--secondary:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--secondary--focus, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary, transparent)));--borderColor: var(--vuiii-button-borderColor--secondary--focus, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)));--textColor: var(--vuiii-button-textColor--secondary--focus, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--secondary:hover:not(:disabled),.vuiii-button.vuiii-button--secondary.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--secondary--hover, var(--vuiii-button-bgColor--secondary, var(--vuiii-color-secondary--darker, transparent)));--borderColor: var(--vuiii-button-borderColor--secondary--hover, var(--vuiii-button-borderColor--secondary, var(--vuiii-color-secondary--darker, transparent)));--textColor: var(--vuiii-button-textColor--secondary--hover, var(--vuiii-button-textColor--secondary, black))}.vuiii-button.vuiii-button--danger{--bgColor: var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger));--borderColor: var(--vuiii-button-borderColor--danger, transparent);--textColor: var(--vuiii-button-textColor--danger, white);--ringColor: var(--vuiii-button-ringColor--danger, var(--vuiii-color-danger-shadow)) }.vuiii-button.vuiii-button--danger:focus:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--focus, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger)));--borderColor: var(--vuiii-button-borderColor--danger--focus, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--focus, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--danger:hover:not(:disabled),.vuiii-button.vuiii-button--danger.vuiii-button--active:not(:disabled){--bgColor: var(--vuiii-button-bgColor--danger--hover, var(--vuiii-button-bgColor--danger, var(--vuiii-color-danger--darker)));--borderColor: var(--vuiii-button-borderColor--danger--hover, var(--vuiii-button-borderColor--danger, transparent));--textColor: var(--vuiii-button-textColor--danger--hover, var(--vuiii-button-textColor--danger, white))}.vuiii-button.vuiii-button--light{--bgColor: white;--textColor: black }.vuiii-button.vuiii-button--light:hover:not(:disabled),.vuiii-button.vuiii-button--light:focus:not(:disabled){--ringSize: 0;--textColor: black;--bgColor: rgba(39, 41, 55, .05)}.vuiii-button.vuiii-button--dark{--bgColor: black;--textColor: white }.vuiii-button.vuiii-button--dark:hover:not(:disabled),.vuiii-button.vuiii-button--dark:focus:not(:disabled){--ringColor: rgba(39, 41, 55, .05);--textColor: white;--bgColor: black}.Button--block[data-v-24bf0302]{width:100%}.Button__icon--small[data-v-24bf0302]{width:.75rem}.Button__icon--normal[data-v-24bf0302]{width:1.35rem}.Button__icon--prefix.Button__icon--normal[data-v-24bf0302]{margin-left:-.125rem}.Button__icon--suffix.Button__icon--normal[data-v-24bf0302]{margin-right:-.125rem}.vuiii-input{--bgColor: var(--vuiii-input-bgColor, white);--borderRadus: var(--vuiii-input-borderRadius, var(--vuiii-field-borderRadius));--borderWidth: var(--vuiii-input-borderWidth, 1px);--borderColor: var(--vuiii-input-borderColor, var(--vuiii-color-gray));--height: var(--vuiii-input-height, var(--vuiii-field-height));--padding: var(--vuiii-input-padding, 1rem);--fontSize: var(--vuiii-input-fontSize, var(--vuiii-field-fontSize));--transition: var(--vuiii-input-transition, var(--vuiii-field-transition));--shadow: var(--vuiii-input-shadow, 0 0);--ringColor: var(--vuiii-input-ringColor, var(--vuiii-field-ringColor));--ringSize: 0;width:100%;background-color:var(--bgColor);border:var(--borderWidth) solid var(--borderColor);border-radius:var(--borderRadus);padding-left:var(--padding);padding-right:var(--padding);min-height:var(--height);font-size:var(--fontSize);transition:var(--transition);box-shadow:0 0 0 var(--ringSize) var(--ringColor),var(--shadow)}.vuiii-input::-moz-placeholder{color:var(--vuiii-input-placeholderColor, var(--vuiii-color-gray--dark))}.vuiii-input:-ms-input-placeholder{color:var(--vuiii-input-placeholderColor, var(--vuiii-color-gray--dark))}.vuiii-input::placeholder{color:var(--vuiii-input-placeholderColor, var(--vuiii-color-gray--dark))}.vuiii-input:focus,.vuiii-input:focus-within{--ringSize: var(--vuiii-input-ringSize, var(--vuiii-field-ringSize));--borderColor: var(--vuiii-input-borderColor--focus, var(--vuiii-field-borderColor--focus, var(--vuiii-input-borderColor, var(--vuiii-color-gray))));--bgColor: var(--vuiii-input-bgColor--focus, var(--vuiii-input-bgColor, white));outline:none}.vuiii-input:disabled,.vuiii-input.vuiii-input--disabled{--borderColor: var(--vuiii-color-gray--light);opacity:.6;pointer-events:none}.vuiii-input.vuiii-input--small{--height: var(--vuiii-input-height--small, var(--vuiii-field-height--small));--fontSize: var(--vuiii-input-fontSize--small, var(--vuiii-field-fontSize--small)) }.vuiii-input.vuiii-input--small:focus,.vuiii-input.vuiii-input--small:focus-within{--ringSize: var(--vuiii-field-ringSize--small)}.vuiii-input.vuiii-input--valid{color:var(--vuiii-color-success);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2356B981' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.vuiii-input.vuiii-input--invalid{--borderColor: var(--vuiii-color-danger);--ringColor: var(--vuiii-color-danger-shadow);color:var(--vuiii-color-success);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.415em + .25rem) center;background-size:calc(.83em + .5rem) calc(.83em + .5rem)}.vuiii-input.vuiii-input--invalid:focus,.vuiii-input.vuiii-input--invalid:focus-within{outline:none}.vuiii-input .vuiii-input__nested{padding:0 var(--padding);line-height:1;background:transparent;border:none;border-radius:var(--borderRadus);min-height:calc(var(--height) - 2px);outline:none;cursor:inherit}.vuiii-input .vuiii-input__nested::-moz-placeholder{color:var(--vuiii-color-gray--dark)}.vuiii-input .vuiii-input__nested:-ms-input-placeholder{color:var(--vuiii-color-gray--dark)}.vuiii-input .vuiii-input__nested::placeholder{color:var(--vuiii-color-gray--dark)}select.vuiii-input{padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/></svg>');background-position:right .75rem center;background-size:1.2rem;text-overflow:ellipsis}@supports (-moz-appearance:none){select.vuiii-input{line-height:3}}select.vuiii-input.vuiii-input--small{padding-right:2rem;background-size:1rem}input[type=number].vuiii-input{-moz-appearance:textfield}input.vuiii-input[type=number]::-webkit-outer-spin-button,input.vuiii-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=checkbox].vuiii-input,input[type=radio].vuiii-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;min-height:0;padding:0;background:white;cursor:pointer;flex:none}input.vuiii-input[type=checkbox]:checked,input.vuiii-input[type=radio]:checked{background-repeat:no-repeat;background-position:center;background-color:var(--vuiii-color-primary);border-color:var(--vuiii-color-primary)}input.vuiii-input[type=checkbox]:disabled,input.vuiii-input[type=radio]:disabled{cursor:default}input[type=checkbox].vuiii-input{border-radius:.25rem}input.vuiii-input[type=checkbox]:checked{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M20.405 40.983L38.79 59.368 81.217 16.94l14.142 14.143L38.79 87.652 6.263 55.125l14.142-14.142z"/></svg>');background-size:.75rem}input[type=radio].vuiii-input{border-radius:100%}input.vuiii-input[type=radio]:checked{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 1 1"><circle r=".5" cx=".5" cy=".5" /></svg>');background-size:.5rem}textarea.vuiii-input{padding-top:.75rem;padding-bottom:.75rem;vertical-align:middle;line-height:1.25;resize:vertical}.Checkbox[data-v-18ef5cd1]{display:inline-flex;align-items:flex-start;vertical-align:top;cursor:pointer}--disabled.Checkbox[data-v-18ef5cd1]{opacity:.5}.Checkbox__input[data-v-18ef5cd1]{margin-top:1px}.Checkbox__switch[data-v-18ef5cd1]{padding:3px;margin-top:-1px;width:2.25rem;border-radius:999px;transition:all .15s ease-out;background:rgb(115,115,115)}--active.Checkbox__switch[data-v-18ef5cd1]{background:var(--vuiii-color-primary)}.Checkbox__switchDot[data-v-18ef5cd1]{width:1.25rem;aspect-ratio:1 / 1;background:white;border-radius:999px;transition:all .15s ease-out}.Checkbox__switch--active .Checkbox__switchDot[data-v-18ef5cd1]{transform:translate(.75rem)}.Checkbox__label[data-v-18ef5cd1]{margin-left:.5rem;line-height:1.375}.Checkbox__required[data-v-18ef5cd1]{line-height:1;color:var(--vuiii-color-danger)}.CheckboxGroup>*+*[data-v-1a9cd604]{margin-top:.5rem}.FormGroup[data-v-404fde51]{width:100%}.FormGroup--invalid[data-v-404fde51] .vuiii-input,.FormGroup--invalid[data-v-404fde51] .vuiii-input:hover{--borderColor: var(--vuiii-field-borderColor--invalid);--ringColor: var(--vuiii-field-ringColor--invalid, rgb(225 29 72/.2) )}.FormGroup__header[data-v-404fde51]{display:flex;align-items:center;margin-bottom:.5rem;gap:.25rem}.FormGroup__label[data-v-404fde51]{font-size:.8rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase}.FormGroup__required[data-v-404fde51]{line-height:1;color:var(--vuiii-color-danger)}.FormGroup__description[data-v-404fde51]{font-size:.8rem;margin-bottom:.75rem;max-width:48rem;color:#737373}.FormGroup__hint[data-v-404fde51]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:#737373}.FormGroup__error[data-v-404fde51]{font-size:.8rem;margin-top:.5rem;max-width:48rem;color:var(--vuiii-color-danger)}.FormFields>*+*[data-v-7f82ddf3]{margin-top:2rem}.Form>*+*[data-v-4a2acd7e]{margin-top:2rem}.Form__buttons[data-v-4a2acd7e]{display:flex;align-items:center;margin-top:2rem}.Form__buttons>*+*[data-v-4a2acd7e]{margin-left:1rem}.Input.Input[data-v-6a6438b5]{cursor:text;display:flex;align-items:center;padding-left:0;padding-right:0;line-height:1}.Input__icon[data-v-6a6438b5]{display:flex;align-items:center;justify-content:center;width:3rem;opacity:.35}.Input__icon--right[data-v-6a6438b5]{margin-left:-1rem}.Input__icon--left[data-v-6a6438b5]{margin-right:-1rem}.Input__nestedInput[data-v-6a6438b5]{flex:auto;align-self:stretch;width:100%}.ModalLayout[data-v-386279ac]{position:relative;display:flex;flex-direction:column;align-items:stretch;margin:auto;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a}.ModalLayout.isScrollable[data-v-386279ac]{min-height:auto;max-height:calc(100vh - 3rem)}.ModalLayout__header[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 4rem 1.25rem 1.5rem}.ModalLayout__header .ModalLayout.isPlain[data-v-386279ac]{padding:0}.ModalLayout__title[data-v-386279ac]{font-size:larger}.ModalLayout__close[data-v-386279ac]{position:absolute;z-index:1;top:0;right:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4.3rem;font-size:1.85rem;opacity:.4}.ModalLayout__close[data-v-386279ac]:hover{opacity:1;cursor:pointer}.ModalLayout__closeIcon[data-v-386279ac]{width:1.5rem;height:1.5rem}.ModalLayout__body[data-v-386279ac]{flex:1 0 auto;padding:1.5rem;border-radius:4px}.ModalLayout.hasHeader .ModalLayout__body[data-v-386279ac]{padding-top:0;border-top-right-radius:0;border-top-left-radius:0}.ModalLayout.hasFooter .ModalLayout__body[data-v-386279ac]{padding-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.ModalLayout.isScrollable .ModalLayout__body[data-v-386279ac]{flex:1 1 auto;overflow:auto;padding:1.5rem;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ModalLayout.isScrollable.hasHeader .ModalLayout__body[data-v-386279ac]{border-top:1px solid rgba(0,0,0,.1)}.ModalLayout.isScrollable.hasFooter .ModalLayout__body[data-v-386279ac]{border-bottom:1px solid rgba(0,0,0,.1)}.ModalLayout.isPlain .ModalLayout__body[data-v-386279ac]{padding:0}.ModalLayout__footer[data-v-386279ac]{flex:0 0 auto;padding:1.25rem 1.5rem}.ModalLayout.isPlain .ModalLayout__footer[data-v-386279ac]{padding:0}.Radio>*+*[data-v-70d84c36]{margin-top:.5rem}.Radio__option[data-v-70d84c36]{display:flex;align-items:flex-start;vertical-align:top;cursor:pointer}.Radio__input[data-v-70d84c36]{margin-top:1px}.Radio__label[data-v-70d84c36]{margin-left:.5rem;line-height:1.375}.vuiii-table{min-width:100%;background-color:var(--vuiii-table-bgColor);border:1px solid var(--vuiii-table-borderColor, transparent);border-radius:var(--vuiii-table-borderRadius, var(--vuiii-field-borderRadius));shadow:var(--vuiii-table-shadow, var(--vuiii-shadow));font-size:var(--vuiii-table-fontSize, inherit)}.vuiii-table thead tr{border-bottom:1px solid var(--vuiii-color-gray--light)}.vuiii-table thead th{padding:.75rem 1.5rem;font-size:.8rem;font-weight:600;text-align:left;letter-spacing:.025em;color:#404040;text-transform:uppercase}:is(.vuiii-table tbody)>*+*{border-top:1px solid var(--vuiii-color-gray--light)}.vuiii-table tbody td{padding:1rem 1.5rem}.vuiii-table.vuiii-table--hover tbody tr:hover td{background-color:#00000006}.vuiii-link{cursor:pointer;color:var(--vuiii-color-primary);text-decoration:none}.vuiii-link:hover{color:var(--vuiii-color-primary--darker);text-decoration:underline}.vuiii-link.vuiii-link--danger,.vuiii-link.vuiii-link--danger:hover{color:var(--vuiii-color-danger--darker)}.vuiii-muted{color:var(--vuiii-color-gray-darker)}.ModalLayoutDialog__buttons[data-v-612c6cb9]{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem}.ModalLayoutDialog__buttons>*+*[data-v-612c6cb9]{margin-left:.5rem}.ModalLayoutDialog__message--offset[data-v-612c6cb9]{padding-right:2.5rem}.ModalStack[data-v-2f4ee2c2]{position:fixed;z-index:1050}.ModalStack__backdrop[data-v-2f4ee2c2]{background:rgba(0,0,0,.35);position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}.ModalStack__modalWrapper[data-v-2f4ee2c2]{position:fixed;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;width:auto;height:auto;padding:1.5rem;overflow:auto}.ModalStack__modalScroller[data-v-2f4ee2c2]{overflow:auto;position:relative;height:100vh;display:flex;justify-content:center;width:100%}.ModalStack__modal[data-v-2f4ee2c2]{transition:filter .15s}.ModalStack__modal[data-v-2f4ee2c2]:not(.isActive){filter:brightness(80%)}.ModalStack__modal-enter-active[data-v-2f4ee2c2],.ModalStack__modal-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__modal-enter-from[data-v-2f4ee2c2],.ModalStack__modal-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.ModalStack__backdrop-enter-active[data-v-2f4ee2c2],.ModalStack__backdrop-leave-active[data-v-2f4ee2c2]{transition:opacity .15s;pointer-events:none}.ModalStack__backdrop-enter-from[data-v-2f4ee2c2],.ModalStack__backdrop-leave-to[data-v-2f4ee2c2]{opacity:0;pointer-events:none}.Snackbar[data-v-272e7ab3]{position:fixed;bottom:0;right:0;z-index:10;margin:2rem}.Snackbar__transition-enter-from[data-v-272e7ab3],.Snackbar__transition-leave-to[data-v-272e7ab3]{opacity:0;transform:translateY(.5rem)}.Snackbar__transition-enter-active[data-v-272e7ab3],.Snackbar__transition-leave-active[data-v-272e7ab3]{transition:all .15s ease-out}.Snackbar__transition-enter-to[data-v-272e7ab3],.Snackbar__transition-leave-from[data-v-272e7ab3]{opacity:1}.Snackbar__message[data-v-272e7ab3]{position:absolute;bottom:0;right:0;display:flex;justify-content:flex-end;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:48rem;pointer-events:none;word-break:break-word}.Snackbar__messageWrapper[data-v-272e7ab3]{padding-top:.5rem;transition:transform .15s ease-in}.Snackbar__messageBlock[data-v-272e7ab3]{display:inline-flex;align-items:flex-start;padding:.75rem 1.5rem;color:#fff;border-radius:.25rem;cursor:default;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Snackbar__messageBlock--success[data-v-272e7ab3]{background-color:#000}.Snackbar__messageBlock--error[data-v-272e7ab3]{background-color:var(--vuiii-color-danger)}.Snackbar__messageClose[data-v-272e7ab3]{display:inline-flex;justify-content:center;align-items:center;padding:.75rem;margin:-.75rem -.75rem -.75rem .75rem;font-size:.85rem;font-weight:600;opacity:.5;cursor:pointer}.Snackbar__messageClose[data-v-272e7ab3]:hover{opacity:1}.Snackbar__messageCloseIcon[data-v-272e7ab3]{width:1rem}

package/dist/types.d.ts

@@ -0,0 +1,4 @@
+export declare const buttonSizes: readonly ["normal", "small"];
+export declare const buttonVariants: readonly ["default", "primary", "secondary", "danger"];
+export declare type ButtonSize = typeof buttonSizes[number];
+export declare type ButtonVariant = typeof buttonVariants[number];

package/dist/utils/retrieveInputValue.d.ts

@@ -0,0 +1 @@
+export declare const retrieveInputValue: (event: any) => any;