@vcita/design-system 0.0.12-prod.beta.27 → 0.1.2

package/dist/@vcita/design-system.esm.js

@@ -1,7 +1,4 @@
-import { VDialog, VBtn, VLayout, VAlert, VTooltip, VIcon, VSubheader, VListItem, VList, VBottomSheet, VListItemTitle, VMenu, VCol, VRow, VContainer, VProgressCircular, VSwitch, VTextField, VTextarea, VSnackbar } from 'vuetify/lib';
-import Vuetify from 'vuetify';
-import Vue from 'vue';
-import { VAlert as VAlert$1, VApp, VAutocomplete, VBtn as VBtn$1, VBottomSheet as VBottomSheet$1, VBtnToggle, VCol as VCol$1, VContainer as VContainer$1, VDialog as VDialog$1, VDivider, VForm, VIcon as VIcon$1, VLayout as VLayout$1, VList as VList$1, VListItem as VListItem$1, VListItemTitle as VListItemTitle$1, VMenu as VMenu$1, VProgressCircular as VProgressCircular$1, VRow as VRow$1, VSnackbar as VSnackbar$1, VSubheader as VSubheader$1, VSwitch as VSwitch$1, VTextarea as VTextarea$1, VTextField as VTextField$1, VTooltip as VTooltip$1 } from 'vuetify/lib/components';
+import { VDialog, VBtn, VLayout, VAlert, VTooltip, VIcon, VSubheader, VListItem, VList, VBottomSheet, VListItemTitle, VMenu, VCol, VRow, VContainer, VProgressCircular, VSwitch, VTextField, VTextarea, VSnackbar, VCard } from 'vuetify/lib';
 
 //
 //
