@vcita/design-system 0.6.15 → 0.6.17-beta.0

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

@@ -1,4 +1,4 @@
-import { VDialog, VBtn, VLayout, VAlert, VTooltip, VIcon, VSubheader, VListItem, VList, VBottomSheet, VListItemTitle, VMenu, VStepperStep, VStepper, VProgressCircular, VCheckbox, VListItemGroup, VDivider, VSheet, VChip, VTextField, VCol, VRow, VContainer, VSwitch, VTextarea, VSelect, VSnackbar, VCard, VStepperContent, VStepperItems, VBadge } from 'vuetify/lib';
+import { VDialog, VBtn, VLayout, VAlert, VTooltip, VIcon, VSubheader, VListItem, VList, VBottomSheet, VListItemTitle, VMenu, VStepperStep, VStepper, VProgressCircular, VCheckbox, VTextField, VListItemGroup, VDivider, VSheet, VChip, VCol, VRow, VContainer, VSwitch, VTextarea, VSelect, VSnackbar, VCard, VStepperContent, VStepperItems, VBadge } from 'vuetify/lib';
 
 //
 //
@@ -1948,9 +1948,7 @@ var script$F = {
       default: ''
     },
     content: {
-      type: String,
-      required: true,
-      validator: prop => prop.length > 0
+      type: String
     },
     top: {
       type: Boolean,
@@ -2050,7 +2048,7 @@ var __vue_staticRenderFns__$F = [];
 
 const __vue_inject_styles__$F = function (inject) {
   if (!inject) return;
-  inject("data-v-7451f0bc_0", {
+  inject("data-v-2dee755a_0", {
     source: ":root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.vc-tooltip{opacity:1!important;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
@@ -3499,8 +3497,8 @@ var __vue_render__$v = function () {
     staticClass: "VcChecklistItem-wrapper",
     attrs: {
       "content": _vm.tooltipContent,
-      "dark": "",
-      "disabled": !_vm.tooltipContent || !_vm.disabled
+      "disabled": !_vm.tooltipContent || !_vm.disabled,
+      "dark": ""
     }
   }, [[_c('VcLayout', {
     staticClass: "VcChecklistItem",
@@ -3512,12 +3510,12 @@ var __vue_render__$v = function () {
     }
   }, [_c('VcCheckbox', {
     attrs: {
-      "checked": _vm.checked,
       "avatar": _vm.getAvatar,
-      "label": _vm.label,
-      "show-avatar-border": false,
+      "checked": _vm.checked,
+      "data-qa": _vm.dataQa + "-checkbox",
       "disabled": _vm.disabled,
-      "data-qa": _vm.dataQa + "-checkbox"
+      "label": _vm.label,
+      "show-avatar-border": false
     },
     on: {
       "change": _vm.onChange
@@ -3530,8 +3528,8 @@ var __vue_staticRenderFns__$v = [];
 
 const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
-  inject("data-v-0dd1f5eb_0", {
-    source: "[data-v-0dd1f5eb]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.VcChecklistItem-wrapper[data-v-0dd1f5eb]{width:100%}.VcChecklistItem-wrapper .VcChecklistItem.disabled[data-v-0dd1f5eb]{background-color:var(--gray-lighten-3)}.VcChecklistItem-wrapper .VcChecklistItem .vc-checkbox[data-v-0dd1f5eb]{flex:1 1 auto;padding:var(--size-value0);margin:var(--size-value0)}.VcChecklistItem-wrapper .VcChecklistItem .vc-checkbox[data-v-0dd1f5eb]  .v-input__control .v-input__slot{padding:var(--size-value2) var(--size-value4)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-0dd1f5eb]:hover{background-color:var(--gray-lighten-3)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-0dd1f5eb]:focus{box-shadow:0 0 0 2px var(--v-secondary-lighten1)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-0dd1f5eb]:active{background-color:var(--v-secondary-lighten3)}",
+  inject("data-v-6ae9d122_0", {
+    source: "[data-v-6ae9d122]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.VcChecklistItem-wrapper[data-v-6ae9d122]{width:100%}.VcChecklistItem-wrapper[hide=true][data-v-6ae9d122]{display:none}.VcChecklistItem-wrapper .VcChecklistItem.disabled[data-v-6ae9d122]{background-color:var(--gray-lighten-3)}.VcChecklistItem-wrapper .VcChecklistItem .vc-checkbox[data-v-6ae9d122]{flex:1 1 auto;padding:var(--size-value0);margin:var(--size-value0)}.VcChecklistItem-wrapper .VcChecklistItem .vc-checkbox[data-v-6ae9d122]  .v-input__control .v-input__slot{padding:var(--size-value2) var(--size-value4)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-6ae9d122]:hover{background-color:var(--gray-lighten-3)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-6ae9d122]:focus{box-shadow:0 0 0 2px var(--v-secondary-lighten1)}.VcChecklistItem-wrapper .VcChecklistItem[data-v-6ae9d122]:active{background-color:var(--v-secondary-lighten3)}",
     map: undefined,
     media: undefined
   });
@@ -3539,7 +3537,7 @@ const __vue_inject_styles__$v = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$v = "data-v-0dd1f5eb";
+const __vue_scope_id__$v = "data-v-6ae9d122";
 /* module identifier */
 
 const __vue_module_identifier__$v = undefined;
@@ -3556,61 +3554,89 @@ const __vue_component__$v = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$v, __vue_script__$v, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
 
 var script$u = {
-  name: "VcListbox",
+  name: 'VcTextField',
   components: {
-    VcChecklistItem: __vue_component__$v,
-    VcIcon: __vue_component__$R,
-    VcTooltip: __vue_component__$F,
-    VListItem: VListItem,
-    VListItemGroup: VListItemGroup,
-    VDivider: VDivider,
-    VList: VList
+    VcIconWithTooltip: __vue_component__$E,
+    VTextField: VTextField
   },
   props: {
-    items: {
-      type: Array,
-      required: true,
-      validator: items => items.every(item => item.label)
+    type: {
+      type: String,
+      default: 'text',
+      validator: prop => ['text', 'number', 'search'].includes(prop)
     },
-    addAnother: {
+    dataQa: {
+      type: String,
+      default: 'vc-text-field'
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    value: {
+      type: [Number, String],
+      default: ''
+    },
+    counter: {
+      type: [Number, Boolean],
+      default: false
+    },
+    maxlength: {
+      type: Number,
+      default: 100,
+      validator: prop => prop > 0
+    },
+    rules: {
+      type: Array
+    },
+    disabled: {
       type: Boolean,
       default: false
     },
-    addAnotherLabel: {
+    hint: {
       type: String,
-      default: ""
+      default: ''
     },
-    title: {
+    placeholder: {
       type: String,
       default: ''
     },
-    dataQa: {
+    tooltipHeader: {
       type: String,
-      default: 'VcListbox'
-    }
-  },
-  computed: {
-    getAddAnotherLabel() {
-      return this.addAnotherLabel || this.$dst('ds.listbox.add');
+      default: ''
     },
-
-    confirmedArray() {
-      return this.items.filter(item => item.checked);
-    }
-
-  },
-  methods: {
-    onSelection(selections) {
-      const newSelections = selections.map(selected => ({ ...selected,
-        checked: true
-      }));
-      this.$emit('change', newSelections);
+    tooltipContent: {
+      type: String,
+      default: ''
     },
-
-    setDataQa(label) {
-      return label.replace(/ /g, '-');
+    tooltipNudgeLeft: {
+      type: Number,
+      default: 0
+    },
+    tooltipNudgeRight: {
+      type: Number,
+      default: 0
+    },
+    prefix: {
+      type: String,
+      default: ''
+    },
+    errorMessages: {
+      type: String,
+      default: ''
+    },
+    hideDetails: {
+      type: [Boolean, String],
+      default: 'auto'
+    },
+    persistentHint: {
+      type: Boolean,
+      default: true
+    },
+    singleLine: {
+      type: Boolean,
+      default: false
     }
-
   }
 };
 
@@ -3625,71 +3651,55 @@ var __vue_render__$u = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('div', [_vm.title ? _c('div', {
-    staticClass: "vc-list-title",
-    attrs: {
-      "data-qa": _vm.dataQa + "-title"
-    }
-  }, [_vm._v("\n    " + _vm._s(_vm.title) + "\n  ")]) : _vm._e(), _vm._v(" "), _c('v-list', {
-    staticClass: "VcListbox",
-    attrs: {
-      "data-qa": _vm.dataQa
-    }
-  }, [_c('div', {
-    staticClass: "vc-overflow"
-  }, [_c('v-list-item-group', {
+  return _c('v-text-field', {
+    staticClass: "VcTextInput",
     attrs: {
-      "value": _vm.confirmedArray,
-      "multiple": ""
+      "dense": "",
+      "data-qa": _vm.dataQa,
+      "label": _vm.label,
+      "placeholder": _vm.placeholder,
+      "rules": _vm.rules,
+      "disabled": _vm.disabled,
+      "type": _vm.type,
+      "error": _vm.counter && !!_vm.maxlength && _vm.value.length > _vm.maxlength,
+      "error-messages": _vm.errorMessages,
+      "value": _vm.value,
+      "hint": _vm.hint,
+      "counter": _vm.counter,
+      "maxlength": _vm.maxlength,
+      "prefix": _vm.prefix,
+      "persistent-hint": _vm.persistentHint,
+      "single-line": _vm.singleLine,
+      "hide-details": _vm.hideDetails
     },
     on: {
-      "change": _vm.onSelection
-    }
-  }, _vm._l(_vm.items, function (item, index) {
-    return _c('VcTooltip', {
-      key: index,
-      attrs: {
-        "dark": "",
-        "content": item.tooltipContent,
-        "disabled": !item.tooltipContent || !item.disabled,
-        "data-qa": _vm.dataQa + "-" + _vm.setDataQa(item.label) + "-tooltip"
-      }
-    }, [_c('v-list-item', {
-      staticClass: "vc-list-item",
-      attrs: {
-        "tabindex": index,
-        "value": item,
-        "disabled": item.disabled
-      }
-    }, [_c('VcChecklistItem', _vm._b({
-      attrs: {
-        "data-qa": _vm.dataQa + "-" + _vm.setDataQa(item.label)
+      "input": function (data) {
+        return _vm.$emit('input', data);
       }
-    }, 'VcChecklistItem', item, false))], 1)], 1);
-  }), 1)], 1), _vm._v(" "), _vm.addAnother ? _c('div', {
-    attrs: {
-      "data-qa": _vm.dataQa + "-increase"
-    }
-  }, [_c('v-divider', {
-    staticClass: "divider"
-  }), _vm._v(" "), _c('v-list-item', {
-    staticClass: "last-item",
-    attrs: {
-      "align-baseline": ""
     },
-    on: {
-      "click": function ($event) {
-        return _vm.$emit('addNew');
-      }
-    }
-  }, [_c('VcIcon', {
-    staticClass: "add-another-icon",
-    attrs: {
-      "dense": ""
-    }
-  }, [_vm._v("$plus")]), _vm._v(" "), _c('span', {
-    staticClass: "add-another-label"
-  }, [_vm._v(_vm._s(_vm.getAddAnotherLabel))])], 1)], 1) : _vm._e()])], 1);
+    scopedSlots: _vm._u([{
+      key: "prepend-inner",
+      fn: function () {
+        return [_vm._t("prepend-inner")];
+      },
+      proxy: true
+    }, {
+      key: "append",
+      fn: function () {
+        return [_vm.tooltipContent ? _c('VcIconWithTooltip', {
+          attrs: {
+            "header": _vm.tooltipHeader,
+            "content": _vm.tooltipContent,
+            "nudge-left": _vm.tooltipNudgeLeft,
+            "nudge-right": _vm.tooltipNudgeRight,
+            "size": 15,
+            "icon": 'question'
+          }
+        }) : _vm._e()];
+      },
+      proxy: true
+    }], null, true)
+  });
 };
 
 var __vue_staticRenderFns__$u = [];
@@ -3697,8 +3707,8 @@ var __vue_staticRenderFns__$u = [];
 
 const __vue_inject_styles__$u = function (inject) {
   if (!inject) return;
-  inject("data-v-6c0335a4_0", {
-    source: "[data-v-6c0335a4]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.vc-list-title[data-v-6c0335a4]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);margin-block-end:var(--size-value3)}.VcListbox[data-v-6c0335a4]{padding-block:var(--size-value1);margin-block:var(--size-value1);border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius);box-shadow:none!important}.VcListbox .vc-overflow[data-v-6c0335a4]{overflow:auto;max-height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-6c0335a4]{padding:var(--size-value0);min-height:unset}.VcListbox .vc-overflow .vc-list-item[data-v-6c0335a4]:before{opacity:0}.VcListbox .divider[data-v-6c0335a4]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-6c0335a4]{cursor:pointer;min-height:var(--size-value10)}.VcListbox .last-item[data-v-6c0335a4]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-6c0335a4]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcListbox .last-item .add-another-icon[data-v-6c0335a4]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-6c0335a4]  .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-6c0335a4]  .v-icon__component svg{width:var(--size-value3)}",
+  inject("data-v-2401387d_0", {
+    source: ".VcTextInput.v-text-field[data-v-2401387d]{font-family:var(--primary-font-family)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot{padding:0 var(--size-value3);height:var(--size-value13);background:#fff;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot label{font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-3);font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot input{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-5);caret-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot input::placeholder{font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:after,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:before{display:none}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:hover{border-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:active,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:focus,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:focus-within{border:1px solid var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:active input,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:focus input,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:focus-within input{color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-2401387d].error--text .v-input__slot{border-color:var(--red);color:unset;box-shadow:unset;font-size:var(--font-size-xx-small);line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-2401387d].v-input--is-focused label,.VcTextInput.v-text-field[data-v-2401387d].v-input--is-label-active label{font-size:var(--font-size-small);line-height:1.17;letter-spacing:-.3px;color:var(--gray-darken-4)!important;transform:translateY(-100%) scale(.85);top:var(--size-value2)}.VcTextInput.v-text-field[data-v-2401387d].v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field[data-v-2401387d].v-input--is-label-active .v-text-field__slot{margin-bottom:-14px}.VcTextInput.v-text-field[data-v-2401387d].v-input--is-disabled .v-input__slot{background:var(--gray-lighten-3);border:1px solid var(--gray-lighten-1)}.VcTextInput.v-text-field[data-v-2401387d].v-input--is-disabled .v-input__slot input,.VcTextInput.v-text-field[data-v-2401387d].v-input--is-disabled .v-input__slot label{color:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-2401387d]:not(.v-input--is-label-active):not(.v-input--is-focused) input{padding:var(--size-value2) 0}.VcTextInput.v-text-field[data-v-2401387d] .v-messages__message{line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__append-inner{align-self:center;fill:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-2401387d].v-input--dense:not(.v-text-field--outlined) input{padding-block:var(--size-value2)}",
     map: undefined,
     media: undefined
   });
@@ -3706,7 +3716,7 @@ const __vue_inject_styles__$u = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$u = "data-v-6c0335a4";
+const __vue_scope_id__$u = "data-v-2401387d";
 /* module identifier */
 
 const __vue_module_identifier__$u = undefined;
@@ -3722,64 +3732,107 @@ const __vue_component__$u = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$u
 }, __vue_inject_styles__$u, __vue_script__$u, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
 
+const throttle = require("lodash.throttle");
+
 var script$t = {
-  name: "VcBottomSheet",
+  name: "VcSearchBar",
   components: {
-    VcLayout: __vue_component__$O,
-    VSheet: VSheet,
-    VBottomSheet: VBottomSheet
+    VcTextField: __vue_component__$u,
+    VcIcon: __vue_component__$R
   },
   props: {
-    value: {
+    size: {
+      type: String,
+      default: 'large',
+      validator: size => ['medium', 'large'].includes(size)
+    },
+    label: {
+      type: String
+    },
+    placeholder: {
+      type: String
+    },
+    caseSensitive: {
       type: Boolean,
       default: false
     },
-    persistent: {
+    throttleTime: {
+      type: Number,
+      default: 500,
+      validator: throttleTime => throttleTime > 0
+    },
+    borderTopRadius: {
       type: Boolean,
       default: false
     },
     dataQa: {
       type: String,
-      default: 'vc-bottom-sheet'
+      default: 'vc-search-bar'
     }
-  }
-};
+  },
+  computed: {
+    getLabel() {
+      return this.label || this.$dst('ds.search_bar.label');
+    },
 
-/* script */
-const __vue_script__$t = script$t;
-/* template */
+    getPlaceholder() {
+      return this.placeholder || this.$dst('ds.search_bar.label');
+    },
 
-var __vue_render__$t = function () {
-  var _vm = this;
+    getClasses() {
+      return `${this.size}${this.borderTopRadius ? ' border-top-radius' : ''}`;
+    }
+
+  },
+
+  data() {
+    return {
+      searchThrottled: throttle(search => {
+        this.$emit('search', this.caseSensitive ? search : search.toLowerCase());
+      }, this.throttleTime)
+    };
+  }
+
+};
+
+/* script */
+const __vue_script__$t = script$t;
+/* template */
+
+var __vue_render__$t = function () {
+  var _vm = this;
 
   var _h = _vm.$createElement;
 
   var _c = _vm._self._c || _h;
 
-  return _c('v-bottom-sheet', {
+  return _c('VcTextField', {
+    class: "vc-search-bar " + _vm.getClasses,
     attrs: {
-      "value": _vm.value,
-      "persistent": _vm.persistent,
       "data-qa": _vm.dataQa,
-      "content-class": "VcBottomSheet"
+      "label": _vm.getLabel,
+      "persistent-hint": false,
+      "placeholder": _vm.getPlaceholder,
+      "hide-details": "",
+      "single-line": "",
+      "type": "search"
     },
     on: {
-      "input": function (val) {
-        return _vm.$emit('input', val);
-      }
+      "input": _vm.searchThrottled
     },
     scopedSlots: _vm._u([{
-      key: "activator",
-      fn: function (activatorObj) {
-        return [_vm._t("activator", null, null, activatorObj)];
-      }
-    }], null, true)
-  }, [_vm._v(" "), _c('v-sheet', {
-    staticClass: "vc-sheet",
-    attrs: {
-      "data-qa": _vm.dataQa + "-sheet"
-    }
-  }, [_vm._t("default")], 2)], 1);
+      key: "prepend-inner",
+      fn: function () {
+        return [_c('VcIcon', {
+          staticClass: "vc-search-bar__magnify",
+          attrs: {
+            "small": ""
+          }
+        }, [_vm._v("$magnify_glass")])];
+      },
+      proxy: true
+    }])
+  });
 };
 
 var __vue_staticRenderFns__$t = [];
@@ -3787,8 +3840,8 @@ var __vue_staticRenderFns__$t = [];
 
 const __vue_inject_styles__$t = function (inject) {
   if (!inject) return;
-  inject("data-v-d837dcb8_0", {
-    source: "[data-v-d837dcb8]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.VcBottomSheet .vc-sheet[data-v-d837dcb8]{max-height:92vh;border-radius:var(--modal-border-radius) var(--modal-border-radius) 0 0;display:flex;box-shadow:var(--modal-box-shadow)}",
+  inject("data-v-aa7c74d0_0", {
+    source: ".vc-search-bar.VcTextInput[data-v-aa7c74d0]{padding:var(--size-value0);margin:var(--size-value0)}.vc-search-bar.VcTextInput.border-top-radius[data-v-aa7c74d0]  .v-input__control .v-input__slot{border-radius:var(--border-radius) var(--border-radius) var(--size-value0) var(--size-value0)}.vc-search-bar.VcTextInput.v-input--has-state[data-v-aa7c74d0]  .v-input__slot .v-text-field__slot,.vc-search-bar.VcTextInput.v-input--is-focused[data-v-aa7c74d0]  .v-input__slot .v-text-field__slot,.vc-search-bar.VcTextInput.v-input--is-label-active[data-v-aa7c74d0]  .v-input__slot .v-text-field__slot{margin:0}.vc-search-bar.VcTextInput__magnify[data-v-aa7c74d0]{fill:var(--gray-darken-2)}.vc-search-bar.VcTextInput[data-v-aa7c74d0]:hover{border-color:var(--gray-darken-2)}.vc-search-bar.VcTextInput[data-v-aa7c74d0]:hover  .v-input__slot label{color:var(--gray-darken-2)}.vc-search-bar.VcTextInput.medium[data-v-aa7c74d0]  .v-input__control .v-input__slot{height:var(--size-value10)}.vc-search-bar.VcTextInput.medium[data-v-aa7c74d0]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:var(--size-value3)}.vc-search-bar.VcTextInput[data-v-aa7c74d0]  .v-input__control .v-input__slot{padding:var(--size-value0)}.vc-search-bar.VcTextInput[data-v-aa7c74d0]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:18px var(--size-value3);margin:var(--size-value0)}",
     map: undefined,
     media: undefined
   });
@@ -3796,7 +3849,7 @@ const __vue_inject_styles__$t = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$t = "data-v-d837dcb8";
+const __vue_scope_id__$t = "data-v-aa7c74d0";
 /* module identifier */
 
 const __vue_module_identifier__$t = undefined;
@@ -3813,73 +3866,89 @@ const __vue_component__$t = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$t, __vue_script__$t, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
 
 var script$s = {
-  name: "VcInputBottomSheet",
+  name: "VcListbox",
   components: {
-    VcBottomSheet: __vue_component__$t,
-    VcModalHeader: __vue_component__$M,
     VcLayout: __vue_component__$O,
-    VcModalFooter: __vue_component__$N,
-    VcForm: __vue_component__$K
+    VcSearchBar: __vue_component__$t,
+    VcChecklistItem: __vue_component__$v,
+    VcIcon: __vue_component__$R,
+    VcTooltip: __vue_component__$F,
+    VListItem: VListItem,
+    VListItemGroup: VListItemGroup,
+    VDivider: VDivider,
+    VList: VList
   },
   props: {
-    value: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      Type: String
-    },
-    okButtonLabel: {
-      type: String
-    },
-    cancelButtonLabel: {
-      type: String
+    items: {
+      type: Array,
+      required: true,
+      validator: items => items.every(item => item.label && item.identifier || item.identifier === 0)
     },
-    closeButton: {
+    addAnother: {
       type: Boolean,
-      default: true
+      default: false
     },
-    footer: {
+    addSearch: {
       type: Boolean,
-      default: true
+      default: false
     },
-    showHeaderDivider: {
-      type: Boolean,
-      default: true
+    addAnotherLabel: {
+      type: String,
+      default: ""
     },
-    showFooterDivider: {
-      type: Boolean,
-      default: true
+    title: {
+      type: String,
+      default: ''
     },
-    persistent: {
-      type: Boolean,
-      default: false
+    emptyListMsg: {
+      type: String
     },
     dataQa: {
       type: String,
-      default: 'vc-bottom-sheet-input'
+      default: 'VcListbox'
     }
   },
   data: () => ({
-    validForm: true
+    search: ''
   }),
+  computed: {
+    getAddAnotherLabel() {
+      return this.addAnotherLabel || this.$dst('ds.listbox.add');
+    },
+
+    confirmedArray() {
+      return this.filteredItems.filter(item => item.checked);
+    },
+
+    filteredItems() {
+      return this.items.map(item => ({ ...item,
+        hide: !item.label.toLowerCase().includes(this.search)
+      }));
+    },
+
+    listExist() {
+      return this.filteredItems.some(item => !item.hide);
+    },
+
+    noItemsMsg() {
+      return this.emptyListMsg || this.$dst('ds.listbox.empty_list');
+    }
+
+  },
   methods: {
-    onOkClicked() {
-      this.validate();
-      this.$emit('onOkClicked', {
-        valid: this.validForm
-      });
+    onSelection(selections) {
+      const newSelections = selections.map(selected => ({ ...selected,
+        checked: true
+      }));
+      this.$emit('change', newSelections);
     },
 
-    validate() {
-      this.$refs.mainForm.validate();
+    onSearch(search) {
+      this.search = search;
     },
 
-    onMainFormValueChanged(value) {
-      this.validForm = value;
-      this.$emit('onValidationChanged', {
-        valid: this.validForm
-      });
+    setDataQa(label) {
+      return label.replace(/ /g, '-');
     }
 
   }
@@ -3896,92 +3965,90 @@ var __vue_render__$s = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('VcBottomSheet', {
+  return _c('div', [_vm.title ? _c('div', {
+    staticClass: "vc-list-title",
     attrs: {
-      "value": _vm.value,
-      "data-qa": _vm.dataQa,
-      "persistent": _vm.persistent
-    },
-    on: {
-      "input": function (val) {
-        return _vm.$emit('input', val);
-      }
+      "data-qa": _vm.dataQa + "-title"
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.title) + "\n  ")]) : _vm._e(), _vm._v(" "), _c('v-list', {
+    staticClass: "VcListbox",
+    class: {
+      'with-search': _vm.addSearch,
+      'with-add-another': _vm.addAnother
     },
-    scopedSlots: _vm._u([{
-      key: "activator",
-      fn: function (ref) {
-        var attrs = ref.attrs;
-        var on = ref.on;
-        return [_vm._t("activator", null, null, {
-          attrs: attrs,
-          on: on
-        })];
-      }
-    }], null, true)
-  }, [_vm._v(" "), [_c('VcLayout', {
-    staticClass: "VcInputBottomSheet",
     attrs: {
-      "column": ""
+      "data-qa": _vm.dataQa
     }
-  }, [!!_vm.title ? _c('VcModalHeader', {
-    staticClass: "vc-bottom-sheet__header",
-    class: {
-      'showDivider': _vm.showHeaderDivider
+  }, [_vm.addSearch ? _c('VcSearchBar', {
+    attrs: {
+      "data-qa": _vm.dataQa + "-search",
+      "border-top-radius": ""
     },
+    on: {
+      "search": _vm.onSearch
+    }
+  }) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "vc-overflow"
+  }, [_vm.listExist ? _c('v-list-item-group', {
     attrs: {
-      "close-button": _vm.closeButton,
-      "data-qa": _vm.dataQa + "-header",
-      "show-back-button": false,
-      "title": _vm.title,
-      "flavor": "input"
+      "value": _vm.confirmedArray,
+      "multiple": ""
     },
     on: {
-      "onCloseButtonClicked": function ($event) {
-        return _vm.$emit('input', false);
+      "change": _vm.onSelection
+    }
+  }, _vm._l(_vm.filteredItems, function (item) {
+    return _c('VcTooltip', {
+      key: item.identifier,
+      attrs: {
+        "content": item.tooltipContent,
+        "data-qa": _vm.dataQa + "-" + _vm.setDataQa(item.label) + "-tooltip",
+        "disabled": !item.tooltipContent || !item.disabled,
+        "dark": ""
+      }
+    }, [_c('v-list-item', {
+      staticClass: "vc-list-item",
+      attrs: {
+        "disabled": item.disabled,
+        "tabindex": item.label + "-" + item.identifier,
+        "value": item
+      }
+    }, [_c('VcChecklistItem', _vm._b({
+      attrs: {
+        "data-qa": _vm.dataQa + "-" + _vm.setDataQa(item.label)
       }
+    }, 'VcChecklistItem', item, false))], 1)], 1);
+  }), 1) : _c('VcLayout', {
+    staticClass: "VcListbox__empty",
+    attrs: {
+      "data-qa": _vm.dataQa + "-empty",
+      "align-center": "",
+      "justify-center": ""
     }
-  }) : _vm._e(), _vm._v(" "), _c('VcLayout', {
-    staticClass: "vc-bottom-sheet__content",
+  }, [_vm._v("\n        " + _vm._s(_vm.noItemsMsg) + "\n      ")])], 1), _vm._v(" "), _vm.addAnother ? _c('div', {
     attrs: {
-      "column": ""
+      "data-qa": _vm.dataQa + "-increase"
     }
-  }, [_c('VcForm', {
-    ref: "mainForm",
-    staticClass: "VcContent",
+  }, [_c('v-divider', {
+    staticClass: "divider"
+  }), _vm._v(" "), _c('v-list-item', {
+    staticClass: "last-item",
     attrs: {
-      "value": _vm.validForm,
-      "lazy-validation": ""
+      "align-baseline": ""
     },
     on: {
-      "input": _vm.onMainFormValueChanged,
-      "submit": function (data) {
-        return _vm.$emit('submit', data);
+      "click": function ($event) {
+        return _vm.$emit('addNew');
       }
     }
-  }, [_vm._t("default")], 2)], 1), _vm._v(" "), _vm.footer ? _c('VcModalFooter', {
-    staticClass: "vc-bottom-sheet__footer",
-    class: {
-      'showDivider': _vm.showHeaderDivider
-    },
+  }, [_c('VcIcon', {
+    staticClass: "add-another-icon",
     attrs: {
-      "buttons": [{
-        label: _vm.cancelButtonLabel || _vm.$dst("ds.modal.cancel"),
-        event: "onCancelClicked",
-        color: "white"
-      }, {
-        label: _vm.okButtonLabel || _vm.$dst("ds.modal.ok"),
-        event: "onOkClicked",
-        color: "secondary"
-      }],
-      "data-qa": _vm.dataQa + "-footer"
-    },
-    on: {
-      "onCancelClicked": function ($event) {
-        return _vm.$emit('onCancelClicked');
-      },
-      "onOkClicked": _vm.onOkClicked
+      "dense": ""
     }
-  }) : _vm._e()], 1)]], 2);
+  }, [_vm._v("$plus")]), _vm._v(" "), _c('span', {
+    staticClass: "add-another-label"
+  }, [_vm._v(_vm._s(_vm.getAddAnotherLabel))])], 1)], 1) : _vm._e()], 1)], 1);
 };
 
 var __vue_staticRenderFns__$s = [];
@@ -3989,8 +4056,8 @@ var __vue_staticRenderFns__$s = [];
 
 const __vue_inject_styles__$s = function (inject) {
   if (!inject) return;
-  inject("data-v-44a33895_0", {
-    source: "[data-v-44a33895]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.VcInputBottomSheet .vc-bottom-sheet__header.showDivider[data-v-44a33895]{border-bottom:1px solid var(--gray-lighten-1)}.VcInputBottomSheet .vc-bottom-sheet__footer[data-v-44a33895]{padding:var(--size-value3) var(--size-value4)}.VcInputBottomSheet .vc-bottom-sheet__footer.showDivider[data-v-44a33895]{border-top:1px solid var(--gray-lighten-1);display:flex}.VcInputBottomSheet .vc-bottom-sheet__content[data-v-44a33895]{padding:var(--size-value6) var(--size-value4);overflow-y:auto}",
+  inject("data-v-3e86f8c2_0", {
+    source: "[data-v-3e86f8c2]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.vc-list-title[data-v-3e86f8c2]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);margin-block-end:var(--size-value3)}.VcListbox[data-v-3e86f8c2]{padding-block:var(--size-value1);margin-block:var(--size-value1);border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius);box-shadow:none!important}.VcListbox.with-search[data-v-3e86f8c2]{border:none}.VcListbox.with-search .vc-overflow[data-v-3e86f8c2]{border-inline:var(--border-frame);border-block-end:var(--border-frame);border-radius:0 0 var(--border-radius) var(--border-radius)}.VcListbox.with-search.with-add-another .vc-overflow[data-v-3e86f8c2]{border-inline:var(--border-frame);border-block-end:unset;border-radius:unset}.VcListbox.with-search.with-add-another .last-item[data-v-3e86f8c2]{border-inline:var(--border-frame);border-block-end:var(--border-frame);border-radius:0 0 var(--border-radius) var(--border-radius)}.VcListbox .vc-overflow[data-v-3e86f8c2]{overflow:auto;height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-3e86f8c2]{padding:var(--size-value0);min-height:unset}.VcListbox .vc-overflow .vc-list-item[data-v-3e86f8c2]:before{opacity:0}.VcListbox .divider[data-v-3e86f8c2]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-3e86f8c2]{cursor:pointer;min-height:var(--size-value10);padding-block:var(--size-value1) var(--size-value2)}.VcListbox .last-item[data-v-3e86f8c2]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-3e86f8c2]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcListbox .last-item .add-another-icon[data-v-3e86f8c2]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-3e86f8c2]  .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-3e86f8c2]  .v-icon__component svg{width:var(--size-value3)}.VcListbox__empty[data-v-3e86f8c2]{height:100%;font-weight:var(--font-weight-medium2);font-size:var(--font-size-xx-small);color:var(--gray-darken-4)}",
     map: undefined,
     media: undefined
   });
@@ -3998,7 +4065,7 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$s = "data-v-44a33895";
+const __vue_scope_id__$s = "data-v-3e86f8c2";
 /* module identifier */
 
 const __vue_module_identifier__$s = undefined;
@@ -4014,55 +4081,25 @@ const __vue_component__$s = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$s
 }, __vue_inject_styles__$s, __vue_script__$s, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 var script$r = {
+  name: "VcBottomSheet",
   components: {
-    VMenu: VMenu
+    VcLayout: __vue_component__$O,
+    VSheet: VSheet,
+    VBottomSheet: VBottomSheet
   },
-
-  name: "VcPopover",
-
   props: {
     value: {
       type: Boolean,
       default: false
     },
-    closeOnClick: {
+    persistent: {
       type: Boolean,
-      default: true
-    },
-    top: {
-      type: Number
-    },
-    right: {
-      type: Number
-    },
-    bottom: {
-      type: Number
-    },
-    left: {
-      type: Number
+      default: false
     },
     dataQa: {
       type: String,
-      default: 'vc-popover'
+      default: 'vc-bottom-sheet'
     }
   }
 };
@@ -4078,17 +4115,12 @@ var __vue_render__$r = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('v-menu', {
+  return _c('v-bottom-sheet', {
     attrs: {
-      "close-on-click": _vm.closeOnClick,
-      "close-on-content-click": false,
-      "data-qa": _vm.dataQa,
       "value": _vm.value,
-      "content-class": "vc-popover",
-      "nudge-top": _vm.top,
-      "nudge-right": _vm.right,
-      "nudge-bottom": _vm.bottom,
-      "nudge-left": _vm.left
+      "persistent": _vm.persistent,
+      "data-qa": _vm.dataQa,
+      "content-class": "VcBottomSheet"
     },
     on: {
       "input": function (val) {
@@ -4097,16 +4129,16 @@ var __vue_render__$r = function () {
     },
     scopedSlots: _vm._u([{
       key: "activator",
-      fn: function (ref) {
-        var attrs = ref.attrs;
-        var on = ref.on;
-        return [_vm._t("activator", null, null, {
-          attrs: attrs,
-          on: on
-        })];
+      fn: function (activatorObj) {
+        return [_vm._t("activator", null, null, activatorObj)];
       }
     }], null, true)
-  }, [_vm._v(" "), _vm._t("default")], 2);
+  }, [_vm._v(" "), _c('v-sheet', {
+    staticClass: "vc-sheet",
+    attrs: {
+      "data-qa": _vm.dataQa + "-sheet"
+    }
+  }, [_vm._t("default")], 2)], 1);
 };
 
 var __vue_staticRenderFns__$r = [];
@@ -4114,8 +4146,8 @@ var __vue_staticRenderFns__$r = [];
 
 const __vue_inject_styles__$r = function (inject) {
   if (!inject) return;
-  inject("data-v-da6757e6_0", {
-    source: "[data-v-da6757e6]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.vc-popover[data-v-da6757e6]{background-color:var(--modal-bg-color);width:var(--popover-width);max-height:var(--popover-max-height);display:flex;box-shadow:var(--modal-box-shadow);border-radius:var(--popover-border-radius)}",
+  inject("data-v-d837dcb8_0", {
+    source: "[data-v-d837dcb8]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.VcBottomSheet .vc-sheet[data-v-d837dcb8]{max-height:92vh;border-radius:var(--modal-border-radius) var(--modal-border-radius) 0 0;display:flex;box-shadow:var(--modal-box-shadow)}",
     map: undefined,
     media: undefined
   });
@@ -4123,7 +4155,7 @@ const __vue_inject_styles__$r = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$r = "data-v-da6757e6";
+const __vue_scope_id__$r = "data-v-d837dcb8";
 /* module identifier */
 
 const __vue_module_identifier__$r = undefined;
@@ -4140,13 +4172,13 @@ const __vue_component__$r = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$r, __vue_script__$r, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
 
 var script$q = {
-  name: "VcInputPopover",
+  name: "VcInputBottomSheet",
   components: {
+    VcBottomSheet: __vue_component__$r,
     VcModalHeader: __vue_component__$M,
     VcLayout: __vue_component__$O,
     VcModalFooter: __vue_component__$N,
-    VcForm: __vue_component__$K,
-    VcPopover: __vue_component__$r
+    VcForm: __vue_component__$K
   },
   props: {
     value: {
@@ -4162,25 +4194,29 @@ var script$q = {
     cancelButtonLabel: {
       type: String
     },
-    footer: {
+    closeButton: {
       type: Boolean,
       default: true
     },
-    top: {
-      type: Number
+    footer: {
+      type: Boolean,
+      default: true
     },
-    right: {
-      type: Number
+    showHeaderDivider: {
+      type: Boolean,
+      default: true
     },
-    bottom: {
-      type: Number
+    showFooterDivider: {
+      type: Boolean,
+      default: true
     },
-    left: {
-      type: Number
+    persistent: {
+      type: Boolean,
+      default: false
     },
     dataQa: {
       type: String,
-      default: 'vc-input-popover'
+      default: 'vc-bottom-sheet-input'
     }
   },
   data: () => ({
@@ -4219,15 +4255,11 @@ var __vue_render__$q = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('VcPopover', {
+  return _c('VcBottomSheet', {
     attrs: {
-      "close-on-click": _vm.validForm,
       "value": _vm.value,
-      "top": _vm.top,
-      "right": _vm.right,
-      "bottom": _vm.bottom,
-      "left": _vm.left,
-      "data-qa": _vm.dataQa + "-bottom-sheet"
+      "data-qa": _vm.dataQa,
+      "persistent": _vm.persistent
     },
     on: {
       "input": function (val) {
@@ -4246,20 +4278,29 @@ var __vue_render__$q = function () {
       }
     }], null, true)
   }, [_vm._v(" "), [_c('VcLayout', {
+    staticClass: "VcInputBottomSheet",
     attrs: {
-      "data-qa": _vm.dataQa + "-layout",
       "column": ""
     }
   }, [!!_vm.title ? _c('VcModalHeader', {
-    staticClass: "vc-popover-header",
+    staticClass: "vc-bottom-sheet__header",
+    class: {
+      'showDivider': _vm.showHeaderDivider
+    },
     attrs: {
+      "close-button": _vm.closeButton,
       "data-qa": _vm.dataQa + "-header",
       "show-back-button": false,
       "title": _vm.title,
       "flavor": "input"
+    },
+    on: {
+      "onCloseButtonClicked": function ($event) {
+        return _vm.$emit('input', false);
+      }
     }
   }) : _vm._e(), _vm._v(" "), _c('VcLayout', {
-    staticClass: "vc-popover-content",
+    staticClass: "vc-bottom-sheet__content",
     attrs: {
       "column": ""
     }
@@ -4277,17 +4318,21 @@ var __vue_render__$q = function () {
       }
     }
   }, [_vm._t("default")], 2)], 1), _vm._v(" "), _vm.footer ? _c('VcModalFooter', {
-    staticClass: "vc-popover-footer",
+    staticClass: "vc-bottom-sheet__footer",
+    class: {
+      'showDivider': _vm.showHeaderDivider
+    },
     attrs: {
       "buttons": [{
         label: _vm.cancelButtonLabel || _vm.$dst("ds.modal.cancel"),
         event: "onCancelClicked",
         color: "white"
       }, {
-        label: _vm.okButtonLabel || _vm.$dst("ds.modal.done"),
+        label: _vm.okButtonLabel || _vm.$dst("ds.modal.ok"),
         event: "onOkClicked",
         color: "secondary"
-      }]
+      }],
+      "data-qa": _vm.dataQa + "-footer"
     },
     on: {
       "onCancelClicked": function ($event) {
@@ -4303,8 +4348,8 @@ var __vue_staticRenderFns__$q = [];
 
 const __vue_inject_styles__$q = function (inject) {
   if (!inject) return;
-  inject("data-v-4df3327c_0", {
-    source: "[data-v-4df3327c]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.vc-popover[data-v-4df3327c]{width:var(--popover-width);max-height:var(--popover-max-height);display:flex;box-shadow:var(--modal-box-shadow)}.vc-popover .vc-popover-content[data-v-4df3327c]{padding:var(--size-value4) var(--size-value6);overflow-y:auto}.vc-popover .vc-popover-footer[data-v-4df3327c]{padding:var(--size-value3) var(--size-value6)}",
+  inject("data-v-44a33895_0", {
+    source: "[data-v-44a33895]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.VcInputBottomSheet .vc-bottom-sheet__header.showDivider[data-v-44a33895]{border-bottom:1px solid var(--gray-lighten-1)}.VcInputBottomSheet .vc-bottom-sheet__footer[data-v-44a33895]{padding:var(--size-value3) var(--size-value4)}.VcInputBottomSheet .vc-bottom-sheet__footer.showDivider[data-v-44a33895]{border-top:1px solid var(--gray-lighten-1);display:flex}.VcInputBottomSheet .vc-bottom-sheet__content[data-v-44a33895]{padding:var(--size-value6) var(--size-value4);overflow-y:auto}",
     map: undefined,
     media: undefined
   });
@@ -4312,7 +4357,7 @@ const __vue_inject_styles__$q = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$q = "data-v-4df3327c";
+const __vue_scope_id__$q = "data-v-44a33895";
 /* module identifier */
 
 const __vue_module_identifier__$q = undefined;
@@ -4328,37 +4373,55 @@ const __vue_component__$q = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$q
 }, __vue_inject_styles__$q, __vue_script__$q, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 var script$p = {
-  name: "VcChip",
   components: {
-    VcIcon: __vue_component__$R,
-    VcAvatar: __vue_component__$D,
-    VChip: VChip
+    VMenu: VMenu
   },
+
+  name: "VcPopover",
+
   props: {
-    label: {
-      type: String,
-      required: true
-    },
-    avatar: {
-      type: Object,
-      validator: avatar => avatar.imagePath || avatar.colorId
+    value: {
+      type: Boolean,
+      default: false
     },
-    closeButton: {
+    closeOnClick: {
       type: Boolean,
       default: true
     },
-    disabled: {
-      type: Boolean,
-      default: false
+    top: {
+      type: Number
     },
-    invalid: {
-      type: Boolean,
-      default: false
+    right: {
+      type: Number
+    },
+    bottom: {
+      type: Number
+    },
+    left: {
+      type: Number
     },
     dataQa: {
       type: String,
-      default: 'vc-chip'
+      default: 'vc-popover'
     }
   }
 };
@@ -4374,54 +4437,52 @@ var __vue_render__$p = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('v-chip', {
-    staticClass: "VcChip",
-    class: {
-      'vc-invalid': _vm.invalid,
-      'vc-avatar': !!_vm.avatar
-    },
+  return _c('v-menu', {
     attrs: {
-      "close": _vm.closeButton,
-      "ripple": "",
-      "close-icon": "$close",
-      "disabled": _vm.disabled,
-      "data-qa": _vm.dataQa
+      "close-on-click": _vm.closeOnClick,
+      "close-on-content-click": false,
+      "data-qa": _vm.dataQa,
+      "value": _vm.value,
+      "content-class": "vc-popover",
+      "nudge-top": _vm.top,
+      "nudge-right": _vm.right,
+      "nudge-bottom": _vm.bottom,
+      "nudge-left": _vm.left
     },
     on: {
-      "click:close": function ($event) {
-        return _vm.$emit('input', false);
+      "input": function (val) {
+        return _vm.$emit('input', val);
       }
-    }
-  }, [!!_vm.avatar ? _c('div', {
-    staticClass: "vc-avatar-wrapper"
-  }, [!_vm.invalid ? _c('VcAvatar', _vm._b({
-    attrs: {
-      "name": _vm.label,
-      "show-border": false,
-      "size": "x-sm"
-    }
-  }, 'VcAvatar', _vm.avatar, false)) : _c('VcIcon', {
-    attrs: {
-      "data-qa": _vm.dataQa + "-invalid-icon"
-    }
-  }, [_vm._v("$attention_fill")])], 1) : _vm._e(), _vm._v("\n  " + _vm._s(_vm.label) + "\n")]);
-};
-
-var __vue_staticRenderFns__$p = [];
-/* style */
-
-const __vue_inject_styles__$p = function (inject) {
-  if (!inject) return;
-  inject("data-v-d8233608_0", {
-    source: "[data-v-d8233608]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.VcChip[data-v-d8233608]{max-width:fit-content;border:1px solid var(--neutral-lighten-1)}.VcChip.v-chip[data-v-d8233608]{background-color:var(--modal-bg-color)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content .vc-avatar-wrapper{margin-inline-end:var(--size-value2)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content .vc-avatar-wrapper .vc-attention-fill{fill:var(--yellow)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content .v-chip__close{direction:inherit;margin-inline:var(--size-value1) var(--size-value0);color:var(--gray)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content .v-chip__close:hover{opacity:unset}.VcChip.v-chip.vc-avatar[data-v-d8233608]{padding-inline:var(--size-value1) var(--size-value3)}.VcChip.v-chip--disabled[data-v-d8233608]{background-color:var(--gray-lighten-2);border:1px solid var(--gray-lighten-2)}.VcChip.v-chip--disabled[data-v-d8233608]  .v-chip__content{color:var(--gray-darken-1)}.VcChip.vc-invalid[data-v-d8233608]{background-color:var(--yellow-lighten-3);border:1px solid var(--yellow)}.VcChip.vc-invalid[data-v-d8233608]:hover{background-color:var(--yellow-lighten-2)}.VcChip[data-v-d8233608]:hover{background-color:var(--gray-lighten-3)}.VcChip[data-v-d8233608]:hover:before{opacity:0}.VcChip[data-v-d8233608]:focus{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcChip[data-v-d8233608]:focus:before{opacity:0}",
-    map: undefined,
-    media: undefined
+    },
+    scopedSlots: _vm._u([{
+      key: "activator",
+      fn: function (ref) {
+        var attrs = ref.attrs;
+        var on = ref.on;
+        return [_vm._t("activator", null, null, {
+          attrs: attrs,
+          on: on
+        })];
+      }
+    }], null, true)
+  }, [_vm._v(" "), _vm._t("default")], 2);
+};
+
+var __vue_staticRenderFns__$p = [];
+/* style */
+
+const __vue_inject_styles__$p = function (inject) {
+  if (!inject) return;
+  inject("data-v-da6757e6_0", {
+    source: "[data-v-da6757e6]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.vc-popover[data-v-da6757e6]{background-color:var(--modal-bg-color);width:var(--popover-width);max-height:var(--popover-max-height);display:flex;box-shadow:var(--modal-box-shadow);border-radius:var(--popover-border-radius)}",
+    map: undefined,
+    media: undefined
   });
 };
 /* scoped */
 
 
-const __vue_scope_id__$p = "data-v-d8233608";
+const __vue_scope_id__$p = "data-v-da6757e6";
 /* module identifier */
 
 const __vue_module_identifier__$p = undefined;
@@ -4438,89 +4499,71 @@ const __vue_component__$p = /*#__PURE__*/normalizeComponent({
 }, __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$o = {
-  name: 'VcTextField',
+  name: "VcInputPopover",
   components: {
-    VcIconWithTooltip: __vue_component__$E,
-    VTextField: VTextField
+    VcModalHeader: __vue_component__$M,
+    VcLayout: __vue_component__$O,
+    VcModalFooter: __vue_component__$N,
+    VcForm: __vue_component__$K,
+    VcPopover: __vue_component__$p
   },
   props: {
-    type: {
-      type: String,
-      default: 'text',
-      validator: prop => ['text', 'number', 'search'].includes(prop)
-    },
-    dataQa: {
-      type: String,
-      default: 'vc-text-field'
-    },
-    label: {
-      type: String,
-      default: ''
-    },
     value: {
-      type: [Number, String],
-      default: ''
-    },
-    counter: {
-      type: [Number, Boolean],
-      default: false
-    },
-    maxlength: {
-      type: Number,
-      default: 100,
-      validator: prop => prop > 0
-    },
-    rules: {
-      type: Array
-    },
-    disabled: {
       type: Boolean,
       default: false
     },
-    hint: {
-      type: String,
-      default: ''
+    title: {
+      Type: String
     },
-    placeholder: {
-      type: String,
-      default: ''
+    okButtonLabel: {
+      type: String
     },
-    tooltipHeader: {
-      type: String,
-      default: ''
+    cancelButtonLabel: {
+      type: String
     },
-    tooltipContent: {
-      type: String,
-      default: ''
+    footer: {
+      type: Boolean,
+      default: true
     },
-    tooltipNudgeLeft: {
-      type: Number,
-      default: 0
+    top: {
+      type: Number
     },
-    tooltipNudgeRight: {
-      type: Number,
-      default: 0
+    right: {
+      type: Number
     },
-    prefix: {
-      type: String,
-      default: ''
+    bottom: {
+      type: Number
     },
-    errorMessages: {
-      type: String,
-      default: ''
+    left: {
+      type: Number
     },
-    hideDetails: {
-      type: [Boolean, String],
-      default: 'auto'
+    dataQa: {
+      type: String,
+      default: 'vc-input-popover'
+    }
+  },
+  data: () => ({
+    validForm: true
+  }),
+  methods: {
+    onOkClicked() {
+      this.validate();
+      this.$emit('onOkClicked', {
+        valid: this.validForm
+      });
     },
-    persistentHint: {
-      type: Boolean,
-      default: true
+
+    validate() {
+      this.$refs.mainForm.validate();
     },
-    singleLine: {
-      type: Boolean,
-      default: false
+
+    onMainFormValueChanged(value) {
+      this.validForm = value;
+      this.$emit('onValidationChanged', {
+        valid: this.validForm
+      });
     }
+
   }
 };
 
@@ -4535,55 +4578,83 @@ var __vue_render__$o = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('v-text-field', {
-    staticClass: "VcTextInput",
+  return _c('VcPopover', {
     attrs: {
-      "dense": "",
-      "data-qa": _vm.dataQa,
-      "label": _vm.label,
-      "placeholder": _vm.placeholder,
-      "rules": _vm.rules,
-      "disabled": _vm.disabled,
-      "type": _vm.type,
-      "error": _vm.counter && !!_vm.maxlength && _vm.value.length > _vm.maxlength,
-      "error-messages": _vm.errorMessages,
+      "close-on-click": _vm.validForm,
       "value": _vm.value,
-      "hint": _vm.hint,
-      "counter": _vm.counter,
-      "maxlength": _vm.maxlength,
-      "prefix": _vm.prefix,
-      "persistent-hint": _vm.persistentHint,
-      "single-line": _vm.singleLine,
-      "hide-details": _vm.hideDetails
+      "top": _vm.top,
+      "right": _vm.right,
+      "bottom": _vm.bottom,
+      "left": _vm.left,
+      "data-qa": _vm.dataQa + "-bottom-sheet"
     },
     on: {
-      "input": function (data) {
-        return _vm.$emit('input', data);
+      "input": function (val) {
+        return _vm.$emit('input', val);
       }
     },
     scopedSlots: _vm._u([{
-      key: "prepend-inner",
-      fn: function () {
-        return [_vm._t("prepend-inner")];
-      },
-      proxy: true
-    }, {
-      key: "append",
-      fn: function () {
-        return [_vm.tooltipContent ? _c('VcIconWithTooltip', {
-          attrs: {
-            "header": _vm.tooltipHeader,
-            "content": _vm.tooltipContent,
-            "nudge-left": _vm.tooltipNudgeLeft,
-            "nudge-right": _vm.tooltipNudgeRight,
-            "size": 15,
-            "icon": 'question'
-          }
-        }) : _vm._e()];
-      },
-      proxy: true
+      key: "activator",
+      fn: function (ref) {
+        var attrs = ref.attrs;
+        var on = ref.on;
+        return [_vm._t("activator", null, null, {
+          attrs: attrs,
+          on: on
+        })];
+      }
     }], null, true)
-  });
+  }, [_vm._v(" "), [_c('VcLayout', {
+    attrs: {
+      "data-qa": _vm.dataQa + "-layout",
+      "column": ""
+    }
+  }, [!!_vm.title ? _c('VcModalHeader', {
+    staticClass: "vc-popover-header",
+    attrs: {
+      "data-qa": _vm.dataQa + "-header",
+      "show-back-button": false,
+      "title": _vm.title,
+      "flavor": "input"
+    }
+  }) : _vm._e(), _vm._v(" "), _c('VcLayout', {
+    staticClass: "vc-popover-content",
+    attrs: {
+      "column": ""
+    }
+  }, [_c('VcForm', {
+    ref: "mainForm",
+    staticClass: "VcContent",
+    attrs: {
+      "value": _vm.validForm,
+      "lazy-validation": ""
+    },
+    on: {
+      "input": _vm.onMainFormValueChanged,
+      "submit": function (data) {
+        return _vm.$emit('submit', data);
+      }
+    }
+  }, [_vm._t("default")], 2)], 1), _vm._v(" "), _vm.footer ? _c('VcModalFooter', {
+    staticClass: "vc-popover-footer",
+    attrs: {
+      "buttons": [{
+        label: _vm.cancelButtonLabel || _vm.$dst("ds.modal.cancel"),
+        event: "onCancelClicked",
+        color: "white"
+      }, {
+        label: _vm.okButtonLabel || _vm.$dst("ds.modal.done"),
+        event: "onOkClicked",
+        color: "secondary"
+      }]
+    },
+    on: {
+      "onCancelClicked": function ($event) {
+        return _vm.$emit('onCancelClicked');
+      },
+      "onOkClicked": _vm.onOkClicked
+    }
+  }) : _vm._e()], 1)]], 2);
 };
 
 var __vue_staticRenderFns__$o = [];
@@ -4591,8 +4662,8 @@ var __vue_staticRenderFns__$o = [];
 
 const __vue_inject_styles__$o = function (inject) {
   if (!inject) return;
-  inject("data-v-2401387d_0", {
-    source: ".VcTextInput.v-text-field[data-v-2401387d]{font-family:var(--primary-font-family)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot{padding:0 var(--size-value3);height:var(--size-value13);background:#fff;border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:6px}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot label{font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-3);font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot input{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);color:var(--gray-darken-5);caret-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot input::placeholder{font-weight:var(--font-weight-medium)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:after,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:before{display:none}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:hover{border-color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:active,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:focus,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:focus-within{border:1px solid var(--v-secondary-base);box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:active input,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:focus input,.VcTextInput.v-text-field[data-v-2401387d] .v-input__slot:focus-within input{color:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-2401387d].error--text .v-input__slot{border-color:var(--red);color:unset;box-shadow:unset;font-size:var(--font-size-xx-small);line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-2401387d].v-input--is-focused label,.VcTextInput.v-text-field[data-v-2401387d].v-input--is-label-active label{font-size:var(--font-size-small);line-height:1.17;letter-spacing:-.3px;color:var(--gray-darken-4)!important;transform:translateY(-100%) scale(.85);top:var(--size-value2)}.VcTextInput.v-text-field[data-v-2401387d].v-input--is-focused .v-text-field__slot,.VcTextInput.v-text-field[data-v-2401387d].v-input--is-label-active .v-text-field__slot{margin-bottom:-14px}.VcTextInput.v-text-field[data-v-2401387d].v-input--is-disabled .v-input__slot{background:var(--gray-lighten-3);border:1px solid var(--gray-lighten-1)}.VcTextInput.v-text-field[data-v-2401387d].v-input--is-disabled .v-input__slot input,.VcTextInput.v-text-field[data-v-2401387d].v-input--is-disabled .v-input__slot label{color:var(--gray-darken-2)}.VcTextInput.v-text-field[data-v-2401387d]:not(.v-input--is-label-active):not(.v-input--is-focused) input{padding:var(--size-value2) 0}.VcTextInput.v-text-field[data-v-2401387d] .v-messages__message{line-height:var(--size-value4)}.VcTextInput.v-text-field[data-v-2401387d] .v-input__append-inner{align-self:center;fill:var(--gray-darken-3)}.VcTextInput.v-text-field[data-v-2401387d].v-input--dense:not(.v-text-field--outlined) input{padding-block:var(--size-value2)}",
+  inject("data-v-4df3327c_0", {
+    source: "[data-v-4df3327c]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.vc-popover[data-v-4df3327c]{width:var(--popover-width);max-height:var(--popover-max-height);display:flex;box-shadow:var(--modal-box-shadow)}.vc-popover .vc-popover-content[data-v-4df3327c]{padding:var(--size-value4) var(--size-value6);overflow-y:auto}.vc-popover .vc-popover-footer[data-v-4df3327c]{padding:var(--size-value3) var(--size-value6)}",
     map: undefined,
     media: undefined
   });
@@ -4600,7 +4671,7 @@ const __vue_inject_styles__$o = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$o = "data-v-2401387d";
+const __vue_scope_id__$o = "data-v-4df3327c";
 /* module identifier */
 
 const __vue_module_identifier__$o = undefined;
@@ -4616,67 +4687,39 @@ const __vue_component__$o = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$o
 }, __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 throttle = require("lodash.throttle");
-
 var script$n = {
-  name: "VcSearchBar",
+  name: "VcChip",
   components: {
-    VcTextField: __vue_component__$o,
-    VcIcon: __vue_component__$R
+    VcIcon: __vue_component__$R,
+    VcAvatar: __vue_component__$D,
+    VChip: VChip
   },
   props: {
-    size: {
+    label: {
       type: String,
-      default: 'large',
-      validator: size => ['medium', 'large'].includes(size)
+      required: true
     },
-    label: {
-      type: String
+    avatar: {
+      type: Object,
+      validator: avatar => avatar.imagePath || avatar.colorId
     },
-    placeholder: {
-      type: String
+    closeButton: {
+      type: Boolean,
+      default: true
     },
-    caseSensitive: {
+    disabled: {
       type: Boolean,
       default: false
     },
-    throttleTime: {
-      type: Number,
-      default: 500,
-      validator: throttleTime => throttleTime > 0
-    },
-    borderTopRadius: {
+    invalid: {
       type: Boolean,
       default: false
     },
     dataQa: {
       type: String,
-      default: 'vc-search-bar'
-    }
-  },
-  computed: {
-    getLabel() {
-      return this.label || this.$dst('ds.search_bar.label');
-    },
-
-    getPlaceholder() {
-      return this.placeholder || this.$dst('ds.search_bar.label');
-    },
-
-    getClasses() {
-      return `${this.size}${this.borderTopRadius ? ' border-top-radius' : ''}`;
+      default: 'vc-chip'
     }
-
-  },
-
-  data() {
-    return {
-      searchThrottled: throttle(search => {
-        this.$emit('search', this.caseSensitive ? search : search.toLowerCase());
-      }, this.throttleTime)
-    };
   }
-
 };
 
 /* script */
@@ -4690,33 +4733,37 @@ var __vue_render__$n = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('VcTextField', {
-    class: "vc-search-bar " + _vm.getClasses,
+  return _c('v-chip', {
+    staticClass: "VcChip",
+    class: {
+      'vc-invalid': _vm.invalid,
+      'vc-avatar': !!_vm.avatar
+    },
     attrs: {
-      "data-qa": _vm.dataQa,
-      "label": _vm.getLabel,
-      "persistent-hint": false,
-      "placeholder": _vm.getPlaceholder,
-      "hide-details": "",
-      "single-line": "",
-      "type": "search"
+      "close": _vm.closeButton,
+      "ripple": "",
+      "close-icon": "$close",
+      "disabled": _vm.disabled,
+      "data-qa": _vm.dataQa
     },
     on: {
-      "input": _vm.searchThrottled
-    },
-    scopedSlots: _vm._u([{
-      key: "prepend-inner",
-      fn: function () {
-        return [_c('VcIcon', {
-          staticClass: "vc-search-bar__magnify",
-          attrs: {
-            "small": ""
-          }
-        }, [_vm._v("$magnify_glass")])];
-      },
-      proxy: true
-    }])
-  });
+      "click:close": function ($event) {
+        return _vm.$emit('input', false);
+      }
+    }
+  }, [!!_vm.avatar ? _c('div', {
+    staticClass: "vc-avatar-wrapper"
+  }, [!_vm.invalid ? _c('VcAvatar', _vm._b({
+    attrs: {
+      "name": _vm.label,
+      "show-border": false,
+      "size": "x-sm"
+    }
+  }, 'VcAvatar', _vm.avatar, false)) : _c('VcIcon', {
+    attrs: {
+      "data-qa": _vm.dataQa + "-invalid-icon"
+    }
+  }, [_vm._v("$attention_fill")])], 1) : _vm._e(), _vm._v("\n  " + _vm._s(_vm.label) + "\n")]);
 };
 
 var __vue_staticRenderFns__$n = [];
@@ -4724,8 +4771,8 @@ var __vue_staticRenderFns__$n = [];
 
 const __vue_inject_styles__$n = function (inject) {
   if (!inject) return;
-  inject("data-v-be0d3f88_0", {
-    source: ".vc-search-bar[data-v-be0d3f88]{padding:var(--size-value0);margin:var(--size-value0)}.vc-search-bar.border-top-radius[data-v-be0d3f88]  .v-input__slot{border-radius:var(--border-radius) var(--border-radius) var(--size-value0) var(--size-value0)}.vc-search-bar.v-input--has-state[data-v-be0d3f88]  .v-input__slot .v-text-field__slot,.vc-search-bar.v-input--is-focused[data-v-be0d3f88]  .v-input__slot .v-text-field__slot,.vc-search-bar.v-input--is-label-active[data-v-be0d3f88]  .v-input__slot .v-text-field__slot{margin:0}.vc-search-bar__magnify[data-v-be0d3f88]{fill:var(--gray-darken-2)}.vc-search-bar[data-v-be0d3f88]:hover{border-color:var(--gray-darken-2)}.vc-search-bar[data-v-be0d3f88]:hover  .v-input__slot label{color:var(--gray-darken-2)}.vc-search-bar.medium[data-v-be0d3f88]  .v-input__control .v-input__slot{height:var(--size-value10)}.vc-search-bar.medium[data-v-be0d3f88]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:var(--size-value3)}.vc-search-bar[data-v-be0d3f88]  .v-input__control .v-input__slot{padding:var(--size-value0)}.vc-search-bar[data-v-be0d3f88]  .v-input__control .v-input__slot .v-input__prepend-inner{padding:18px var(--size-value3);margin:var(--size-value0)}",
+  inject("data-v-d8233608_0", {
+    source: "[data-v-d8233608]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.VcChip[data-v-d8233608]{max-width:fit-content;border:1px solid var(--neutral-lighten-1)}.VcChip.v-chip[data-v-d8233608]{background-color:var(--modal-bg-color)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content .vc-avatar-wrapper{margin-inline-end:var(--size-value2)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content .vc-avatar-wrapper .vc-attention-fill{fill:var(--yellow)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content .v-chip__close{direction:inherit;margin-inline:var(--size-value1) var(--size-value0);color:var(--gray)}.VcChip.v-chip[data-v-d8233608]  .v-chip__content .v-chip__close:hover{opacity:unset}.VcChip.v-chip.vc-avatar[data-v-d8233608]{padding-inline:var(--size-value1) var(--size-value3)}.VcChip.v-chip--disabled[data-v-d8233608]{background-color:var(--gray-lighten-2);border:1px solid var(--gray-lighten-2)}.VcChip.v-chip--disabled[data-v-d8233608]  .v-chip__content{color:var(--gray-darken-1)}.VcChip.vc-invalid[data-v-d8233608]{background-color:var(--yellow-lighten-3);border:1px solid var(--yellow)}.VcChip.vc-invalid[data-v-d8233608]:hover{background-color:var(--yellow-lighten-2)}.VcChip[data-v-d8233608]:hover{background-color:var(--gray-lighten-3)}.VcChip[data-v-d8233608]:hover:before{opacity:0}.VcChip[data-v-d8233608]:focus{box-shadow:0 0 0 3px var(--v-secondary-lighten1)}.VcChip[data-v-d8233608]:focus:before{opacity:0}",
     map: undefined,
     media: undefined
   });
@@ -4733,7 +4780,7 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-be0d3f88";
+const __vue_scope_id__$n = "data-v-d8233608";
 /* module identifier */
 
 const __vue_module_identifier__$n = undefined;
@@ -7261,8 +7308,8 @@ var __vue_staticRenderFns__$3 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-71d82f6c_0", {
-    source: "[data-v-71d82f6c]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.vc-wizard[data-v-71d82f6c]{height:100%}@media screen and (min-width:960px){.vc-wizard[data-v-71d82f6c]{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;grid-template-rows:minmax(562px,1fr) 80px;grid-row-gap:0}.vc-wizard.wizard-size-md[data-v-71d82f6c]{grid-column-gap:var(--size-value10)}.vc-wizard.wizard-size-lg[data-v-71d82f6c]{grid-column-gap:var(--size-value20)}}.vc-stepper-container[data-v-71d82f6c]{grid-area:1/1/3/2;border-inline-end:1px solid #e0e0e0;max-height:calc(100% - 24px)}.wizard-cta-container[data-v-71d82f6c]{grid-area:2/2/3/3}.stepper-content-wrapper[data-v-71d82f6c]{grid-area:1/2/2/3}",
+  inject("data-v-12623974_0", {
+    source: "[data-v-12623974]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--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;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--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;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--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);--shadow-10:0px 4px 8px #cccccc}.vc-wizard[data-v-12623974]{height:100%}@media screen and (min-width:960px){.vc-wizard[data-v-12623974]{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;grid-template-rows:1fr 80px;grid-row-gap:0}.vc-wizard.wizard-size-md[data-v-12623974]{grid-column-gap:var(--size-value10)}.vc-wizard.wizard-size-lg[data-v-12623974]{grid-column-gap:var(--size-value20)}}.vc-stepper-container[data-v-12623974]{grid-area:1/1/3/2;border-inline-end:1px solid #e0e0e0;max-height:calc(100% - 24px)}.wizard-cta-container[data-v-12623974]{grid-area:2/2/3/3}.stepper-content-wrapper[data-v-12623974]{grid-area:1/2/2/3}",
     map: undefined,
     media: undefined
   });
@@ -7270,7 +7317,7 @@ const __vue_inject_styles__$3 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$3 = "data-v-71d82f6c";
+const __vue_scope_id__$3 = "data-v-12623974";
 /* module identifier */
 
 const __vue_module_identifier__$3 = undefined;
@@ -7768,13 +7815,13 @@ var components$1 = /*#__PURE__*/Object.freeze({
   VcMobileWizardProgress: __vue_component__$x,
   VcProgressCircular: __vue_component__$y,
   VcChecklistItem: __vue_component__$v,
-  VcListbox: __vue_component__$u,
-  VcBottomSheet: __vue_component__$t,
-  VcInputBottomSheet: __vue_component__$s,
-  VcPopover: __vue_component__$r,
-  VcInputPopover: __vue_component__$q,
-  VcChip: __vue_component__$p,
-  VcSearchBar: __vue_component__$n,
+  VcListbox: __vue_component__$s,
+  VcBottomSheet: __vue_component__$r,
+  VcInputBottomSheet: __vue_component__$q,
+  VcPopover: __vue_component__$p,
+  VcInputPopover: __vue_component__$o,
+  VcChip: __vue_component__$n,
+  VcSearchBar: __vue_component__$t,
   VcButton: __vue_component__$Q,
   VcButtonGroup: __vue_component__$m,
   VcForm: __vue_component__$K,
@@ -7784,7 +7831,7 @@ var components$1 = /*#__PURE__*/Object.freeze({
   VcSwitch: __vue_component__$k,
   VcListEntity: __vue_component__$j,
   VcExpansionCard: __vue_component__$i,
-  VcTextField: __vue_component__$o,
+  VcTextField: __vue_component__$u,
   VcAvatar: __vue_component__$D,
   VcTextArea: __vue_component__$h,
   VcSelectField: __vue_component__$g,
@@ -7834,13 +7881,13 @@ var components = /*#__PURE__*/Object.freeze({
   VcMobileWizardProgress: __vue_component__$x,
   VcProgressCircular: __vue_component__$y,
   VcChecklistItem: __vue_component__$v,
-  VcListbox: __vue_component__$u,
-  VcBottomSheet: __vue_component__$t,
-  VcInputBottomSheet: __vue_component__$s,
-  VcPopover: __vue_component__$r,
-  VcInputPopover: __vue_component__$q,
-  VcChip: __vue_component__$p,
-  VcSearchBar: __vue_component__$n,
+  VcListbox: __vue_component__$s,
+  VcBottomSheet: __vue_component__$r,
+  VcInputBottomSheet: __vue_component__$q,
+  VcPopover: __vue_component__$p,
+  VcInputPopover: __vue_component__$o,
+  VcChip: __vue_component__$n,
+  VcSearchBar: __vue_component__$t,
   VcButton: __vue_component__$Q,
   VcButtonGroup: __vue_component__$m,
   VcForm: __vue_component__$K,
@@ -7850,7 +7897,7 @@ var components = /*#__PURE__*/Object.freeze({
   VcSwitch: __vue_component__$k,
   VcListEntity: __vue_component__$j,
   VcExpansionCard: __vue_component__$i,
-  VcTextField: __vue_component__$o,
+  VcTextField: __vue_component__$u,
   VcAvatar: __vue_component__$D,
   VcTextArea: __vue_component__$h,
   VcSelectField: __vue_component__$g,