@@ -14,7 +11,7 @@ import { VAlert as VAlert$1, VApp, VAutocomplete, VBtn as VBtn$1, VBottomSheet a
 //
 //
 //
-var script$o = {
+var script$p = {
   components: {
     VDialog: VDialog
   },
@@ -161,10 +158,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$p = script$p;
 /* template */
 
-var __vue_render__$l = function () {
+var __vue_render__$m = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -199,10 +196,10 @@ var __vue_render__$l = function () {
   }, [_vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$m = [];
 /* style */
 
-const __vue_inject_styles__$o = function (inject) {
+const __vue_inject_styles__$p = function (inject) {
   if (!inject) return;
   inject("data-v-f5aa52c8_0", {
     source: ".VcModalWrapper{position:relative;width:auto;background-color:var(--modal-bg-color);box-shadow:var(--modal-box-shadow)}@media screen and (min-width:960px){.VcModalWrapper{margin:0 24px;left:var(--modal-desktop-offset)}#app[dir=rtl] .VcModalWrapper{left:auto;right:var(--modal-desktop-offset)}}",
@@ -213,23 +210,23 @@ const __vue_inject_styles__$o = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$o = undefined;
+const __vue_scope_id__$p = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$o = false;
+const __vue_is_functional_template__$p = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$l,
-  staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
+const __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$p, __vue_script__$p, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
 
-var script$n = {
+var script$o = {
   name: "VcIcon",
   render: function (createElement) {
     const props = {
@@ -241,28 +238,28 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$n = script$n;
+const __vue_script__$o = script$o;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$n = undefined;
+const __vue_inject_styles__$o = undefined;
 /* scoped */
 
-const __vue_scope_id__$n = undefined;
+const __vue_scope_id__$o = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = undefined;
+const __vue_is_functional_template__$o = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$n = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
+const __vue_component__$o = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$o, __vue_script__$o, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, undefined, undefined);
 
 //
 //
@@ -289,7 +286,7 @@ const __vue_component__$n = /*#__PURE__*/normalizeComponent({}, __vue_inject_sty
 //
 //
 //
-var script$m = {
+var script$n = {
   components: {
     VBtn: VBtn
   },
@@ -367,10 +364,10 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$m = script$m;
+const __vue_script__$n = script$n;
 /* template */
 
-var __vue_render__$k = function () {
+var __vue_render__$l = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -405,10 +402,10 @@ var __vue_render__$k = function () {
   }, [_vm._t("prepend"), _vm._v("\n  " + _vm._s(_vm.label || _vm.$slots.default && _vm.$slots.default[0].text || '') + "\n  "), _vm._t("append")], 2);
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
 
-const __vue_inject_styles__$m = function (inject) {
+const __vue_inject_styles__$n = function (inject) {
   if (!inject) return;
   inject("data-v-28ad3b41_0", {
     source: ".VcButton[data-v-28ad3b41]{letter-spacing:.003em}",
@@ -419,28 +416,28 @@ const __vue_inject_styles__$m = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$m = "data-v-28ad3b41";
+const __vue_scope_id__$n = "data-v-28ad3b41";
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$n = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
+const __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$n, __vue_script__$n, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
 
-var script$l = {
+var script$m = {
   name: 'VcModalContainer',
   components: {
-    VcButton: __vue_component__$m,
-    VcModalWrapper: __vue_component__$o,
-    VcIcon: __vue_component__$n,
+    VcButton: __vue_component__$n,
+    VcModalWrapper: __vue_component__$p,
+    VcIcon: __vue_component__$o,
     VLayout: VLayout
   },
   props: {
@@ -482,10 +479,10 @@ var script$l = {
 };
 
 /* script */
-const __vue_script__$l = script$l;
+const __vue_script__$m = script$m;
 /* template */
 
-var __vue_render__$j = function () {
+var __vue_render__$k = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -557,10 +554,10 @@ var __vue_render__$j = function () {
   }, [_vm._t("footer")], 2)])]], 2) : _vm._e();
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$k = [];
 /* style */
 
-const __vue_inject_styles__$l = function (inject) {
+const __vue_inject_styles__$m = function (inject) {
   if (!inject) return;
   inject("data-v-cc7876ca_0", {
     source: ".VcModalContainer{overflow-y:hidden;height:auto;min-height:100px;min-width:300px;display:flex}.VcModalContainer.sm{width:var(--modal-width-small)}.VcModalContainer.md{width:var(--modal-width-medium)}.VcModalContainer.lg{width:var(--modal-width-large)}.VcModalContainer.responsive{width:100%;margin:0 24px}.VcModalContainer .VcModalContainerContent,.VcModalContainer footer,.VcModalContainer header{flex-shrink:0}.VcModalContainer header{display:flex;justify-content:space-between}.VcModalContainer header .VcModalCloseButton{position:absolute;right:5px;top:var(--size-value2)}.VcModalContainer header .VcModalCloseButton .VcIcon{font-size:22px}.VcModalContainer header.showDivider{border-bottom:1px solid rgba(0,0,0,.12)}.VcModalContainer .VcModalContainerContent{overflow-y:auto;height:calc(100% - 138px);line-height:var(--size-value6);flex-grow:1;font-size:var(--font-size-small);padding:0 var(--size-value6) var(--size-value6)}.VcModalContainer footer{padding:var(--size-value3) var(--size-value4) var(--size-value3);text-align:right}#app[dir=rtl] .VcModalContainer footer{text-align:left}.VcModalContainer footer.showDivider{border-top:1px solid rgba(0,0,0,.12)}@media screen and (min-width:960px){.VcModalContainer footer{padding:var(--size-value3) var(--size-value6) var(--size-value3)}}.VcModalContainer.notice header,.VcModalContainer.prominent header{font-weight:var(--font-weight-xl);font-size:var(--font-size-medium2);padding-bottom:0;padding-top:var(--size-value10)}.VcModalContainer.notice .VcModalContainerContent,.VcModalContainer.prominent .VcModalContainerContent{padding:0;min-height:168px;height:calc(100% - 497px)}@media screen and (min-width:960px){.VcModalContainer.notice .VcModalContainerContent,.VcModalContainer.prominent .VcModalContainerContent{margin-bottom:var(--size-value2)}}.VcModalContainer.notice footer,.VcModalContainer.prominent footer{padding-top:var(--size-value3);padding-bottom:0}.VcModalContainer.notice.responsive .VcModalContainerContent,.VcModalContainer.notice.sm .VcModalContainerContent,.VcModalContainer.prominent.responsive .VcModalContainerContent,.VcModalContainer.prominent.sm .VcModalContainerContent{margin-left:var(--size-value6);padding-right:var(--size-value6)}.VcModalContainer.notice.md .VcModalContainerContent,.VcModalContainer.prominent.md .VcModalContainerContent{margin-left:var(--size-value10);padding-right:var(--size-value10)}.VcModalContainer.notice.lg header,.VcModalContainer.prominent.lg header{height:initial}.VcModalContainer.notice.lg .VcModalContainerContent,.VcModalContainer.prominent.lg .VcModalContainerContent{min-height:0;margin-left:var(--size-value16);padding-right:var(--size-value16)}.VcModalContainer.prominent .VcModalContainerContent{margin-bottom:var(--size-value6)}.VcModalContainer.input.responsive{height:100%;margin:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.VcModalContainer.input .VcModalContainerContent{height:auto;padding:0}",
@@ -571,23 +568,23 @@ const __vue_inject_styles__$l = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$l = undefined;
+const __vue_scope_id__$m = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$m = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$l = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$m, __vue_script__$m, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
 
-var script$k = {
+var script$l = {
   name: "VcLayout",
   render: function (createElement) {
     // `<v-layout><slot></slot></v-layout>`
@@ -600,34 +597,34 @@ var script$k = {
 };
 
 /* script */
-const __vue_script__$k = script$k;
+const __vue_script__$l = script$l;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$l = undefined;
 /* scoped */
 
-const __vue_scope_id__$k = "data-v-42241056";
+const __vue_scope_id__$l = "data-v-42241056";
 /* module identifier */
 
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$k = undefined;
+const __vue_is_functional_template__$l = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$k = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+const __vue_component__$l = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$l, __vue_script__$l, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
 
-var script$j = {
+var script$k = {
   name: "VcModalFooter",
   components: {
-    VcLayout: __vue_component__$k,
-    VcButton: __vue_component__$m
+    VcLayout: __vue_component__$l,
+    VcButton: __vue_component__$n
   },
   props: {
     direction: {
@@ -652,10 +649,10 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$k = script$k;
 /* template */
 
-var __vue_render__$i = function () {
+var __vue_render__$j = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -687,10 +684,10 @@ var __vue_render__$i = function () {
   }), 1);
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$j = function (inject) {
+const __vue_inject_styles__$k = function (inject) {
   if (!inject) return;
   inject("data-v-c22ae66a_0", {
     source: ".VcModalFooter.vertical .VcFooterButton[data-v-c22ae66a]{width:100%;margin-bottom:var(--size-value2)}.VcModalFooter.vertical .VcFooterButton[data-v-c22ae66a]:last-of-type{margin-bottom:0}@media screen and (min-width:960px){.VcModalFooter.vertical .VcFooterButton[data-v-c22ae66a]{width:auto}}.VcModalFooter.horizontal .VcFooterButton[data-v-c22ae66a]{flex-basis:0;flex-grow:1}.VcModalFooter.horizontal .VcFooterButton[data-v-c22ae66a]:first-of-type{margin-left:0}.VcModalFooter.horizontal .VcFooterButton[data-v-c22ae66a]:last-of-type{margin-right:0}@media screen and (min-width:960px){.VcModalFooter.horizontal .VcFooterButton[data-v-c22ae66a]{flex-basis:auto;flex-grow:0}}.VcModalFooter .VcFooterButton[data-v-c22ae66a]{margin-left:var(--size-value1);margin-right:var(--size-value1)}",
@@ -701,28 +698,28 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$j = "data-v-c22ae66a";
+const __vue_scope_id__$k = "data-v-c22ae66a";
 /* module identifier */
 
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$k = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$j = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
+const __vue_component__$k = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$k, __vue_script__$k, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
 
-var script$i = {
+var script$j = {
   name: "VcModalHeader",
   components: {
-    VcLayout: __vue_component__$k,
-    VcIcon: __vue_component__$n,
-    VcButton: __vue_component__$m
+    VcLayout: __vue_component__$l,
+    VcIcon: __vue_component__$o,
+    VcButton: __vue_component__$n
   },
   props: {
     topTitle: {
@@ -760,10 +757,10 @@ var script$i = {
 };
 
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$i = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -836,10 +833,10 @@ var __vue_render__$h = function () {
   }, [_vm._v(_vm._s(_vm.subtitle))]) : _vm._e()])], 1)], 2);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$i = function (inject) {
+const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
   inject("data-v-407bef94_0", {
     source: ".VcHeader[data-v-407bef94]{font-size:var(--font-size-small2);padding:var(--size-value4) var(--size-value6) var(--size-value4);line-height:24px;font-weight:var(--font-weight-large2)}@media screen and (min-width:960px){.VcHeader[data-v-407bef94]{font-weight:var(--font-weight-large);font-size:var(--font-size-medium)}}.VcHeader .VcHeaderImage[data-v-407bef94]{width:32px;margin-right:var(--size-value3);padding:5px;border:1px solid rgba(0,0,0,.12);box-sizing:border-box;border-radius:6px}.VcHeader .VcHeaderTopTitle[data-v-407bef94]{font-size:11px;font-weight:var(--font-weight-medium);line-height:12px;color:rgba(0,0,0,.54)}.VcHeader .VcHeaderTitleWithPadding[data-v-407bef94]{padding-left:var(--size-value6)}.VcHeader .VcHeaderSubtitle[data-v-407bef94]{font-size:15px;font-weight:var(--font-weight-medium);color:rgba(0,0,0,.87);padding-left:var(--size-value2)}.VcHeader.confirm[data-v-407bef94]{font-size:var(--font-size-medium);font-weight:var(--font-weight-large2);padding-bottom:var(--size-value1);padding-top:var(--size-value6)}@media screen and (min-width:960px){.VcHeader.confirm[data-v-407bef94]{padding-bottom:var(--size-value1)}}.VcHeader.confirm .VcHeaderButton[data-v-407bef94],.VcHeader.input .VcHeaderButton[data-v-407bef94]{max-height:24px;margin-right:var(--size-value3)}.VcHeader.confirm .VcHeaderIcon[data-v-407bef94],.VcHeader.input .VcHeaderIcon[data-v-407bef94]{padding-right:var(--size-value3);font-size:var(--font-size-medium)}.VcHeader.input[data-v-407bef94]{transform:translateX(-8px)}@media screen and (min-width:960px){.VcHeader.input[data-v-407bef94]{transform:translateX(0);padding-bottom:var(--size-value3)}}",
@@ -850,30 +847,30 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-407bef94";
+const __vue_scope_id__$j = "data-v-407bef94";
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$j = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
+const __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$j, __vue_script__$j, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
 
-var script$h = {
+var script$i = {
   name: "VcConfirmModal",
   components: {
-    VcModalHeader: __vue_component__$i,
-    VcLayout: __vue_component__$k,
-    VcModalFooter: __vue_component__$j,
-    VcIcon: __vue_component__$n,
-    VcModalContainer: __vue_component__$l
+    VcModalHeader: __vue_component__$j,
+    VcLayout: __vue_component__$l,
+    VcModalFooter: __vue_component__$k,
+    VcIcon: __vue_component__$o,
+    VcModalContainer: __vue_component__$m
   },
   props: {
     showDialog: {
@@ -914,10 +911,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$h = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -998,31 +995,31 @@ var __vue_render__$g = function () {
   });
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$h = undefined;
+const __vue_inject_styles__$i = undefined;
 /* scoped */
 
-const __vue_scope_id__$h = "data-v-716e5a70";
+const __vue_scope_id__$i = "data-v-716e5a70";
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$i = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
+const __vue_component__$i = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$i, __vue_script__$i, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
 
-var script$g = {
+var script$h = {
   name: "VcForm",
   methods: {
     validate() {
@@ -1042,38 +1039,38 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$h = script$h;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$g = undefined;
+const __vue_inject_styles__$h = undefined;
 /* scoped */
 
-const __vue_scope_id__$g = "data-v-398cf17d";
+const __vue_scope_id__$h = "data-v-398cf17d";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = undefined;
+const __vue_is_functional_template__$h = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$g = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
+const __vue_component__$h = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$h, __vue_script__$h, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
 
-var script$f = {
+var script$g = {
   name: "VcInputModal",
   components: {
-    VcForm: __vue_component__$g,
-    VcLayout: __vue_component__$k,
-    VcModalFooter: __vue_component__$j,
-    VcIcon: __vue_component__$n,
-    VcModalContainer: __vue_component__$l,
-    VcModalHeader: __vue_component__$i
+    VcForm: __vue_component__$h,
+    VcLayout: __vue_component__$l,
+    VcModalFooter: __vue_component__$k,
+    VcIcon: __vue_component__$o,
+    VcModalContainer: __vue_component__$m,
+    VcModalHeader: __vue_component__$j
   },
   props: {
     showDialog: {
@@ -1142,10 +1139,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$g = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1246,10 +1243,10 @@ var __vue_render__$f = function () {
   });
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$f = function (inject) {
+const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
   inject("data-v-01f920b6_0", {
     source: ".VcInputForm-layout .VcInputForm-main[data-v-01f920b6]{width:100%;max-width:100%;padding:var(--size-value6)}.VcInputForm-layout .VcInputForm-additional[data-v-01f920b6]{min-width:324px;padding:var(--size-value6);background:#f8f9fb;border-left:1px solid rgba(0,0,0,.12)}",
@@ -1260,28 +1257,28 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-01f920b6";
+const __vue_scope_id__$g = "data-v-01f920b6";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$g = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$f = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$g, __vue_script__$g, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
 
-var script$e = {
+var script$f = {
   name: "VcNoticeModal",
   components: {
-    VcLayout: __vue_component__$k,
-    VcModalFooter: __vue_component__$j,
-    VcModalContainer: __vue_component__$l
+    VcLayout: __vue_component__$l,
+    VcModalFooter: __vue_component__$k,
+    VcModalContainer: __vue_component__$m
   },
   props: {
     showDialog: {
@@ -1319,10 +1316,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$f = script$f;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$f = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1408,10 +1405,10 @@ var __vue_render__$e = function () {
   });
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-const __vue_inject_styles__$e = function (inject) {
+const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
   inject("data-v-67e92f52_0", {
     source: ".VcNoticeImage[data-v-67e92f52]{margin-bottom:var(--size-value4)}.VcNoticeImage.md[data-v-67e92f52],.VcNoticeImage.responsive[data-v-67e92f52],.VcNoticeImage.sm[data-v-67e92f52]{max-height:160px}.VcNoticeImage.lg[data-v-67e92f52]{max-height:208px}.VcNoticeContent[data-v-67e92f52],.VcNoticeHeader[data-v-67e92f52],.VcNoticeSubtitle[data-v-67e92f52]{text-align:center;line-height:24px}.VcNoticeHeader[data-v-67e92f52]{text-align:center;font-size:18px;font-weight:600;line-height:28px}@media screen and (min-width:960px){.VcNoticeHeader[data-v-67e92f52]{font-size:24px;font-weight:800;line-height:var(--size-value10)}}.VcNoticeHeader .VcNoticeHeaderText[data-v-67e92f52]{padding-bottom:var(--size-value2)}.VcNoticeHeader.prominent .VcNoticeHeaderText[data-v-67e92f52]{font-size:18px;font-weight:600}.VcNoticeSubtitle[data-v-67e92f52]{font-size:15px;font-weight:var(--font-weight-medium);line-height:var(--size-value6)}@media screen and (min-width:960px){.VcNoticeSubtitle[data-v-67e92f52]{font-size:var(--font-size-small)}}.VcNoticeSubtitle.prominent[data-v-67e92f52]{font-size:15px}.VcNoticeContent[data-v-67e92f52]{background:#eafcf2;border:1px solid #cff8e1;box-sizing:border-box;border-radius:8px;padding:var(--size-value3) var(--size-value4);margin-top:var(--size-value4);line-height:20px;font-size:13px}@media screen and (min-width:960px){.VcNoticeContent[data-v-67e92f52]{line-height:21px;font-size:14px}}.VcNoticeFooter[data-v-67e92f52]{padding-bottom:var(--size-value10)}",
@@ -1422,28 +1419,28 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-67e92f52";
+const __vue_scope_id__$f = "data-v-67e92f52";
 /* module identifier */
 
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$f = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$e = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
+const __vue_component__$f = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$f, __vue_script__$f, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
 
-var script$d = {
+var script$e = {
   name: "VcAlert",
   components: {
-    VcIcon: __vue_component__$n,
-    VcButton: __vue_component__$m,
-    VcLayout: __vue_component__$k,
+    VcIcon: __vue_component__$o,
+    VcButton: __vue_component__$n,
+    VcLayout: __vue_component__$l,
     VAlert: VAlert
   },
   props: {
@@ -1515,10 +1512,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$e = script$e;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$e = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1541,14 +1538,14 @@ var __vue_render__$d = function () {
       "align-start": "",
       "column": ""
     }
-  }, [[_vm.headerText && !_vm.isInlineHeader ? _c('span', {
+  }, [_c('div', [_vm._v("Reut")]), _vm._v(" "), _vm.headerText && !_vm.isInlineHeader ? _c('span', {
     staticClass: "alert-header"
-  }, [_vm._v("\n        " + _vm._s(_vm.headerText) + "\n      ")]) : _vm._e(), _vm._v(" "), _vm.bodyText ? _c('span', {
+  }, [_vm._v("\n      " + _vm._s(_vm.headerText) + "\n    ")]) : _vm._e(), _vm._v(" "), _vm.bodyText ? _c('span', {
     staticClass: "alert-body",
     domProps: {
       "innerHTML": _vm._s(_vm.getBodyText)
     }
-  }) : _vm._e()]], 2), _vm._v(" "), _vm.buttonText ? _c('VcButton', {
+  }) : _vm._e()]), _vm._v(" "), _vm.buttonText ? _c('VcButton', {
     staticClass: "action-button",
     attrs: {
       "plain": "",
@@ -1588,12 +1585,12 @@ var __vue_render__$d = function () {
   }) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-const __vue_inject_styles__$d = function (inject) {
+const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-597059e2_0", {
+  inject("data-v-12d00120_0", {
     source: ".dialog-alert{padding:12px}.dialog-alert__close-btn{margin-inline-end:28px}.dialog-alert .alert-content{padding-inline-end:36px}.dialog-alert .close-button{position:absolute;width:24px;height:24px;top:12px;right:12px}#app[dir=rtl] .dialog-alert .close-button{right:auto;left:12px}.dialog-alert .close-button .v-btn__content{opacity:unset}.dialog-alert .close-button:hover{background-color:rgba(0,0,0,.07)}.dialog-alert .close-button .v-icon{margin-right:0}.dialog-alert .close-button .v-icon svg{fill:#999;width:16px;height:16px}.dialog-alert.stripe.v-alert{border-radius:0;border-top:none;border-left:none;border-right:none}.dialog-alert.vcita-alert-attention{border:1px solid #fbcbc9;background-color:#fde8e7}.dialog-alert.vcita-alert-attention .v-icon svg.vc-notif{fill:#f2514a}.dialog-alert.vcita-alert-warning{border:1px solid #ffedb8;background-color:#fff7e0}.dialog-alert.vcita-alert-warning .v-alert__wrapper .v-icon svg.vc-notif{fill:#ffc511}.dialog-alert.vcita-alert-info{border:1px solid #c8ddff;background-color:#e7f0ff}.dialog-alert.vcita-alert-info .v-alert__wrapper .v-icon svg.vc-notif{fill:#478fff}.dialog-alert.vcita-alert-success{border:1px solid #cff8e1;background-color:#eafcf2}.dialog-alert.vcita-alert-success .v-icon svg.vc-notif{fill:#54d28c}.dialog-alert .v-alert__wrapper .v-icon__component{height:20px;width:20px}.dialog-alert .v-alert__wrapper .v-icon__component svg.vc-notif{font-size:20px;height:20px;min-width:20px}.dialog-alert .v-alert__wrapper .v-icon__component svg.arrow-right{fill:#478fff}.dialog-alert .alert-header{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.003em;margin-bottom:4px;color:#212121}.dialog-alert .alert-header:after{content:\" \";padding-right:4px}.dialog-alert .alert-body{font-size:13px;line-height:20px;letter-spacing:-.01em;color:#212121}.dialog-alert .alert-body a{color:-webkit-link}.dialog-alert .VcButton .v-icon{margin-right:initial;align-items:initial}.dialog-alert .VcButton.action-button{height:24px;color:#478fff!important;font-weight:600;font-size:13px;line-height:24px;margin-top:4px;padding:0}.dialog-alert .VcButton.action-button span.v-btn__content{opacity:unset!important}",
     map: undefined,
     media: undefined
@@ -1602,21 +1599,21 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = undefined;
+const __vue_scope_id__$e = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$e = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$d = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
+const __vue_component__$e = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$e, __vue_script__$e, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
 
 //
 //
@@ -1663,7 +1660,7 @@ const __vue_component__$d = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$c = {
+var script$d = {
   components: {
     VTooltip: VTooltip
   },
@@ -1720,10 +1717,10 @@ var script$c = {
 };
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$d = script$d;
 /* template */
 
-var __vue_render__$c = function () {
+var __vue_render__$d = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1775,13 +1772,13 @@ var __vue_render__$c = function () {
   })])])])], 1);
 };
 
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-const __vue_inject_styles__$c = function (inject) {
+const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-4d5334d2_0", {
-    source: "body{--primary-font-family:Montserrat;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-medium:18px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:0px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px}.vc-tooltip{padding:0;border-radius:var(--border-radius)}.vc-tooltip .dark-tooltip{background-color:rgba(0,0,0,.97);font-size:var(--size-value3);font-weight:400;border-radius:var(--size-value1);padding:var(--size-value2)}.vc-tooltip .tooltip-wrapper{background:var(--modal-bg-color);box-shadow:0 5px 5px -3px rgba(0,0,0,.1),0 8px 10px 1px rgba(0,0,0,.06),0 3px 14px 2px rgba(0,0,0,.06);border-radius:var(--border-radius)}.vc-tooltip .tooltip-wrapper .tooltip-header{color:#212121;font-size:var(--font-size-small2);border-radius:var(--border-radius) var(--border-radius) 0 0;font-weight:var(--font-weight-large);padding:var(--size-value3) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-header.alert{background-color:#fde8e7}.vc-tooltip .tooltip-wrapper .tooltip-header.information{background-color:#e7f0ff}.vc-tooltip .tooltip-wrapper .tooltip-content{display:block;font-size:var(--font-size-x-small);padding:var(--size-value3) var(--size-value4) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-content .content-text{color:#212121;max-width:fit-content;min-width:250px;word-wrap:break-word}",
+  inject("data-v-858200cc_0", {
+    source: ":root{--primary-font-family:Montserrat;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-medium:18px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:0px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12)}.vc-tooltip{padding:0;border-radius:var(--border-radius)}.vc-tooltip .dark-tooltip{background-color:rgba(0,0,0,.97);font-size:var(--size-value3);font-weight:400;border-radius:var(--size-value1);padding:var(--size-value2)}.vc-tooltip .tooltip-wrapper{background:var(--modal-bg-color);box-shadow:0 5px 5px -3px rgba(0,0,0,.1),0 8px 10px 1px rgba(0,0,0,.06),0 3px 14px 2px rgba(0,0,0,.06);border-radius:var(--border-radius)}.vc-tooltip .tooltip-wrapper .tooltip-header{color:var(--gray-darken-5);font-size:var(--font-size-small2);border-radius:var(--border-radius) var(--border-radius) 0 0;font-weight:var(--font-weight-large);padding:var(--size-value3) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-header.alert{background-color:var(--red-lighten-3)}.vc-tooltip .tooltip-wrapper .tooltip-header.information{background-color:var(--blue-lighten-3)}.vc-tooltip .tooltip-wrapper .tooltip-content{display:block;font-size:var(--font-size-x-small);padding:var(--size-value3) var(--size-value4) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-content .content-text{color:var(--gray-darken-5);max-width:fit-content;min-width:250px;word-wrap:break-word}",
     map: undefined,
     media: undefined
   });
@@ -1789,26 +1786,26 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = undefined;
+const __vue_scope_id__$d = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$d = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$c = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
+const __vue_component__$d = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$d, __vue_script__$d, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
 
-var script$b = {
+var script$c = {
   name: "VcIconWithTooltip",
   components: {
-    VcTooltip: __vue_component__$c,
+    VcTooltip: __vue_component__$d,
     VIcon: VIcon
   },
   props: {
@@ -1823,7 +1820,7 @@ var script$b = {
     },
     dataQa: {
       type: String,
-      default: 'vc-icon-with-tooltip'
+      default: 'vc-tooltip'
     }
   },
 
@@ -1868,17 +1865,21 @@ var script$b = {
 };
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$b = function () {
+var __vue_render__$c = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
 
   var _c = _vm._self._c || _h;
 
-  return _c('VcTooltip', _vm._b({}, 'VcTooltip', _vm.$attrs, false), [[_c('v-icon', {
+  return _c('VcTooltip', _vm._b({
+    attrs: {
+      "data-qa": _vm.dataQa
+    }
+  }, 'VcTooltip', _vm.$attrs, false), [[_c('v-icon', {
     staticClass: "tooltip-icon",
     class: {
       'vc-default': _vm.iconInUse === 'default',
@@ -1886,7 +1887,7 @@ var __vue_render__$b = function () {
     },
     attrs: {
       "size": _vm.size,
-      "data-qa": _vm.dataQa
+      "data-qa": _vm.dataQa + "-icon"
     },
     on: {
       "mouseover": _vm.inHover,
@@ -1897,13 +1898,13 @@ var __vue_render__$b = function () {
   }, [_vm._v("\n      " + _vm._s(_vm.getIcon) + "\n    ")])]], 2);
 };
 
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
 
-const __vue_inject_styles__$b = function (inject) {
+const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
-  inject("data-v-1a6ece85_0", {
-    source: "body{--primary-font-family:Montserrat;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-medium:18px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:0px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px}.tooltip-icon{cursor:pointer}.tooltip-icon .vc-question{fill:rgba(0,0,0,.4)}.tooltip-icon .vc-question-fill{fill:#616161}.tooltip-icon .vc-info-fill,.tooltip-icon .vc-information{fill:var(--v-info-base)}.tooltip-icon .vc-attention,.tooltip-icon .vc-attention-fill{fill:var(--v-danger-base)}.tooltip-icon.vc-default .vc-info-fill,.tooltip-icon.vc-default .vc-information{fill:rgba(0,0,0,.4)}.tooltip-icon.vc-default_hovering .vc-info-fill,.tooltip-icon.vc-default_hovering .vc-information{fill:#616161}",
+  inject("data-v-7193d7d6_0", {
+    source: ":root{--primary-font-family:Montserrat;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-medium:18px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:0px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12)}.tooltip-icon{cursor:pointer}.tooltip-icon .vc-question{fill:rgba(0,0,0,.4)}.tooltip-icon .vc-question-fill{fill:var(--gray-darken-4)}.tooltip-icon .vc-info-fill,.tooltip-icon .vc-information{fill:var(--v-info-base)}.tooltip-icon .vc-attention,.tooltip-icon .vc-attention-fill{fill:var(--red)}.tooltip-icon.vc-default .vc-info-fill,.tooltip-icon.vc-default .vc-information{fill:rgba(0,0,0,.4)}.tooltip-icon.vc-default_hovering .vc-info-fill,.tooltip-icon.vc-default_hovering .vc-information{fill:var(--gray-darken-4)}",
     map: undefined,
     media: undefined
   });
@@ -1911,21 +1912,21 @@ const __vue_inject_styles__$b = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$b = undefined;
+const __vue_scope_id__$c = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$b = false;
+const __vue_is_functional_template__$c = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$b = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
+const __vue_component__$c = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$c, __vue_script__$c, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
 
 //
 //
@@ -1951,7 +1952,7 @@ const __vue_component__$b = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$a = {
+var script$b = {
   components: {
     VIcon: VIcon,
     VTooltip: VTooltip
@@ -2067,10 +2068,10 @@ var script$a = {
 };
 
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$b = script$b;
 /* template */
 
-var __vue_render__$a = function () {
+var __vue_render__$b = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2117,10 +2118,10 @@ var __vue_render__$a = function () {
   }, [_vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.lightModeTooltip))])])], 1);
 };
 
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
 
-const __vue_inject_styles__$a = function (inject) {
+const __vue_inject_styles__$b = function (inject) {
   if (!inject) return;
   inject("data-v-3f493474_0", {
     source: ".avatar-wrapper[data-v-3f493474]{position:relative;border-radius:50%;background-color:#a7a9ac;text-align:center;border:1px solid #fff;color:#fff}.avatar-wrapper.light-mode[data-v-3f493474]{border:1px solid rgba(0,0,0,.3);color:rgba(0,0,0,.3);background-color:#fff}.avatar-wrapper.x-sm[data-v-3f493474]{height:var(--avatar-x-sm);width:var(--avatar-x-sm);font-size:9px}.avatar-wrapper.sm[data-v-3f493474]{height:var(--avatar-sm);width:var(--avatar-sm);font-size:12px}.avatar-wrapper.md[data-v-3f493474]{height:var(--avatar-md);width:var(--avatar-md);font-size:14px}.avatar-wrapper.lg[data-v-3f493474]{height:var(--avatar-lg);width:var(--avatar-lg);font-size:17px}.avatar-wrapper .avatar-image[data-v-3f493474]{display:block;margin:auto;height:100%;width:100%;object-fit:cover;border-radius:50%}.avatar-wrapper .avatar-initials[data-v-3f493474]{position:relative;top:50%;font-weight:var(--font-weight-medium2);transform:translateY(-50%)}.avatar-wrapper .badge[data-v-3f493474]{fill:#fff;position:absolute;--gap:0;height:16px;width:16px;border-radius:50%;bottom:calc(var(--gap) * -1);left:calc(var(--gap) * -1)}.avatar-wrapper .badge.x-sm[data-v-3f493474]{--gap:4px}.avatar-wrapper .badge.sm[data-v-3f493474]{--gap:4px}.avatar-wrapper .badge.md[data-v-3f493474]{--gap:2px}.avatar-wrapper .badge.lg[data-v-3f493474]{--gap:0px}.avatar-wrapper .badge.right[data-v-3f493474]{left:unset;right:calc(var(--gap) * -1)}.avatar-wrapper .badge.confirmed[data-v-3f493474]{border:2px #fff solid}.color-0[data-v-3f493474]{background-color:#fed62f}.color-1[data-v-3f493474]{background-color:#fec22e}.color-2[data-v-3f493474]{background-color:#feac2a}.color-3[data-v-3f493474]{background-color:#fe9a28}.color-4[data-v-3f493474]{background-color:#fd7024}.color-5[data-v-3f493474]{background-color:#fd5b32}.color-6[data-v-3f493474]{background-color:#f2483f}.color-7[data-v-3f493474]{background-color:#dc331b}.color-8[data-v-3f493474]{background-color:#d41419}.color-9[data-v-3f493474]{background-color:#e72866}.color-10[data-v-3f493474]{background-color:#c41c63}.color-11[data-v-3f493474]{background-color:#9b2bae}.color-12[data-v-3f493474]{background-color:#673bb5}.color-13[data-v-3f493474]{background-color:#7c4efc}.color-14[data-v-3f493474]{background-color:#4051b3}.color-15[data-v-3f493474]{background-color:#311b92}.color-16[data-v-3f493474]{background-color:#2d62fb}.color-17[data-v-3f493474]{background-color:#5c6bc0}.color-18[data-v-3f493474]{background-color:#17a8f1}.color-19[data-v-3f493474]{background-color:#17bbd2}.color-20[data-v-3f493474]{background-color:#14abbf}.color-21[data-v-3f493474]{background-color:#0f9587}.color-22[data-v-3f493474]{background-color:#16bea5}.color-23[data-v-3f493474]{background-color:#4eae53}.color-24[data-v-3f493474]{background-color:#3a8d3f}.color-25[data-v-3f493474]{background-color:#8cc250}.color-26[data-v-3f493474]{background-color:#66bb6a}.color-27[data-v-3f493474]{background-color:#880e4f}.color-28[data-v-3f493474]{background-color:#1565c0}.color-29[data-v-3f493474]{background-color:#1e88e5}",
@@ -2131,29 +2132,29 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$a = "data-v-3f493474";
+const __vue_scope_id__$b = "data-v-3f493474";
 /* module identifier */
 
-const __vue_module_identifier__$a = undefined;
+const __vue_module_identifier__$b = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$a = false;
+const __vue_is_functional_template__$b = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$a = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$a,
-  staticRenderFns: __vue_staticRenderFns__$a
-}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
+const __vue_component__$b = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$b, __vue_script__$b, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
 
-var script$9 = {
+var script$a = {
   name: "VcBottomActions",
   components: {
-    VcLayout: __vue_component__$k,
-    VcButton: __vue_component__$m,
-    VcIcon: __vue_component__$n,
-    VcAvatar: __vue_component__$a,
+    VcLayout: __vue_component__$l,
+    VcButton: __vue_component__$n,
+    VcIcon: __vue_component__$o,
+    VcAvatar: __vue_component__$b,
     VSubheader: VSubheader,
     VListItem: VListItem,
     VList: VList,
@@ -2195,10 +2196,10 @@ var script$9 = {
 };
 
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$9 = function () {
+var __vue_render__$a = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2211,13 +2212,6 @@ var __vue_render__$9 = function () {
       "value": _vm.value,
       "content-class": "vc-bottom-sheet"
     },
-    on: {
-      "input": function (newVal) {
-        return _vm.$emit('input', {
-          isOpen: newVal
-        });
-      }
-    },
     scopedSlots: _vm._u([{
       key: "activator",
       fn: function (ref) {
@@ -2251,14 +2245,12 @@ var __vue_render__$9 = function () {
     staticClass: "close-button",
     attrs: {
       "ripple": false,
+      "data-qa": "close-sheet-button",
       "plain": ""
     },
     on: {
       "click": function ($event) {
-        return _vm.$emit('input', {
-          isOpen: false,
-          action: 'closeButton'
-        });
+        return _vm.$emit('close');
       }
     },
     scopedSlots: _vm._u([{
@@ -2279,10 +2271,7 @@ var __vue_render__$9 = function () {
       staticClass: "sheet-item",
       on: {
         "click": function ($event) {
-          return _vm.$emit('input', {
-            isOpen: false,
-            action: item.event
-          });
+          return _vm.$emit('action', item.event);
         }
       }
     }, [_c('vc-layout', {
@@ -2296,13 +2285,13 @@ var __vue_render__$9 = function () {
   }), 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$9 = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-const __vue_inject_styles__$9 = function (inject) {
+const __vue_inject_styles__$a = function (inject) {
   if (!inject) return;
-  inject("data-v-54d4c1b0_0", {
-    source: "body{--primary-font-family:Montserrat;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-medium:18px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:0px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px}.vc-bottom-sheet{box-shadow:0 1px 10px rgba(0,0,0,.12),0 4px 5px rgba(0,0,0,.14),0 2px 4px -1px rgba(0,0,0,.2);margin:var(--size-value3) var(--size-value3) var(--size-value5)!important;border-radius:var(--modal-border-radius)!important}.vc-bottom-sheet .v-sheet.v-list{border-radius:var(--modal-border-radius);padding-top:var(--size-value0)}.vc-bottom-sheet .v-sheet.v-list .subheader{border-bottom:1px solid rgba(0,0,0,.12);padding:var(--size-value3) var(--size-value4);color:rgba(0,0,0,.87)}.vc-bottom-sheet .v-sheet.v-list .subheader .avatar{margin-inline-end:var(--size-value3)}.vc-bottom-sheet .v-sheet.v-list .subheader .vc-title{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper{flex-grow:1;justify-content:flex-end}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper .close-button{justify-content:flex-end;padding:var(--size-value0)}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper .close-button .v-btn__content{opacity:unset}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper .close-button .v-icon svg{fill:rgba(0,0,0,.4);width:var(--size-value4);height:var(--size-value4)}.vc-bottom-sheet .v-sheet.v-list .items-wrapper{padding:var(--size-value1) var(--size-value0)}.vc-bottom-sheet .v-sheet.v-list .items-wrapper .sheet-item{min-height:var(--size-value10)}.vc-bottom-sheet .v-sheet.v-list .items-wrapper .sheet-item .option-title{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);letter-spacing:-.2px}.vc-bottom-sheet .v-sheet.v-list .items-wrapper .sheet-item .option-title .icon-item{vertical-align:sub;margin-inline-end:var(--size-value3)}",
+  inject("data-v-51eeacd7_0", {
+    source: ":root{--primary-font-family:Montserrat;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-medium:18px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:0px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12)}.vc-bottom-sheet{box-shadow:0 1px 10px rgba(0,0,0,.12),0 4px 5px rgba(0,0,0,.14),0 2px 4px -1px rgba(0,0,0,.2);margin:var(--size-value3) var(--size-value3) var(--size-value5)!important;border-radius:var(--modal-border-radius)!important}.vc-bottom-sheet .v-sheet.v-list{border-radius:var(--modal-border-radius);padding-top:var(--size-value0)}.vc-bottom-sheet .v-sheet.v-list .subheader{border-bottom:1px solid rgba(0,0,0,.12);padding:var(--size-value3) var(--size-value4);color:var(--gray-darken-5)}.vc-bottom-sheet .v-sheet.v-list .subheader .avatar{margin-inline-end:var(--size-value3)}.vc-bottom-sheet .v-sheet.v-list .subheader .vc-title{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper{flex-grow:1;justify-content:flex-end}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper .close-button{justify-content:flex-end;padding:var(--size-value0)}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper .close-button .v-btn__content{opacity:unset}.vc-bottom-sheet .v-sheet.v-list .subheader .button-close-wrapper .close-button .v-icon svg{fill:rgba(0,0,0,.4);width:var(--size-value4);height:var(--size-value4)}.vc-bottom-sheet .v-sheet.v-list .items-wrapper{padding:var(--size-value1) var(--size-value0)}.vc-bottom-sheet .v-sheet.v-list .items-wrapper .sheet-item{min-height:var(--size-value10)}.vc-bottom-sheet .v-sheet.v-list .items-wrapper .sheet-item .option-title{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);letter-spacing:-.2px}.vc-bottom-sheet .v-sheet.v-list .items-wrapper .sheet-item .option-title .icon-item{vertical-align:sub;margin-inline-end:var(--size-value3)}",
     map: undefined,
     media: undefined
   });
@@ -2310,28 +2299,28 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = undefined;
+const __vue_scope_id__$a = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$9 = undefined;
+const __vue_module_identifier__$a = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$9 = false;
+const __vue_is_functional_template__$a = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
+const __vue_component__$a = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$a, __vue_script__$a, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
 
-var script$8 = {
+var script$9 = {
   name: "VcActionList",
   components: {
-    VcLayout: __vue_component__$k,
-    VcButton: __vue_component__$m,
-    VcIcon: __vue_component__$n,
+    VcLayout: __vue_component__$l,
+    VcButton: __vue_component__$n,
+    VcIcon: __vue_component__$o,
     VListItemTitle: VListItemTitle,
     VListItem: VListItem,
     VList: VList,
@@ -2357,10 +2346,10 @@ var script$8 = {
 };
 
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$8 = function () {
+var __vue_render__$9 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2398,10 +2387,7 @@ var __vue_render__$8 = function () {
       staticClass: "sheet-item",
       on: {
         "click": function ($event) {
-          return _vm.$emit('input', {
-            isOpen: false,
-            action: item.event
-          });
+          return _vm.$emit('action', item.event);
         }
       }
     }, [_c('v-list-item-title', {
@@ -2415,13 +2401,13 @@ var __vue_render__$8 = function () {
   }), 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$8 = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-const __vue_inject_styles__$8 = function (inject) {
+const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
-  inject("data-v-6578a161_0", {
-    source: "body{--primary-font-family:Montserrat;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-medium:18px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:0px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px}.vc-action-list{box-shadow:0 1px 10px rgba(0,0,0,.12),0 4px 5px rgba(0,0,0,.14),0 2px 4px -1px rgba(0,0,0,.2)}.vc-action-list .v-list{border-radius:var(--modal-border-radius);padding:var(--size-value1) 0}.vc-action-list .v-list .items-wrapper .sheet-item{min-height:var(--size-value10)}.vc-action-list .v-list .items-wrapper .sheet-item .option-title{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);letter-spacing:-.2px}.vc-action-list .v-list .items-wrapper .sheet-item .option-title .icon-item{vertical-align:sub;margin-inline-end:var(--size-value3)}",
+  inject("data-v-936b4f84_0", {
+    source: ":root{--primary-font-family:Montserrat;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-medium:18px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--modal-desktop-offset:0px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12)}.vc-action-list{box-shadow:0 1px 10px rgba(0,0,0,.12),0 4px 5px rgba(0,0,0,.14),0 2px 4px -1px rgba(0,0,0,.2)}.vc-action-list .v-list{border-radius:var(--modal-border-radius);padding:var(--size-value1) 0}.vc-action-list .v-list .items-wrapper .sheet-item{min-height:var(--size-value10)}.vc-action-list .v-list .items-wrapper .sheet-item .option-title{font-size:var(--font-size-x-small);font-weight:var(--font-weight-medium2);letter-spacing:-.2px}.vc-action-list .v-list .items-wrapper .sheet-item .option-title .icon-item{vertical-align:sub;margin-inline-end:var(--size-value3)}",
     map: undefined,
     media: undefined
   });
@@ -2429,27 +2415,27 @@ const __vue_inject_styles__$8 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$8 = undefined;
+const __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$8 = undefined;
+const __vue_module_identifier__$9 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$8 = false;
+const __vue_is_functional_template__$9 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, createInjector, undefined, undefined);
+const __vue_component__$9 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$9, __vue_script__$9, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
 
-var script$7 = {
+var script$8 = {
   name: "VcActions",
   components: {
-    VcActionList: __vue_component__$8,
-    VcBottomActions: __vue_component__$9,
+    VcActionList: __vue_component__$9,
+    VcBottomActions: __vue_component__$a,
     VIcon: VIcon
   },
 
@@ -2489,22 +2475,24 @@ var script$7 = {
 
   },
   methods: {
-    handleSheet(action, sheet) {
-      this.showSheet = sheet.isOpen;
-      this.$emit('input', {
-        action,
-        sheet
-      });
+    handleSheet(action) {
+      this.showSheet = false;
+      this.$emit('action', action);
+    },
+
+    handleCloseSheet() {
+      this.showSheet = false;
+      this.$emit('close');
     }
 
   }
 };
 
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$7 = function () {
+var __vue_render__$8 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2513,12 +2501,12 @@ var __vue_render__$7 = function () {
 
   return _c(_vm.isMobile ? 'VcBottomActions' : 'VcActionList', _vm._b({
     tag: "component",
-    attrs: {
-      "value": _vm.showSheet
-    },
     on: {
-      "input": function ($event) {
-        return _vm.handleSheet('input', $event);
+      "action": function ($event) {
+        return _vm.handleSheet($event);
+      },
+      "close": function ($event) {
+        return _vm.handleCloseSheet();
       }
     },
     scopedSlots: _vm._u([{
@@ -2526,35 +2514,48 @@ var __vue_render__$7 = function () {
       fn: function (ref) {
         var attrs = ref.attrs;
         var on = ref.on;
-        return [_c('v-icon', _vm._g(_vm._b({}, 'v-icon', attrs, false), on), [_vm._v("$three_dots")])];
+        return [_c('v-icon', _vm._g(_vm._b({
+          on: {
+            "click": function ($event) {
+              _vm.showSheet = !_vm.showSheet;
+            }
+          }
+        }, 'v-icon', attrs, false), on), [_vm._v("\n      $three_dots\n    ")])];
       }
-    }])
+    }]),
+    model: {
+      value: _vm.showSheet,
+      callback: function ($$v) {
+        _vm.showSheet = $$v;
+      },
+      expression: "showSheet"
+    }
   }, 'component', _vm.$props, false));
 };
 
-var __vue_staticRenderFns__$7 = [];
+var __vue_staticRenderFns__$8 = [];
 /* style */
 
-const __vue_inject_styles__$7 = undefined;
+const __vue_inject_styles__$8 = undefined;
 /* scoped */
 
-const __vue_scope_id__$7 = undefined;
+const __vue_scope_id__$8 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$7 = undefined;
+const __vue_module_identifier__$8 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$7 = false;
+const __vue_is_functional_template__$8 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$7,
-  staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
+const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$8, __vue_script__$8, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
 
 //
 //
@@ -2578,7 +2579,7 @@ const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$6 = {
+var script$7 = {
   components: {
     VCol: VCol,
     VRow: VRow,
@@ -2664,10 +2665,10 @@ var script$6 = {
 };
 
 /* script */
-const __vue_script__$6 = script$6;
+const __vue_script__$7 = script$7;
 /* template */
 
-var __vue_render__$6 = function () {
+var __vue_render__$7 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2682,6 +2683,7 @@ var __vue_render__$6 = function () {
   }, _vm._l(_vm.rows, function (row, rowIdx) {
     return _c('v-row', {
       key: "row-" + rowIdx,
+      staticClass: "button-group-row",
       attrs: {
         "data-qa": "row"
       }
@@ -2713,13 +2715,13 @@ var __vue_render__$6 = function () {
   }), 1);
 };
 
-var __vue_staticRenderFns__$6 = [];
+var __vue_staticRenderFns__$7 = [];
 /* style */
 
-const __vue_inject_styles__$6 = function (inject) {
+const __vue_inject_styles__$7 = function (inject) {
   if (!inject) return;
-  inject("data-v-086ba7ac_0", {
-    source: ".VcButtonGroup[data-v-086ba7ac]{font-weight:var(--font-weight-medium2);font-size:13px}.VcButtonGroup .button-item[data-v-086ba7ac]{cursor:pointer;transition:.3s background-color,color ease-out;min-height:40px;border-color:#d6dbe6;border-style:solid;border-width:0;color:rgba(0,0,0,.62);border-right-width:1px;border-bottom-width:1px;padding:0 12px}.VcButtonGroup .button-item .button-label[data-v-086ba7ac]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VcButtonGroup .button-item.left[data-v-086ba7ac]{border-left-width:1px}.VcButtonGroup .button-item.top[data-v-086ba7ac]{border-top-width:1px}.VcButtonGroup .button-item.bottom[data-v-086ba7ac]:not(.top):not(.selected){border-top-width:0}.VcButtonGroup .button-item.top.left[data-v-086ba7ac]{border-top-left-radius:6px}.VcButtonGroup .button-item.top.right[data-v-086ba7ac]{border-top-right-radius:6px}.VcButtonGroup .button-item.bottom.left[data-v-086ba7ac]{border-bottom-left-radius:6px}.VcButtonGroup .button-item.bottom.right[data-v-086ba7ac]{border-bottom-right-radius:6px}.VcButtonGroup .button-item[data-v-086ba7ac]:hover{background-color:rgba(0,0,0,.03)}.VcButtonGroup .button-item[data-v-086ba7ac]:focus{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcButtonGroup .button-item.selected[data-v-086ba7ac]{border:2px solid var(--v-secondary-base);font-weight:600}.VcButtonGroup .button-item.selected[data-v-086ba7ac]:hover{background:rgba(0,0,0,.03)}.VcButtonGroup .button-item[data-v-086ba7ac]:active{background:rgba(0,0,0,.12)}.VcButtonGroup .button-item.disabled[data-v-086ba7ac]{background:rgba(0,0,0,.07);color:rgba(0,0,0,.4);pointer-events:none}",
+  inject("data-v-284ef818_0", {
+    source: ".VcButtonGroup[data-v-284ef818]{font-weight:var(--font-weight-medium2);font-size:13px}.VcButtonGroup .button-group-row[data-v-284ef818]{margin:0}.VcButtonGroup .button-item[data-v-284ef818]{cursor:pointer;transition:.3s background-color,color ease-out;min-height:40px;border-color:#d6dbe6;border-style:solid;border-width:0;color:rgba(0,0,0,.62);border-right-width:1px;border-bottom-width:1px;padding:0 12px}.VcButtonGroup .button-item .button-label[data-v-284ef818]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.VcButtonGroup .button-item.left[data-v-284ef818]{border-left-width:1px}.VcButtonGroup .button-item.top[data-v-284ef818]{border-top-width:1px}.VcButtonGroup .button-item.bottom[data-v-284ef818]:not(.top):not(.selected){border-top-width:0}.VcButtonGroup .button-item.top.left[data-v-284ef818]{border-top-left-radius:6px}.VcButtonGroup .button-item.top.right[data-v-284ef818]{border-top-right-radius:6px}.VcButtonGroup .button-item.bottom.left[data-v-284ef818]{border-bottom-left-radius:6px}.VcButtonGroup .button-item.bottom.right[data-v-284ef818]{border-bottom-right-radius:6px}.VcButtonGroup .button-item[data-v-284ef818]:hover{background-color:rgba(0,0,0,.03)}.VcButtonGroup .button-item[data-v-284ef818]:focus{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcButtonGroup .button-item.selected[data-v-284ef818]{border:2px solid var(--v-secondary-base);font-weight:600}.VcButtonGroup .button-item.selected[data-v-284ef818]:hover{background:rgba(0,0,0,.03)}.VcButtonGroup .button-item[data-v-284ef818]:active{background:rgba(0,0,0,.12)}.VcButtonGroup .button-item.disabled[data-v-284ef818]{background:rgba(0,0,0,.07);color:rgba(0,0,0,.4);pointer-events:none}",
     map: undefined,
     media: undefined
   });
@@ -2727,21 +2729,21 @@ const __vue_inject_styles__$6 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$6 = "data-v-086ba7ac";
+const __vue_scope_id__$7 = "data-v-284ef818";
 /* module identifier */
 
-const __vue_module_identifier__$6 = undefined;
+const __vue_module_identifier__$7 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$6 = false;
+const __vue_is_functional_template__$7 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$6,
-  staticRenderFns: __vue_staticRenderFns__$6
-}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, createInjector, undefined, undefined);
+const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$7,
+  staticRenderFns: __vue_staticRenderFns__$7
+}, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, createInjector, undefined, undefined);
 
 //
 //
@@ -2752,7 +2754,7 @@ const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$5 = {
+var script$6 = {
   components: {
     VProgressCircular: VProgressCircular
   },
@@ -2766,7 +2768,7 @@ var script$5 = {
     },
     color: {
       type: String,
-      default: "#0c315e"
+      default: "primary"
     },
     size: {
       type: Number,
@@ -2780,10 +2782,10 @@ var script$5 = {
 };
 
 /* script */
-const __vue_script__$5 = script$5;
+const __vue_script__$6 = script$6;
 /* template */
 
-var __vue_render__$5 = function () {
+var __vue_render__$6 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2801,29 +2803,29 @@ var __vue_render__$5 = function () {
   });
 };
 
-var __vue_staticRenderFns__$5 = [];
+var __vue_staticRenderFns__$6 = [];
 /* style */
 
-const __vue_inject_styles__$5 = undefined;
+const __vue_inject_styles__$6 = undefined;
 /* scoped */
 
-const __vue_scope_id__$5 = undefined;
+const __vue_scope_id__$6 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$5 = undefined;
+const __vue_module_identifier__$6 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$5 = false;
+const __vue_is_functional_template__$6 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$5,
-  staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$6,
+  staticRenderFns: __vue_staticRenderFns__$6
+}, __vue_inject_styles__$6, __vue_script__$6, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
 
 //
 //
@@ -2841,7 +2843,7 @@ const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$4 = {
+var script$5 = {
   components: {
     VSwitch: VSwitch
   },
@@ -2873,10 +2875,10 @@ var script$4 = {
 };
 
 /* script */
-const __vue_script__$4 = script$4;
+const __vue_script__$5 = script$5;
 /* template */
 
-var __vue_render__$4 = function () {
+var __vue_render__$5 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -2912,13 +2914,13 @@ var __vue_render__$4 = function () {
   });
 };
 
-var __vue_staticRenderFns__$4 = [];
+var __vue_staticRenderFns__$5 = [];
 /* style */
 
-const __vue_inject_styles__$4 = function (inject) {
+const __vue_inject_styles__$5 = function (inject) {
   if (!inject) return;
-  inject("data-v-eb6ebd34_0", {
-    source: ".VcSwitch[data-v-eb6ebd34]{padding:0;margin:0}.VcSwitch[data-v-eb6ebd34]  label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--size-value6);color:rgba(0,0,0,.87)}.VcSwitch[data-v-eb6ebd34]  input{height:var(--size-value5)}.VcSwitch[data-v-eb6ebd34]  .v-input--selection-controls__input{margin-left:0;margin-right:var(--size-value3);height:var(--size-value5);width:var(--size-value8)}#app[dir=rtl] .VcSwitch[data-v-eb6ebd34]  .v-input--selection-controls__input{margin-left:var(--size-value3)}#app[dir=rtl] .VcSwitch[data-v-eb6ebd34]  .v-input--selection-controls__input{margin-right:0}.VcSwitch[data-v-eb6ebd34]  .v-input--switch__track{top:0;left:0}#app[dir=rtl] .VcSwitch[data-v-eb6ebd34]  .v-input--switch__track{left:auto;right:0}.VcSwitch[data-v-eb6ebd34]  .v-input--selection-controls__ripple{left:-10px;height:25px;width:25px}#app[dir=rtl] .VcSwitch[data-v-eb6ebd34]  .v-input--selection-controls__ripple{left:auto;right:-10px}.VcSwitch[data-v-eb6ebd34]  .v-input--switch__thumb{height:14px;width:14px;background-color:#fff;top:calc(50% - 7px);transform:translateX(3px)!important;box-shadow:0 1px 1px rgba(0,0,0,.141176),0 1px 3px rgba(0,0,0,.2)}#app[dir=rtl] .VcSwitch[data-v-eb6ebd34]  .v-input--switch__thumb{transform:translateX(-3px)!important}.VcSwitch.is-active[data-v-eb6ebd34]  .v-input--switch__track{opacity:1;background-color:currentColor}.VcSwitch.is-active[data-v-eb6ebd34]  .v-input--selection-controls__ripple{transform:translateX(14px)!important}#app[dir=rtl] .VcSwitch.is-active[data-v-eb6ebd34]  .v-input--selection-controls__ripple{transform:translateX(-14px)!important}.VcSwitch.is-active[data-v-eb6ebd34]  .v-input--switch__thumb{transform:translateX(17px)!important}#app[dir=rtl] .VcSwitch.is-active[data-v-eb6ebd34]  .v-input--switch__thumb{transform:translateX(-17px)!important}",
+  inject("data-v-5fe5a78e_0", {
+    source: ".VcSwitch[data-v-5fe5a78e]{padding:0;margin:0}.VcSwitch[data-v-5fe5a78e]  label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--size-value6);color:rgba(0,0,0,.87)}.VcSwitch[data-v-5fe5a78e]  input{height:var(--size-value5)}.VcSwitch[data-v-5fe5a78e]  .v-input--selection-controls__input{margin-left:0;margin-right:var(--size-value3);height:var(--size-value5);width:var(--size-value8)}#app[dir=rtl] .VcSwitch[data-v-5fe5a78e]  .v-input--selection-controls__input{margin-left:var(--size-value3)}#app[dir=rtl] .VcSwitch[data-v-5fe5a78e]  .v-input--selection-controls__input{margin-right:0}.VcSwitch[data-v-5fe5a78e]  .v-input--switch__track{top:0;left:0}#app[dir=rtl] .VcSwitch[data-v-5fe5a78e]  .v-input--switch__track{left:auto;right:0}.VcSwitch[data-v-5fe5a78e]  .v-input--selection-controls__ripple{left:-10px;height:25px;width:25px}#app[dir=rtl] .VcSwitch[data-v-5fe5a78e]  .v-input--selection-controls__ripple{left:auto;right:-10px}.VcSwitch[data-v-5fe5a78e]  .v-input--switch__thumb{height:14px;width:14px;background-color:#fff;top:calc(50% - 7px);transform:translateX(3px)!important;box-shadow:0 1px 1px rgba(0,0,0,.141176),0 1px 3px rgba(0,0,0,.2)}#app[dir=rtl] .VcSwitch[data-v-5fe5a78e]  .v-input--switch__thumb{transform:translateX(-3px)!important}.VcSwitch.v-input--is-disabled[data-v-5fe5a78e] {opacity:1}.VcSwitch.v-input--is-disabled[data-v-5fe5a78e]  .v-input--switch__track{color:#ededed!important}.VcSwitch.v-input--is-disabled[data-v-5fe5a78e]  .v-input--switch__thumb{background-color:#e0e0e0!important;box-shadow:none}.VcSwitch.is-active[data-v-5fe5a78e]  .v-input--switch__track{opacity:1;background-color:currentColor}.VcSwitch.is-active[data-v-5fe5a78e]  .v-input--selection-controls__ripple{transform:translateX(14px)!important}#app[dir=rtl] .VcSwitch.is-active[data-v-5fe5a78e]  .v-input--selection-controls__ripple{transform:translateX(-14px)!important}.VcSwitch.is-active[data-v-5fe5a78e]  .v-input--switch__thumb{transform:translateX(17px)!important}#app[dir=rtl] .VcSwitch.is-active[data-v-5fe5a78e]  .v-input--switch__thumb{transform:translateX(-17px)!important}",
     map: undefined,
     media: undefined
   });
@@ -2926,28 +2928,28 @@ const __vue_inject_styles__$4 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$4 = "data-v-eb6ebd34";
+const __vue_scope_id__$5 = "data-v-5fe5a78e";
 /* module identifier */
 
-const __vue_module_identifier__$4 = undefined;
+const __vue_module_identifier__$5 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$4 = false;
+const __vue_is_functional_template__$5 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$4,
-  staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, createInjector, undefined, undefined);
+const __vue_component__$5 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, __vue_script__$5, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, createInjector, undefined, undefined);
 
-var script$3 = {
+var script$4 = {
   name: 'VcTextField',
   components: {
-    VcLayout: __vue_component__$k,
-    VcButton: __vue_component__$m,
-    VcIcon: __vue_component__$n,
+    VcLayout: __vue_component__$l,
+    VcButton: __vue_component__$n,
+    VcIcon: __vue_component__$o,
     VTextField: VTextField
   },
   props: {
@@ -3000,10 +3002,10 @@ var script$3 = {
 };
 
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$4 = script$4;
 /* template */
 
-var __vue_render__$3 = function () {
+var __vue_render__$4 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3022,6 +3024,11 @@ var __vue_render__$3 = function () {
       "step": _vm.step,
       "hide-details": "auto"
     },
+    on: {
+      "input": function (data) {
+        return _vm.$emit('input', data);
+      }
+    },
     scopedSlots: _vm._u([_vm.type === 'number' ? {
       key: "append",
       fn: function () {
@@ -3039,7 +3046,7 @@ var __vue_render__$3 = function () {
             "max-height": "25px"
           },
           on: {
-            "onClick": function ($event) {
+            "click": function ($event) {
               _vm.updateValue(parseFloat(_vm.step));
             }
           }
@@ -3052,7 +3059,7 @@ var __vue_render__$3 = function () {
             "max-height": "25px"
           },
           on: {
-            "onClick": function ($event) {
+            "click": function ($event) {
               _vm.updateValue(-parseFloat(_vm.step));
             }
           }
@@ -3063,16 +3070,16 @@ var __vue_render__$3 = function () {
   }, [_vm._v(" "), _vm._t("default")], 2);
 };
 
-var __vue_staticRenderFns__$3 = [];
+var __vue_staticRenderFns__$4 = [];
 /* style */
 
-const __vue_inject_styles__$3 = function (inject) {
+const __vue_inject_styles__$4 = function (inject) {
   if (!inject) return;
-  inject("data-v-4fbc1d5a_0", {
-    source: ".number-counter[data-v-4fbc1d5a]{border-left:1px solid rgba(0,0,0,.12)}#app[dir=rtl] .number-counter[data-v-4fbc1d5a]{border-left:none;border-right:1px solid rgba(0,0,0,.12)}",
+  inject("data-v-31ca7c6a_0", {
+    source: ".number-counter[data-v-31ca7c6a]{border-left:1px solid rgba(0,0,0,.12)}#app[dir=rtl] .number-counter[data-v-31ca7c6a]{border-left:none;border-right:1px solid rgba(0,0,0,.12)}",
     map: undefined,
     media: undefined
-  }), inject("data-v-4fbc1d5a_1", {
+  }), inject("data-v-31ca7c6a_1", {
     source: ".VcTextInput.v-text-field{margin:0;padding:0}.VcTextInput.v-text-field label{letter-spacing:-.3px;font-size:15px;color:rgba(0,0,0,.4)}.VcTextInput.v-text-field .v-text-field__slot:first-child{margin:0 12px}.VcTextInput.v-text-field[prepend-inner-icon] .v-text-field__slot{padding:0}.VcTextInput.v-text-field.v-input--is-focused label,.VcTextInput.v-text-field.v-input--is-label-active label{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:-.3px;color:rgba(0,0,0,.62)!important;transform:translateY(-100%) scale(.85);top:8px}.VcTextInput.v-text-field:not(.v-text-field--outlined) .v-text-field__slot{transition:margin-bottom .1s}.VcTextInput.v-text-field:not(.v-text-field--outlined).v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field:not(.v-text-field--outlined).v-input--is-label-active .v-text-field__slot{margin-bottom:-20px}.VcTextInput.v-text-field.v-input--is-focused .v-input__slot{border-color:currentColor}.VcTextInput.v-text-field .v-input__slot{min-height:52px!important;border-radius:6px;background-color:#fff!important;position:relative!important;border:solid 1px rgba(0,0,0,.12);transition:border-color,background-color .1s!important}.VcTextInput.v-text-field .v-input__slot:hover{border-color:currentColor}.VcTextInput.v-text-field .v-input__slot:after,.VcTextInput.v-text-field .v-input__slot:before{display:none}.VcTextInput.v-text-field.v-input--is-disabled .v-input__slot{background-color:rgba(0,0,0,.03)!important}.VcTextInput.v-text-field input{font-size:15px!important;font-weight:500}.VcTextInput.v-text-field .v-text-field__prefix{color:rgba(0,0,0,.54)!important}.VcTextInput.v-text-field .v-input__append-inner,.VcTextInput.v-text-field .v-input__prepend-inner{color:rgba(0,0,0,.4);margin:auto 12px auto 12px!important;max-width:20px;max-height:20px;padding:0!important}.VcTextInput.v-text-field .v-input__append-inner .v-input__icon,.VcTextInput.v-text-field .v-input__prepend-inner .v-input__icon{height:100%;max-width:100%;min-width:100%;max-height:100%;min-height:100%}.VcTextInput.v-text-field .v-input__append-inner i,.VcTextInput.v-text-field .v-input__prepend-inner i{color:rgba(0,0,0,.4)}.VcTextInput.v-text-field.error--text .v-input__slot{border:1px solid #f2514a}",
     map: undefined,
     media: undefined
@@ -3081,21 +3088,21 @@ const __vue_inject_styles__$3 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$3 = "data-v-4fbc1d5a";
+const __vue_scope_id__$4 = "data-v-31ca7c6a";
 /* module identifier */
 
-const __vue_module_identifier__$3 = undefined;
+const __vue_module_identifier__$4 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$3 = false;
+const __vue_is_functional_template__$4 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$3,
-  staticRenderFns: __vue_staticRenderFns__$3
-}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, createInjector, undefined, undefined);
+const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, __vue_script__$4, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, createInjector, undefined, undefined);
 
 //
 //
@@ -3113,7 +3120,7 @@ const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-var script$2 = {
+var script$3 = {
   components: {
     VTextarea: VTextarea
   },
@@ -3156,10 +3163,10 @@ var script$2 = {
 };
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$3 = script$3;
 /* template */
 
-var __vue_render__$2 = function () {
+var __vue_render__$3 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3189,13 +3196,13 @@ var __vue_render__$2 = function () {
   });
 };
 
-var __vue_staticRenderFns__$2 = [];
+var __vue_staticRenderFns__$3 = [];
 /* style */
 
-const __vue_inject_styles__$2 = function (inject) {
+const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-35c01692_0", {
-    source: "[data-v-35c01692].VcTextArea.v-text-field .v-text-field__slot:first-child{margin-inline-start:12px;margin-top:3px}[data-v-35c01692].VcTextArea.v-text-field.v-input--is-focused label,[data-v-35c01692].VcTextArea.v-text-field.v-input--is-label-active label{font-size:12px;color:rgba(0,0,0,.62)!important;transform:translateY(-18px) scale(.85)}[data-v-35c01692].VcTextArea.v-text-field:not(.v-text-field--outlined) .v-text-field__slot{transition:margin-bottom .1s}[data-v-35c01692].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-focused .v-text-field__slot,[data-v-35c01692].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-label-active .v-text-field__slot{margin-bottom:0}[data-v-35c01692].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-focused .v-input__slot,[data-v-35c01692].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-label-active .v-input__slot{padding-top:20px}[data-v-35c01692].VcTextArea.v-text-field .v-input__slot{border-radius:6px;background-color:#fff!important;position:relative!important;border:solid 1px rgba(0,0,0,.12);transition:border-color .1s!important}[data-v-35c01692].VcTextArea.v-text-field .v-input__slot:hover{border-color:var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1);transition:box-shadow .1s!important}[data-v-35c01692].VcTextArea.v-text-field .v-input__slot:after,[data-v-35c01692].VcTextArea.v-text-field .v-input__slot:before{display:none}[data-v-35c01692].VcTextArea.v-text-field textarea{font-size:15px!important;font-weight:500;margin-top:0;line-height:1.5}[data-v-35c01692].VcTextArea.v-text-field .v-text-field__prefix{color:rgba(0,0,0,.54)!important}[data-v-35c01692].VcTextArea.v-text-field.error--text .v-input__slot{border:1px solid var(--v-danger-base);box-shadow:none}[data-v-35c01692].VcTextArea.v-text-field.v-input--is-disabled .v-input__slot{background-color:rgba(0,0,0,.03)!important}",
+  inject("data-v-021f98ca_0", {
+    source: "[data-v-021f98ca].VcTextArea.v-text-field .v-text-field__slot:first-child{margin-inline-start:12px;margin-top:3px}[data-v-021f98ca].VcTextArea.v-text-field.v-input--is-focused label,[data-v-021f98ca].VcTextArea.v-text-field.v-input--is-label-active label{font-size:12px;color:rgba(0,0,0,.62)!important;transform:translateY(-18px) scale(.85)}[data-v-021f98ca].VcTextArea.v-text-field.v-input--is-focused .v-input__slot{border-color:var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1);transition:box-shadow .1s!important}[data-v-021f98ca].VcTextArea.v-text-field:not(.v-text-field--outlined) .v-text-field__slot{transition:margin-bottom .1s}[data-v-021f98ca].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-focused label,[data-v-021f98ca].VcTextArea.v-text-field:not(.v-text-field--outlined).v-input--is-label-active label{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:-.3px;color:rgba(0,0,0,.62)!important;transform:translateY(-100%) scale(.85);top:24px}[data-v-021f98ca].VcTextArea.v-text-field .v-input__slot{border-radius:6px;background-color:#fff!important;position:relative!important;border:solid 1px rgba(0,0,0,.12);transition:border-color .1s!important}[data-v-021f98ca].VcTextArea.v-text-field .v-input__slot:hover:not(.v-input--is-focused.v-input__slot):not(.error--text.v-input__slot){border-color:#757575}[data-v-021f98ca].VcTextArea.v-text-field .v-input__slot:after,[data-v-021f98ca].VcTextArea.v-text-field .v-input__slot:before{display:none}[data-v-021f98ca].VcTextArea.v-text-field textarea{font-size:15px!important;font-weight:500;margin-top:0;line-height:1.5;margin-top:20px}[data-v-021f98ca].VcTextArea.v-text-field .v-text-field__prefix{color:rgba(0,0,0,.54)!important}[data-v-021f98ca].VcTextArea.v-text-field.error--text .v-input__slot{border:1px solid var(--v-danger-base);box-shadow:none}[data-v-021f98ca].VcTextArea.v-text-field.v-input--is-disabled .v-input__slot{background-color:rgba(0,0,0,.03)!important}",
     map: undefined,
     media: undefined
   });
@@ -3203,36 +3210,36 @@ const __vue_inject_styles__$2 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$2 = "data-v-35c01692";
+const __vue_scope_id__$3 = "data-v-021f98ca";
 /* module identifier */
 
-const __vue_module_identifier__$2 = undefined;
+const __vue_module_identifier__$3 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$2 = false;
+const __vue_is_functional_template__$3 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$2,
-  staticRenderFns: __vue_staticRenderFns__$2
-}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, createInjector, undefined, undefined);
+const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$3,
+  staticRenderFns: __vue_staticRenderFns__$3
+}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, createInjector, undefined, undefined);
 
 //
 //
 //
 //
-var script$1 = {
+var script$2 = {
   name: 'VcSvg',
   props: ['svg']
 };
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__$2 = script$2;
 /* template */
 
-var __vue_render__$1 = function () {
+var __vue_render__$2 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3246,70 +3253,45 @@ var __vue_render__$1 = function () {
   });
 };
 
-var __vue_staticRenderFns__$1 = [];
+var __vue_staticRenderFns__$2 = [];
 /* style */
 
-const __vue_inject_styles__$1 = undefined;
+const __vue_inject_styles__$2 = undefined;
 /* scoped */
 
-const __vue_scope_id__$1 = undefined;
+const __vue_scope_id__$2 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$1 = undefined;
+const __vue_module_identifier__$2 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$1 = false;
+const __vue_is_functional_template__$2 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$2,
+  staticRenderFns: __vue_staticRenderFns__$2
+}, __vue_inject_styles__$2, __vue_script__$2, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-var script = {
+var script$1 = {
+  name: 'VcToast',
   components: {
+    VcAlert: __vue_component__$e,
     VSnackbar: VSnackbar
   },
-
-  name: 'VcToast',
-
   props: {
-    type: {
-      type: String,
-      default: 'success',
-      validator: prop => ['danger', 'info', 'success'].includes(prop)
-    },
     value: {
       type: Boolean
     },
-    color: {
-      type: String
-    },
     timeout: {
       type: Number,
       required: false
-    },
-    text: {
-      type: String,
-      default: 'Success'
     }
   },
-
   computed: {
     computedTimeout() {
       return this.timeout || this.$ds.toastTimeout || 3000;
@@ -3319,10 +3301,10 @@ var script = {
 };
 
 /* script */
-const __vue_script__ = script;
+const __vue_script__$1 = script$1;
 /* template */
 
-var __vue_render__ = function () {
+var __vue_render__$1 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -3338,7 +3320,86 @@ var __vue_render__ = function () {
       "left": !_vm.$vuetify.rtl,
       "right": _vm.$vuetify.rtl
     }
-  }, [_vm._v("\n  " + _vm._s(_vm.text) + "\n")]);
+  }, [_c('VcAlert', _vm._b({
+    attrs: {
+      "is-stripe": false
+    }
+  }, 'VcAlert', _vm.$attrs, false))], 1);
+};
+
+var __vue_staticRenderFns__$1 = [];
+/* style */
+
+const __vue_inject_styles__$1 = function (inject) {
+  if (!inject) return;
+  inject("data-v-2dfe68ea_0", {
+    source: "[data-v-2dfe68ea] .v-snack__action{display:none}[data-v-2dfe68ea] .v-alert{margin-bottom:0}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$1 = "data-v-2dfe68ea";
+/* module identifier */
+
+const __vue_module_identifier__$1 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$1 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, createInjector, undefined, undefined);
+
+//
+//
+//
+//
+//
+//
+//
+//
+var script = {
+  components: {
+    VCard: VCard
+  },
+
+  name: "VcCard",
+
+  props: {
+    dataQa: {
+      type: String,
+      default: 'VcCard'
+    }
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+/* template */
+
+var __vue_render__ = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('v-card', {
+    staticClass: "VcCard",
+    attrs: {
+      "tile": "",
+      "data-qa": _vm.dataQa
+    }
+  }, [_vm._t("default", function () {
+    return [_vm._v("\n  " + _vm._s(this.$slots && this.$slots.default) + "\n  ")];
+  })], 2);
 };
 
 var __vue_staticRenderFns__ = [];
@@ -3346,8 +3407,8 @@ var __vue_staticRenderFns__ = [];
 
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-41b33dd6_0", {
-    source: ".v-snack__action[data-v-41b33dd6]{display:none}",
+  inject("data-v-45292040_0", {
+    source: ".VcCard[data-v-45292040]{position:relative;padding:16px 0 0;border-bottom:1px solid #e0e0e0;background:#fff;box-sizing:border-box;box-shadow:none!important}@media screen and (min-width:960px){.VcCard[data-v-45292040]{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #e0e0e0;border-radius:6px!important}.VcCard[data-v-45292040]:hover{box-shadow:0 4px 18px rgba(145,152,160,.22)!important}}",
     map: undefined,
     media: undefined
   });
@@ -3355,7 +3416,7 @@ const __vue_inject_styles__ = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__ = "data-v-41b33dd6";
+const __vue_scope_id__ = "data-v-45292040";
 /* module identifier */
 
 const __vue_module_identifier__ = undefined;
@@ -3375,254 +3436,35 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
 
 var components$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  VcConfirmModal: __vue_component__$h,
-  VcInputModal: __vue_component__$f,
-  VcNoticeModal: __vue_component__$e,
-  VcModalFooter: __vue_component__$j,
-  VcModalHeader: __vue_component__$i,
-  VcAlert: __vue_component__$d,
-  VcTooltip: __vue_component__$c,
-  VcIconWithTooltip: __vue_component__$b,
-  VcBottomActions: __vue_component__$9,
-  VcActionList: __vue_component__$8,
-  VcActions: __vue_component__$7,
-  VcButton: __vue_component__$m,
-  VcButtonGroup: __vue_component__$6,
-  VcForm: __vue_component__$g,
-  VcIcon: __vue_component__$n,
-  VcLayout: __vue_component__$k,
-  VcLoader: __vue_component__$5,
-  VcSwitch: __vue_component__$4,
-  VcTextField: __vue_component__$3,
-  VcAvatar: __vue_component__$a,
-  VcTextArea: __vue_component__$2,
-  VcSvg: __vue_component__$1,
-  VcToast: __vue_component__
+  VcConfirmModal: __vue_component__$i,
+  VcInputModal: __vue_component__$g,
+  VcNoticeModal: __vue_component__$f,
+  VcModalFooter: __vue_component__$k,
+  VcModalHeader: __vue_component__$j,
+  VcAlert: __vue_component__$e,
+  VcTooltip: __vue_component__$d,
+  VcIconWithTooltip: __vue_component__$c,
+  VcBottomActions: __vue_component__$a,
+  VcActionList: __vue_component__$9,
+  VcActions: __vue_component__$8,
+  VcButton: __vue_component__$n,
+  VcButtonGroup: __vue_component__$7,
+  VcForm: __vue_component__$h,
+  VcIcon: __vue_component__$o,
+  VcLayout: __vue_component__$l,
+  VcLoader: __vue_component__$6,
+  VcSwitch: __vue_component__$5,
+  VcTextField: __vue_component__$4,
+  VcAvatar: __vue_component__$b,
+  VcTextArea: __vue_component__$3,
+  VcSvg: __vue_component__$2,
+  VcToast: __vue_component__$1,
+  VcCard: __vue_component__
 });
 
-const icons = {
-  flag: `<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 12C1.81066 12 2.06249 11.7481 2.06249 11.4375V9.22496C2.72602 8.94223 3.5527 8.70648 4.74455 8.70648C6.00054 8.70648 7.03778 9.52171 8.61683 9.52171C9.74579 9.52171 10.6481 9.13982 11.488 8.56411C11.6915 8.42463 11.8125 8.19305 11.8125 7.94634V2.24871C11.8125 1.70042 11.2437 1.33769 10.7464 1.56863C9.94162 1.94242 8.95452 2.31522 8.00542 2.31522C6.74946 2.31522 5.71219 1.49999 4.13314 1.49999C3.54825 1.49999 3.02435 1.60274 2.53834 1.78154C2.5862 1.65657 2.62504 1.4465 2.62504 1.31265C2.62504 1.28963 2.62385 1.2523 2.62238 1.22932C2.58087 0.562837 2.0345 0.0282617 1.36729 0.00111634C0.617453 -0.0293935 0 0.569429 0 1.31249C0 1.75842 0.222587 2.15214 0.562499 2.38933V11.4375C0.562499 11.7481 0.814337 12 1.125 12H1.5Z"/></svg>`,
-  customer: `<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.47508 3.49999C8.47508 4.88085 7.35595 5.99999 5.97509 5.99999C4.59423 5.99999 3.47509 4.88085 3.47509 3.49999C3.47509 2.11913 4.59423 1 5.97509 1C7.35595 1 8.47508 2.11913 8.47508 3.49999ZM10.3501 10.0625C10.3501 10.5801 9.93016 11 9.41258 11H2.5376C2.02002 11 1.6001 10.5801 1.6001 10.0625V9.24999C1.6001 7.80077 2.77588 6.62499 4.2251 6.62499H4.55125C4.98682 6.82421 5.46728 6.93749 5.97509 6.93749C6.4829 6.93749 6.96532 6.82421 7.39892 6.62499H7.72508C9.17429 6.62499 10.3501 7.80077 10.3501 9.24999V10.0625Z"/></svg>`,
-  inactive: `<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.1356 10.6328L11.7528 11.1269C11.6454 11.2637 11.4501 11.2871 11.3134 11.1816L-0.178797 2.30077C-0.315516 2.19532 -0.338957 2.00001 -0.233481 1.86329L0.149323 1.3711C0.256745 1.23438 0.452057 1.21094 0.588775 1.31641L3.47157 3.54297C3.57705 2.26171 4.63955 1.25 5.95009 1.25C7.33095 1.25 8.45008 2.36913 8.45008 3.74999C8.45008 4.83983 7.74891 5.75585 6.77626 6.09959L12.079 10.1972C12.2157 10.3027 12.2411 10.5 12.1356 10.6328ZM3.75088 6.9199L9.35243 11.25H2.5126C1.99502 11.25 1.5751 10.8301 1.5751 10.3125V9.49999C1.5751 8.20311 2.51651 7.13475 3.75088 6.9199Z" /></g><defs><clipPath id="clip0"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>`,
-  vip: `<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.9556 5.35938L9.6 9.125H2.4L1.04438 5.35938C0.997504 5.36718 0.948743 5.375 0.9 5.375C0.403125 5.375 0 4.95508 0 4.4375C0 3.91992 0.404993 3.5 0.901868 3.5C1.39874 3.5 1.80187 3.91992 1.80187 4.4375C1.80187 4.57616 1.77001 4.70703 1.71938 4.82421L3.075 5.67188C3.36187 5.85157 3.73687 5.75 3.90375 5.4453L5.43188 2.66016C5.23125 2.48829 5.1 2.23047 5.1 1.9375C5.1 1.41992 5.50313 1 6 1C6.49687 1 6.9 1.41992 6.9 1.9375C6.9 2.23047 6.76875 2.48829 6.56812 2.66016L8.09625 5.4453C8.26313 5.75 8.63624 5.85157 8.925 5.67188L10.2825 4.82421C10.23 4.70508 10.2 4.57616 10.2 4.4375C10.2 3.91992 10.6031 3.5 11.1 3.5C11.5969 3.5 12 3.91992 12 4.4375C12 4.95508 11.5969 5.375 11.1 5.375C11.0513 5.375 11.0025 5.36718 10.9556 5.35938ZM10.2 10.6875C10.2 10.8594 10.065 11 9.9 11H2.1C1.935 11 1.8 10.8594 1.8 10.6875V10.0625C1.8 9.89063 1.935 9.75 2.1 9.75H9.9C10.065 9.75 10.2 9.89063 10.2 10.0625V10.6875Z"/></svg>`,
-  success: `<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0)"><path d="M4.0789 10.6903L0.180509 6.79191C-0.0536593 6.5577 -0.0536593 6.17791 0.180509 5.94371L1.02871 5.09555C1.26291 4.86134 1.6427 4.86134 1.8769 5.09555L4.50302 7.7217L10.1279 2.09682C10.3621 1.86258 10.7419 1.86258 10.9761 2.09682L11.8243 2.94498C12.0585 3.17919 12.0585 3.55898 11.8243 3.79318L4.92713 10.6903C4.69289 10.9245 4.31314 10.9245 4.0789 10.6903Z" /></g><defs><clipPath id="clip0"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>`,
-  close_button: `<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg"><path d="M12.3047 13.0138L13.0119 12.3066C13.1093 12.2091 13.1093 12.0507 13.0119 11.9532L8.05931 7.00064L13.0065 2.05349C13.104 1.95599 13.104 1.79754 13.0065 1.70007L12.2993 0.992855C12.2018 0.895382 12.0434 0.895382 11.9459 0.992855L6.99867 5.94L2.04911 0.99012C1.9516 0.892616 1.79316 0.892616 1.69568 0.99012L0.988167 1.6973C0.890663 1.79481 0.890663 1.95325 0.988167 2.05076L5.93803 7.00064L0.993702 11.9447C0.896198 12.0422 0.896198 12.2006 0.993702 12.2981L1.70088 13.0053C1.79839 13.1028 1.95683 13.1028 2.05434 13.0053L6.99867 8.06127L11.9512 13.0138C12.0487 13.1113 12.2072 13.1113 12.3047 13.0138Z"/> </svg>`,
-  arrow_right: `<svg class="arrow-right" width="12" height="13" viewBox="0 0 12 13" xmlns="http://www.w3.org/2000/svg"><path d="M6.40093 0.683058C6.15685 0.438981 5.76112 0.438981 5.51704 0.683058C5.27296 0.927136 5.27296 1.32286 5.51704 1.56694L7.78311 3.83301H0.625C0.279822 3.83301 0 4.11283 0 4.45801C0 4.80319 0.279822 5.08301 0.625 5.08301H7.78343L5.51704 7.3494C5.27296 7.59348 5.27296 7.98921 5.51704 8.23328C5.76112 8.47736 6.15685 8.47736 6.40093 8.23328L9.72198 4.91223C9.72612 4.90831 9.73021 4.90433 9.73426 4.90028C9.85634 4.77819 9.91736 4.61818 9.91732 4.45817C9.91736 4.29817 9.85634 4.13815 9.73426 4.01607C9.73021 4.01201 9.72611 4.00803 9.72198 4.00411L6.40093 0.683058Z"/></svg>`,
-  warning: `<svg class="vc-notif" width="16" height="15" viewBox="0 0 16 15" xmlns="http://www.w3.org/2000/svg"><path d="M8.31873 10.5C8.41874 10.5 8.50309 10.4188 8.50623 10.3188L8.74061 5.19378C8.74372 5.08752 8.65934 5.00002 8.55311 5.00002H7.44374C7.33747 5.00002 7.25309 5.08752 7.25624 5.19378L7.49061 10.3188C7.49372 10.4219 7.5781 10.5 7.67811 10.5H8.31873Z"/><path d="M7.99998 12.875C8.48435 12.875 8.87498 12.4844 8.87498 12C8.87498 11.5156 8.48435 11.125 7.99998 11.125C7.5156 11.125 7.12498 11.5156 7.12498 12C7.12498 12.4844 7.5156 12.875 7.99998 12.875Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.844 0.65625C7.33344 -0.177083 8.52333 -0.216766 9.07706 0.537202L9.15518 0.65625L15.8194 13.0312C16.3119 13.8698 15.7405 14.9092 14.7923 14.9944L14.6665 15H1.33541C0.35042 15 -0.277403 13.993 0.121864 13.1414L6.844 0.65625ZM8.2917 1.16064C8.18032 0.969949 7.90489 0.948761 7.76849 1.07583L7.72445 1.13039L1.0426 13.5368C0.935848 13.719 1.04882 13.9484 1.26113 13.9925L1.33541 14H14.6665C14.8973 14 15.0441 13.7892 14.9714 13.5762L14.9389 13.5054L8.2917 1.16064Z"/></svg>`,
-  check_circle: `<svg class="vc-notif" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0.25C3.71875 0.25 0.25 3.75 0.25 8C0.25 12.2812 3.71875 15.75 8 15.75C12.25 15.75 15.75 12.2812 15.75 8C15.75 3.75 12.25 0.25 8 0.25ZM8 14.75C4.28125 14.75 1.25 11.75 1.25 8C1.25 4.3125 4.25 1.25 8 1.25C11.6875 1.25 14.75 4.28125 14.75 8C14.75 11.7188 11.7188 14.75 8 14.75ZM12.4062 5.65625C12.5625 5.78125 12.5625 6.03125 12.4062 6.1875L6.78125 11.7812C6.625 11.9062 6.375 11.9062 6.25 11.7812L3.5625 9.0625C3.40625 8.90625 3.40625 8.6875 3.5625 8.53125L3.8125 8.28125C3.96875 8.125 4.21875 8.125 4.34375 8.28125L6.5 10.4375L11.625 5.375C11.75 5.21875 12 5.21875 12.1562 5.375L12.4062 5.65625Z"/></svg>`,
-  info: `<svg class="vc-notif" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"><path  fill-rule="evenodd" clip-rule="evenodd" d="M0.25 8.5C0.25 4.25 3.71875 0.75 8 0.75C12.25 0.75 15.75 4.25 15.75 8.5C15.75 12.7812 12.25 16.25 8 16.25C3.71875 16.25 0.25 12.7812 0.25 8.5ZM14.75 8.5C14.75 4.78125 11.6875 1.75 8 1.75C4.25 1.75 1.25 4.78125 1.25 8.5C1.25 12.25 4.25 15.25 8 15.25C11.7188 15.25 14.75 12.25 14.75 8.5ZM6.875 11.5C6.65625 11.5 6.5 11.6875 6.5 11.875V12.125C6.5 12.3438 6.65625 12.5 6.875 12.5H9.125C9.3125 12.5 9.5 12.3438 9.5 12.125V11.875C9.5 11.6875 9.3125 11.5 9.125 11.5H8.75V7.125C8.75 6.9375 8.5625 6.75 8.375 6.75H6.875C6.65625 6.75 6.5 6.9375 6.5 7.125V7.375C6.5 7.59375 6.65625 7.75 6.875 7.75H7.25V11.5H6.875ZM7 5C7 4.46875 7.4375 4 8 4C8.53125 4 9 4.46875 9 5C9 5.5625 8.53125 6 8 6C7.4375 6 7 5.5625 7 5Z"/></svg>`,
-  information: `<svg class="vc-information" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6.00244 0.190002C2.7915 0.190002 0.189941 2.815 0.189941 6.0025C0.189941 9.21344 2.7915 11.815 6.00244 11.815C9.18994 11.815 11.8149 9.21344 11.8149 6.0025C11.8149 2.815 9.18994 0.190002 6.00244 0.190002ZM6.00244 10.69C3.40088 10.69 1.31494 8.60406 1.31494 6.0025C1.31494 3.42438 3.40088 1.315 6.00244 1.315C8.58057 1.315 10.6899 3.42438 10.6899 6.0025C10.6899 8.60406 8.58057 10.69 6.00244 10.69ZM6.00244 2.76813C5.43994 2.76813 5.01807 3.21344 5.01807 3.7525C5.01807 4.315 5.43994 4.73688 6.00244 4.73688C6.5415 4.73688 6.98682 4.315 6.98682 3.7525C6.98682 3.21344 6.5415 2.76813 6.00244 2.76813ZM7.31494 8.72125V8.15875C7.31494 8.01813 7.17432 7.8775 7.03369 7.8775H6.75244V5.53375C6.75244 5.39313 6.61182 5.2525 6.47119 5.2525H4.97119C4.80713 5.2525 4.68994 5.39313 4.68994 5.53375V6.09625C4.68994 6.26031 4.80713 6.3775 4.97119 6.3775H5.25244V7.8775H4.97119C4.80713 7.8775 4.68994 8.01813 4.68994 8.15875V8.72125C4.68994 8.88531 4.80713 9.0025 4.97119 9.0025H7.03369C7.17432 9.0025 7.31494 8.88531 7.31494 8.72125Z"/></svg>`,
-  info_fill: `<svg class="vc-info-fill" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00249 11.815C9.21241 11.815 11.815 9.21335 11.815 6.00249C11.815 2.7935 9.21241 0.190002 6.00249 0.190002C2.79257 0.190002 0.190002 2.7935 0.190002 6.00249C0.190002 9.21335 2.79257 11.815 6.00249 11.815ZM6.00249 4.73687C5.45883 4.73687 5.01812 4.29616 5.01812 3.75249C5.01812 3.20883 5.45883 2.76812 6.00249 2.76812C6.54615 2.76812 6.98686 3.20883 6.98686 3.75249C6.98686 4.29616 6.54615 4.73687 6.00249 4.73687ZM4.68999 8.72123C4.68999 8.87655 4.81592 9.00248 4.97124 9.00248H7.03374C7.18906 9.00248 7.31499 8.87655 7.31499 8.72123V8.15873C7.31499 8.00342 7.18906 7.87748 7.03374 7.87748H6.75249V5.53374C6.75249 5.37842 6.62656 5.25249 6.47124 5.25249H4.97124C4.81592 5.25249 4.68999 5.37842 4.68999 5.53374V6.09624C4.68999 6.25156 4.81592 6.37749 4.97124 6.37749H5.25249V7.87748H4.97124C4.81592 7.87748 4.68999 8.00342 4.68999 8.15873V8.72123Z"/></svg>`,
-  error: `<svg class="vc-notif" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.4141 8.49991L7.99991 1.9141L14.5857 8.49991L7.99991 15.0857L1.4141 8.49991ZM7.46958 1.03022C7.76247 0.737323 8.23734 0.737324 8.53024 1.03022L15.4696 7.96958C15.7625 8.26247 15.7625 8.73734 15.4696 9.03024L8.53024 15.9696C8.23734 16.2625 7.76247 16.2625 7.46958 15.9696L0.530216 9.03024C0.237323 8.73734 0.237324 8.26247 0.530217 7.96958L7.46958 1.03022ZM7.62491 4.49989C7.40616 4.49989 7.24991 4.68739 7.24991 4.90614L7.46866 10.1561C7.46866 10.3436 7.65616 10.4999 7.84366 10.4999H8.12491C8.31241 10.4999 8.49991 10.3436 8.49991 10.1561L8.71866 4.90614C8.71866 4.68739 8.56241 4.49989 8.34366 4.49989H7.62491ZM7.99991 11.1249C7.49991 11.1249 7.12491 11.5311 7.12491 11.9999C7.12491 12.4999 7.49991 12.8749 7.99991 12.8749C8.46866 12.8749 8.87491 12.4999 8.87491 11.9999C8.87491 11.5311 8.46866 11.1249 7.99991 11.1249Z"/></svg>`,
-  question: `<svg class="vc-question" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M6 0.190002C2.78906 0.190002 0.1875 2.815 0.1875 6.0025C0.1875 9.21344 2.78906 11.815 6 11.815C9.1875 11.815 11.8125 9.21344 11.8125 6.0025C11.8125 2.815 9.1875 0.190002 6 0.190002ZM6 10.69C3.39844 10.69 1.3125 8.60406 1.3125 6.0025C1.3125 3.42438 3.39844 1.315 6 1.315C8.57812 1.315 10.6875 3.42438 10.6875 6.0025C10.6875 8.60406 8.57812 10.69 6 10.69ZM8.50781 4.71344C8.50781 3.54156 7.26562 2.6275 6.11719 2.6275C5.01562 2.6275 4.3125 3.09625 3.77344 3.91656C3.67969 4.03375 3.70312 4.19781 3.82031 4.29156L4.47656 4.78375C4.59375 4.8775 4.78125 4.85406 4.875 4.73688C5.22656 4.29156 5.48438 4.03375 6.02344 4.03375C6.44531 4.03375 6.96094 4.29156 6.96094 4.71344C6.96094 5.01813 6.70312 5.15875 6.28125 5.39313C5.8125 5.67438 5.17969 6.0025 5.17969 6.84625V7.03375C5.17969 7.19781 5.29688 7.315 5.46094 7.315H6.51562C6.67969 7.315 6.79688 7.19781 6.79688 7.03375V6.89313C6.79688 6.30719 8.50781 6.28375 8.50781 4.71344ZM6.98438 8.6275C6.98438 8.08844 6.53906 7.64313 6 7.64313C5.4375 7.64313 5.01562 8.08844 5.01562 8.6275C5.01562 9.19 5.4375 9.61188 6 9.61188C6.53906 9.61188 6.98438 9.19 6.98438 8.6275Z"/></svg>`,
-  question_fill: `<svg class="vc-question-fill" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M11.8125 6.0025C11.8125 2.815 9.1875 0.190002 6 0.190002C2.78906 0.190002 0.1875 2.815 0.1875 6.0025C0.1875 9.21344 2.78906 11.815 6 11.815C9.1875 11.815 11.8125 9.21344 11.8125 6.0025ZM6.14062 2.11188C7.47656 2.11188 8.88281 3.14313 8.88281 4.5025C8.88281 6.33063 6.9375 6.35406 6.9375 7.01031V7.03375C6.9375 7.19781 6.79688 7.315 6.65625 7.315H5.34375C5.17969 7.315 5.0625 7.19781 5.0625 7.03375V6.94C5.0625 5.97906 5.78906 5.60406 6.32812 5.29938C6.79688 5.04156 7.10156 4.85406 7.10156 4.5025C7.10156 4.03375 6.49219 3.72906 6.02344 3.72906C5.39062 3.72906 5.10938 4.03375 4.6875 4.57281C4.59375 4.69 4.40625 4.71344 4.28906 4.61969L3.46875 4.01031C3.35156 3.91656 3.32812 3.7525 3.42188 3.61188C4.05469 2.65094 4.875 2.11188 6.14062 2.11188ZM6 7.92438C6.58594 7.92438 7.07812 8.41656 7.07812 9.0025C7.07812 9.61188 6.58594 10.0806 6 10.0806C5.39062 10.0806 4.92188 9.61188 4.92188 9.0025C4.92188 8.41656 5.39062 7.92438 6 7.92438Z"/></svg>`,
-  attention: `<svg class="vc-attention" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.2968 5.99686C12.2968 9.47529 9.4774 12.2937 5.99999 12.2937C2.52257 12.2937 -0.296875 9.47529 -0.296875 5.99686C-0.296875 2.52046 2.52257 -0.300003 5.99999 -0.300003C9.4774 -0.300003 12.2968 2.52046 12.2968 5.99686ZM0.921872 5.99686C0.921872 8.80428 3.19351 11.075 5.99999 11.075C8.8074 11.075 11.0781 8.80328 11.0781 5.99686C11.0781 3.19046 8.80542 0.918744 5.99999 0.918744C3.19361 0.918744 0.921872 3.19132 0.921872 5.99686ZM6.52265 6.80936C6.68498 6.80936 6.81886 6.68205 6.82696 6.51987L6.99961 3.06675C7.00832 2.89274 6.86956 2.74686 6.6953 2.74686H5.30467C5.13041 2.74686 4.99165 2.89274 5.00036 3.06675L5.17301 6.51987C5.18111 6.68205 5.31499 6.80936 5.47732 6.80936H6.52265ZM7.06639 8.43435C7.06639 9.02238 6.58801 9.50076 5.99999 9.50076C5.41196 9.50076 4.93358 9.02238 4.93358 8.43435C4.93358 7.84633 5.41196 7.36795 5.99999 7.36795C6.58801 7.36795 7.06639 7.84633 7.06639 8.43435Z"/></svg>`,
-  attention_fill: `<svg class="vc-attention-fill" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.00249 11.815C9.21241 11.815 11.815 9.21335 11.815 6.00249C11.815 2.7935 9.21241 0.190002 6.00249 0.190002C2.79257 0.190002 0.190002 2.7935 0.190002 6.00249C0.190002 9.21335 2.79257 11.815 6.00249 11.815ZM5.43358 6.75249C5.28421 6.75249 5.16089 6.63571 5.15277 6.48657L4.97891 3.29908C4.97012 3.13797 5.09836 3.0025 5.2597 3.0025H6.74525C6.90659 3.0025 7.03486 3.13797 7.02607 3.29908L6.85221 6.48657C6.84409 6.63571 6.72076 6.75249 6.5714 6.75249H5.43358ZM4.92437 8.25248C4.92437 8.84792 5.40705 9.33061 6.00249 9.33061C6.59792 9.33061 7.08061 8.84792 7.08061 8.25248C7.08061 7.65705 6.59792 7.17436 6.00249 7.17436C5.40705 7.17436 4.92437 7.65705 4.92437 8.25248Z"/></svg>`,
-  three_dots: `<svg class="vc-three-dots" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.52637 2.47368C6.52637 3.30263 7.1711 3.94737 8.00005 3.94737C8.78295 3.94737 9.47374 3.30263 9.47374 2.47368C9.47374 1.69079 8.78295 1 8.00005 1C7.1711 1 6.52637 1.69079 6.52637 2.47368ZM8.00005 6.52632C7.1711 6.52632 6.52637 7.21711 6.52637 8.00001C6.52637 8.82895 7.1711 9.47369 8.00005 9.47369C8.78295 9.47369 9.47374 8.82895 9.47374 8.00001C9.47374 7.21711 8.78295 6.52632 8.00005 6.52632ZM8.00005 15C7.1711 15 6.52637 14.3553 6.52637 13.5263C6.52637 12.7435 7.1711 12.0526 8.00005 12.0526C8.78295 12.0526 9.47374 12.7435 9.47374 13.5263C9.47374 14.3553 8.78295 15 8.00005 15Z"/></svg>`
-};
-var vuetifyConfig = {
-  // TODO: is this the correct iconfont?
-  icons: {
-    iconfont: "md",
-    rtl: false,
-    values: {
-      example: {
-        component: __vue_component__$1,
-        props: {
-          svg: `<svg viewBox="0 0 13 14" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M6.21211 4.07351C7.28689 4.07351 8.1582 3.21068 8.1582 2.14635C8.1582 1.08305 7.28689 0.220215 6.21211 0.220215C5.13733 0.220215 4.26707 1.08305 4.26707 2.14635C4.26707 3.21068 5.13733 4.07351 6.21211 4.07351Z" fill="blue"/>
-                    <path d="M5.4247 12.7562L5.26192 12.6384C4.62227 12.1785 4.4814 11.293 4.94574 10.6606L9.44105 4.78918C9.9054 4.15678 10.7997 4.01625 11.4393 4.47608L11.6021 4.59388C12.2407 5.05372 12.3826 5.93928 11.9183 6.57272L7.42296 12.442C6.95861 13.0755 6.06435 13.215 5.4247 12.7562Z" fill="red"/>
-                    <path d="M3.68876 10.5109L4.67276 9.24192C5.20493 8.62192 5.40215 7.88516 4.9378 7.25276L2.98337 4.78929C2.51902 4.15689 1.62476 4.01636 0.986148 4.47619L0.822322 4.59296C0.183713 5.05382 0.0417997 5.93939 0.506148 6.57179L2.55867 9.16236L3.68876 10.5109Z" fill="green"/>
-                </svg>`
-        }
-      },
-      flag: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.flag
-        }
-      },
-      customer: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.customer
-        }
-      },
-      inactive: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.inactive
-        }
-      },
-      vip: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.vip
-        }
-      },
-      success: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.success
-        }
-      },
-      close_button: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.close_button
-        }
-      },
-      arrow_right: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.arrow_right
-        }
-      },
-      warning: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.warning
-        }
-      },
-      check_circle: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.check_circle
-        }
-      },
-      info: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.info
-        }
-      },
-      information: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.information
-        }
-      },
-      info_fill: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.info_fill
-        }
-      },
-      error: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.error
-        }
-      },
-      question: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.question
-        }
-      },
-      question_fill: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.question_fill
-        }
-      },
-      attention: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.attention
-        }
-      },
-      attention_fill: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.attention_fill
-        }
-      },
-      three_dots: {
-        component: __vue_component__$1,
-        props: {
-          svg: icons.three_dots
-        }
-      }
-    }
-  },
-  theme: {
-    dark: false,
-    options: {
-      customProperties: true // allow create css variables based on the theme
-
-    },
-    themes: {
-      light: {
-        primary: '#0C315E',
-        // represents the secondary color on DB
-        secondary: {
-          // represents the primary color on DB
-          base: '#00dcf7',
-          lighten1: '#c6f2fc',
-          lighten2: '#def7fd',
-          lighten3: '#effbfe'
-        },
-        default: '#000000',
-        neutral: '#586E8C',
-        success: '#54D28C',
-        warning: '#FFC511',
-        danger: '#F2514A',
-        info: '#478FFF'
-      }
-    }
-  }
-};
-
-// import VAlert from 'vuetify/lib/components/VAlert'\
-
-Vue.use(Vuetify, {
-  components: {
-    VAlert: VAlert$1,
-    VApp,
-    VAutocomplete,
-    VBtn: VBtn$1,
-    VBottomSheet: VBottomSheet$1,
-    VBtnToggle,
-    VCol: VCol$1,
-    VContainer: VContainer$1,
-    VDialog: VDialog$1,
-    VDivider,
-    VForm,
-    VIcon: VIcon$1,
-    VLayout: VLayout$1,
-    VList: VList$1,
-    VListItem: VListItem$1,
-    VListItemTitle: VListItemTitle$1,
-    VMenu: VMenu$1,
-    VProgressCircular: VProgressCircular$1,
-    VRow: VRow$1,
-    VSnackbar: VSnackbar$1,
-    VSubheader: VSubheader$1,
-    VSwitch: VSwitch$1,
-    VTextarea: VTextarea$1,
-    VTextField: VTextField$1,
-    VTooltip: VTooltip$1
-  }
-});
-
-const DesignSystem = ({
-  theme = {},
-  options = {}
-} = {}) => {
-  const ds = { ...options
-  }; // Make the options available to all the components
-
-  Vue.prototype.$ds = ds;
-  const vuetifyConfigOverride = Object.assign({}, vuetifyConfig, theme);
-  return new Vuetify(vuetifyConfigOverride);
-};
-
 // Import vue components
 
-const install = function installdesignSystem(Vue, props) {
-  DesignSystem({ ...props
-  });
+const install = function installdesignSystem(Vue) {
   Object.entries(components$1).forEach(([componentName, component]) => {
     Vue.component(componentName, component);
   });
@@ -3631,29 +3473,30 @@ const install = function installdesignSystem(Vue, props) {
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': install,
-  VcConfirmModal: __vue_component__$h,
-  VcInputModal: __vue_component__$f,
-  VcNoticeModal: __vue_component__$e,
-  VcModalFooter: __vue_component__$j,
-  VcModalHeader: __vue_component__$i,
-  VcAlert: __vue_component__$d,
-  VcTooltip: __vue_component__$c,
-  VcIconWithTooltip: __vue_component__$b,
-  VcBottomActions: __vue_component__$9,
-  VcActionList: __vue_component__$8,
-  VcActions: __vue_component__$7,
-  VcButton: __vue_component__$m,
-  VcButtonGroup: __vue_component__$6,
-  VcForm: __vue_component__$g,
-  VcIcon: __vue_component__$n,
-  VcLayout: __vue_component__$k,
-  VcLoader: __vue_component__$5,
-  VcSwitch: __vue_component__$4,
-  VcTextField: __vue_component__$3,
-  VcAvatar: __vue_component__$a,
-  VcTextArea: __vue_component__$2,
-  VcSvg: __vue_component__$1,
-  VcToast: __vue_component__
+  VcConfirmModal: __vue_component__$i,
+  VcInputModal: __vue_component__$g,
+  VcNoticeModal: __vue_component__$f,
+  VcModalFooter: __vue_component__$k,
+  VcModalHeader: __vue_component__$j,
+  VcAlert: __vue_component__$e,
+  VcTooltip: __vue_component__$d,
+  VcIconWithTooltip: __vue_component__$c,
+  VcBottomActions: __vue_component__$a,
+  VcActionList: __vue_component__$9,
+  VcActions: __vue_component__$8,
+  VcButton: __vue_component__$n,
+  VcButtonGroup: __vue_component__$7,
+  VcForm: __vue_component__$h,
+  VcIcon: __vue_component__$o,
+  VcLayout: __vue_component__$l,
+  VcLoader: __vue_component__$6,
+  VcSwitch: __vue_component__$5,
+  VcTextField: __vue_component__$4,
+  VcAvatar: __vue_component__$b,
+  VcTextArea: __vue_component__$3,
+  VcSvg: __vue_component__$2,
+  VcToast: __vue_component__$1,
+  VcCard: __vue_component__
 });
 
 // iife/cjs usage extends esm default export - so import it all
@@ -3666,4 +3509,4 @@ Object.entries(components).forEach(([componentName, component]) => {
   }
 });
 
-export default install;
+export { install as default };