From 95b222b68ab88270164a61700223ab8cd64520f3 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Tue, 4 Apr 2023 20:17:47 +0300
Subject: [PATCH 01/30] feat(ui): expose aria labels as props (#3175)

* feat(ui): expose aria labels as props

* docs(select): description for aria label props

* fix(counter): label translation
---
 packages/docs/locales/en.json                 |  5 ++++-
 .../modules/page-config/blocks/api/index.vue  | 12 ++++++++++
 .../src/components/va-backtop/VaBacktop.vue   |  3 ++-
 .../va-breadcrumbs/VaBreadcrumbs.vue          |  5 +++--
 .../va-button-dropdown/VaButtonDropdown.vue   |  5 ++++-
 .../src/components/va-carousel/VaCarousel.vue | 16 +++++++++-----
 packages/ui/src/components/va-chip/VaChip.vue |  4 +++-
 .../va-color-input/VaColorInput.vue           |  3 ++-
 .../va-color-palette/VaColorPalette.vue       |  6 +++--
 .../src/components/va-counter/VaCounter.vue   | 14 +++++++-----
 .../components/va-data-table/VaDataTable.vue  |  5 ++++-
 .../components/VaDataTableThRow.vue           | 11 ++++++----
 .../components/va-date-input/VaDateInput.vue  | 16 +++++++++-----
 .../VaDatePickerHeader/VaDatePickerHeader.vue | 10 ++++++---
 .../src/components/va-dropdown/VaDropdown.vue |  7 +++---
 .../va-file-upload/VaFileUpload.vue           |  6 +++++
 .../VaFileUploadGalleryItem.vue               |  4 +++-
 .../VaFileUploadList/VaFileUploadList.vue     | 18 ++++++++++++---
 .../VaFileUploadListItem.vue                  |  4 +++-
 .../VaFileUploadSingleItem.vue                |  3 ++-
 .../ui/src/components/va-input/VaInput.vue    |  3 ++-
 .../ui/src/components/va-modal/VaModal.vue    |  3 ++-
 .../components/va-pagination/VaPagination.vue | 22 +++++++++++++------
 .../va-progress-bar/VaProgressBar.vue         |  5 +++--
 .../va-progress-circle/VaProgressCircle.vue   |  5 +++--
 .../ui/src/components/va-rating/VaRating.vue  |  7 ++++--
 .../ui/src/components/va-select/VaSelect.vue  | 10 ++++++---
 .../src/components/va-skeleton/VaSkeleton.vue |  6 +++--
 .../ui/src/components/va-slider/VaSlider.vue  |  7 ++++--
 .../ui/src/components/va-split/VaSplit.vue    |  4 +++-
 .../src/components/va-stepper/VaStepper.vue   |  9 ++++----
 .../ui/src/components/va-switch/VaSwitch.vue  |  2 +-
 packages/ui/src/components/va-tabs/VaTabs.vue |  6 +++--
 .../components/va-time-input/VaTimeInput.vue  | 18 +++++++++------
 .../ui/src/components/va-toast/VaToast.vue    |  3 ++-
 packages/ui/src/composables/useTranslation.ts |  8 +++----
 .../ui/src/services/i18n/config/default.ts    |  9 ++++++++
 37 files changed, 200 insertions(+), 84 deletions(-)

diff --git a/packages/docs/locales/en.json b/packages/docs/locales/en.json
index c2c328a38e..3d28bdf225 100644
--- a/packages/docs/locales/en.json
+++ b/packages/docs/locales/en.json
@@ -875,7 +875,10 @@
         "stickToEdges": "Dropdown will not be rendered outside of viewport. It will be moved in opposite direction.",
         "autocomplete": "Enables the autocomplete behaviour.",
         "highlightMatchedText": "Highlight chars in options that are match the input value (search or autocomplete).",
-        "minSearchChars": "Minimal amount of chars in input value to initiate search or autocomplete."
+        "minSearchChars": "Minimal amount of chars in input value to initiate search or autocomplete.",
+        "ariaLabel": "Set aria label. By default it `$t:selectOption` is value is selected and `$t:noSelectedOption` if value is empty.",
+        "ariaClearLabel": "Set aria label for clear button",
+        "ariaSearchLabel": "Set aria label for search input"
       },
       "events": {
         "clear": "Emitted if select value has been cleared",
diff --git a/packages/docs/modules/page-config/blocks/api/index.vue b/packages/docs/modules/page-config/blocks/api/index.vue
index 2f3789c0b6..249bdc8d4c 100644
--- a/packages/docs/modules/page-config/blocks/api/index.vue
+++ b/packages/docs/modules/page-config/blocks/api/index.vue
@@ -81,6 +81,9 @@ const propsOptions = Object
     types: '`' + prop.types + '`',
     default: cleanDefaultValue(prop.default),
   }))
+  .sort((a, b) => {
+    return a.name.name.localeCompare(b.name.name)
+  })
 
 const eventsOptions = Object
   .entries(withManual.events || {})
@@ -89,6 +92,9 @@ const eventsOptions = Object
     name: key,
     description: t(getTranslation('events', key)),
   }))
+  .sort((a, b) => {
+    return a.name.localeCompare(b.name)
+  })
 
 const slotsOptions = Object
   .entries(withManual.slots || {})
@@ -96,6 +102,9 @@ const slotsOptions = Object
     name: key,
     description: t(getTranslation('slots', key)),
   }))
+  .sort((a, b) => {
+    return a.name.localeCompare(b.name)
+  })
 
 const methodsOptions = Object
   .entries(withManual.methods || {})
@@ -103,6 +112,9 @@ const methodsOptions = Object
     name: key,
     description: t(getTranslation('methods', key)),
   }))
+  .sort((a, b) => {
+    return a.name.localeCompare(b.name)
+  })
 
 const cssVariablesOptions = props.cssVariables.map(([name, value, comment]) => ({
   name, value, /* comment */ // TODO: Enable comment when everywhere is used correct comments
diff --git a/packages/ui/src/components/va-backtop/VaBacktop.vue b/packages/ui/src/components/va-backtop/VaBacktop.vue
index 401f08571a..e33c0df6e9 100644
--- a/packages/ui/src/components/va-backtop/VaBacktop.vue
+++ b/packages/ui/src/components/va-backtop/VaBacktop.vue
@@ -3,7 +3,7 @@
     v-if="visible"
     class="va-backtop"
     role="button"
-    :aria-label="t('backToTop')"
+    :aria-label="tp($props.ariaLabel)"
     :style="computedStyle"
     @click="scrollToTop"
     @keydown.enter.stop="scrollToTop"
@@ -49,6 +49,7 @@ export default defineComponent({
       default: 'bottom',
       validator: (value: string) => ['bottom', 'top'].includes(value),
     },
+    ariaLabel: { type: String, default: '$t:backToTop' },
   },
   setup (props) {
     const targetScrollValue = ref(0)
diff --git a/packages/ui/src/components/va-breadcrumbs/VaBreadcrumbs.vue b/packages/ui/src/components/va-breadcrumbs/VaBreadcrumbs.vue
index 9d73ddaa5f..736de34d73 100644
--- a/packages/ui/src/components/va-breadcrumbs/VaBreadcrumbs.vue
+++ b/packages/ui/src/components/va-breadcrumbs/VaBreadcrumbs.vue
@@ -15,6 +15,7 @@ export default defineComponent({
     color: { type: String, default: 'secondary' },
     activeColor: { type: String, default: null },
     separatorColor: { type: String, default: null },
+    ariaLabel: { type: String, default: '$t:breadcrumbs' },
   },
   setup (props, { slots }) {
     const { alignComputed } = useAlign(props)
@@ -108,13 +109,13 @@ export default defineComponent({
       return children
     }
 
-    const { t } = useTranslation()
+    const { tp } = useTranslation()
 
     return () => h('div', {
       class: 'va-breadcrumbs',
       style: alignComputed.value,
       role: isAllChildLinks.value ? 'navigation' : undefined,
-      'aria-label': isAllChildLinks.value ? t('breadcrumbs') : undefined,
+      'aria-label': (isAllChildLinks.value ? tp(props.ariaLabel) : undefined),
     }, getChildren())
   },
 })
diff --git a/packages/ui/src/components/va-button-dropdown/VaButtonDropdown.vue b/packages/ui/src/components/va-button-dropdown/VaButtonDropdown.vue
index 9b415e49ba..6a9201f119 100644
--- a/packages/ui/src/components/va-button-dropdown/VaButtonDropdown.vue
+++ b/packages/ui/src/components/va-button-dropdown/VaButtonDropdown.vue
@@ -8,6 +8,7 @@
     >
       <template #anchor>
         <va-button
+          :aria-label="tp($props.ariaLabel)"
           v-bind="{ ...computedButtonIcons, ...buttonPropsComputed }"
           v-on="listeners"
           @keydown.esc.prevent="hideDropdown"
@@ -48,7 +49,7 @@
       >
         <template #anchor>
           <va-button
-            :aria-label="t('toggleDropdown')"
+            :aria-label="$props.ariaLabel || t('toggleDropdown')"
             :disabled="$props.disabled || $props.disableDropdown"
             :icon="computedIcon"
             :icon-color="$props.iconColor"
@@ -140,6 +141,8 @@ export default defineComponent({
 
     loading: { type: Boolean, default: false },
     label: { type: String },
+
+    ariaLabel: { type: String, default: '$t:toggleDropdown' },
   },
 
   setup (props, { emit, slots }) {
diff --git a/packages/ui/src/components/va-carousel/VaCarousel.vue b/packages/ui/src/components/va-carousel/VaCarousel.vue
index 1dc8a476ca..ed78edc0bd 100644
--- a/packages/ui/src/components/va-carousel/VaCarousel.vue
+++ b/packages/ui/src/components/va-carousel/VaCarousel.vue
@@ -7,7 +7,7 @@
     }"
     :style="{ height: ratio ? 'auto' : height }"
     role="region"
-    :aria-label="t('carousel')"
+    :aria-label="tp($props.ariaLabel)"
   >
     <template v-if="$props.arrows">
       <div
@@ -21,7 +21,7 @@
             <va-button
               :color="hover ? computedHoverColor : computedColor"
               :icon="vertical ? 'va-arrow-up' : 'va-arrow-left'"
-              :aria-label="t('goPreviousSlide')"
+              :aria-label="tp($props.ariaPreviousLabel)"
             />
           </va-hover>
         </slot>
@@ -37,7 +37,7 @@
             <va-button
               :color="hover ? computedHoverColor : computedColor"
               :icon="vertical ? 'va-arrow-down' : 'va-arrow-right'"
-              :aria-label="t('goNextSlide')"
+              :aria-label="tp($props.ariaNextLabel)"
             />
           </va-hover>
         </slot>
@@ -54,7 +54,7 @@
         <slot name="indicator" v-bind="{ item, index, goTo, isActive: isCurrentSlide(index) }">
           <va-hover #default="{ hover }" stateful>
             <va-button
-              :aria-label="t(`goSlide`, { index: index + 1 })"
+              :aria-label="tp($props.ariaGoToSlideLabel, { index: index + 1 })"
               round
               :color="isCurrentSlide(index) ? computedActiveColor : (hover ? computedHoverColor : computedColor)"
             >
@@ -79,7 +79,7 @@
           :style="slideStyleComputed"
           :aria-hidden="!isCurrentSlide(index)"
           :aria-current="isCurrentSlide(index)"
-          :aria-label="t('slideOf', { index: index + 1, length: slides.length })"
+          :aria-label="tp($props.ariaSlideOfLabel, { index: index + 1, length: slides.length })"
         >
           <slot v-bind="{ item, index, goTo, isActive: isCurrentSlide(index) }">
             <va-image
@@ -154,6 +154,12 @@ export default defineComponent({
     },
     color: { type: String, default: 'primary' },
     ratio: { type: Number },
+
+    ariaLabel: { type: String, default: '$t:carousel' },
+    ariaPreviousLabel: { type: String, default: '$t:goPreviousSlide' },
+    ariaNextLabel: { type: String, default: '$t:goNextSlide' },
+    ariaGoToSlideLabel: { type: String, default: '$t:goSlide' },
+    ariaSlideOfLabel: { type: String, default: '$t:slideOf' },
   },
 
   emits: useStatefulEmits,
diff --git a/packages/ui/src/components/va-chip/VaChip.vue b/packages/ui/src/components/va-chip/VaChip.vue
index ad3304b135..05032c87a1 100644
--- a/packages/ui/src/components/va-chip/VaChip.vue
+++ b/packages/ui/src/components/va-chip/VaChip.vue
@@ -34,7 +34,7 @@
         role="button"
         name="va-close"
         class="va-chip__close-icon"
-        :aria-label="t('close')"
+        :aria-label="tp($props.ariaCloseLabel)"
         :tabindex="tabIndexComputed"
         :size="iconSize"
         @click.stop="close"
@@ -91,6 +91,8 @@ export default defineComponent({
       default: 'medium',
       validator: (value: string) => ['small', 'medium', 'large'].includes(value),
     },
+
+    ariaCloseLabel: { type: String, default: '$t:close' },
   },
 
   setup (props, { emit }) {
diff --git a/packages/ui/src/components/va-color-input/VaColorInput.vue b/packages/ui/src/components/va-color-input/VaColorInput.vue
index b9e3b74764..55f4b64ba8 100644
--- a/packages/ui/src/components/va-color-input/VaColorInput.vue
+++ b/packages/ui/src/components/va-color-input/VaColorInput.vue
@@ -11,7 +11,7 @@
         <va-color-indicator
           class="va-color-input__dot"
           role="button"
-          :aria-label="t('openColorPicker')"
+          :aria-label="tp($props.ariaOpenColorPickerLabel)"
           :aria-disabled="$props.disabled"
           :tabindex="tabIndexComputed"
           :color="valueComputed"
@@ -57,6 +57,7 @@ export default defineComponent({
       default: 'dot',
       validator: (value: string) => ['dot', 'square'].includes(value),
     },
+    ariaOpenColorPickerLabel: { type: String, default: '$t:openColorPicker' },
   },
   setup: (props, { emit }) => {
     const colorPicker = shallowRef<HTMLInputElement>()
diff --git a/packages/ui/src/components/va-color-palette/VaColorPalette.vue b/packages/ui/src/components/va-color-palette/VaColorPalette.vue
index f565298913..541afbeb71 100644
--- a/packages/ui/src/components/va-color-palette/VaColorPalette.vue
+++ b/packages/ui/src/components/va-color-palette/VaColorPalette.vue
@@ -2,13 +2,13 @@
   <ul
     class="va-color-palette"
     role="listbox"
-    :aria-label="t('colorSelection')"
+    :aria-label="tp($props.ariaLabel)"
   >
     <va-color-indicator
       v-for="(color, index) in palette"
       :key="index"
       role="option"
-      :aria-label="t('color', { color })"
+      :aria-label="tp($props.ariaIndicatorLabel, { color })"
       :aria-selected="isSelected(color)"
       tabindex="0"
       :modelValue="isSelected(color)"
@@ -40,6 +40,8 @@ export default defineComponent({
       default: 'dot',
       validator: (value: string) => ['dot', 'square'].includes(value),
     },
+    ariaLabel: { type: String, default: '$t:colorSelection' },
+    ariaIndicatorLabel: { type: String, default: '$t:color' },
   },
   setup (props, { emit }) {
     const { valueComputed } = useStateful(props, emit)
diff --git a/packages/ui/src/components/va-counter/VaCounter.vue b/packages/ui/src/components/va-counter/VaCounter.vue
index e5a9a68d2a..51d88d7170 100644
--- a/packages/ui/src/components/va-counter/VaCounter.vue
+++ b/packages/ui/src/components/va-counter/VaCounter.vue
@@ -16,7 +16,7 @@
         <slot name="decreaseAction" v-bind="{ ...slotScope, decreaseCount }">
           <va-button
             class="va-counter__button-decrease"
-            :aria-label="t('decreaseCounter')"
+            :aria-label="tp($props.ariaDecreaseLabel)"
             v-bind="decreaseButtonProps"
             @click="decreaseCount"
           />
@@ -40,7 +40,7 @@
         <slot name="increaseAction" v-bind="{ ...slotScope, increaseCount }">
           <va-button
             class="va-counter__button-increase"
-            :aria-label="t('increaseCounter')"
+            :aria-label="tp($props.ariaIncreaseLabel)"
             v-bind="increaseButtonProps"
             @click="increaseCount"
           />
@@ -151,6 +151,10 @@ export default defineComponent({
     rounded: { type: Boolean, default: false },
     margins: { type: [String, Number], default: '4px' },
     textColor: { type: String, default: undefined },
+
+    ariaLabel: { type: String, default: '$t:counterValue' },
+    ariaDecreaseLabel: { type: String, default: '$t:decreaseCounter' },
+    ariaIncreaseLabel: { type: String, default: '$t:increaseCounter' },
   },
 
   emits: [
@@ -288,11 +292,11 @@ export default defineComponent({
       disabled: isIncreaseActionDisabled.value,
     }))
 
-    const { t } = useTranslation()
+    const { tp } = useTranslation()
 
     const inputAttributesComputed = computed(() => ({
       tabindex: tabIndexComputed.value,
-      'aria-label': props.label || t('counterValue'),
+      'aria-label': tp(props.ariaLabel),
       'aria-valuemin': min.value,
       'aria-valuemax': max.value,
       ...omit(attrs, ['class', 'style']),
@@ -319,7 +323,7 @@ export default defineComponent({
     useCounterPropsValidation(props)
 
     return {
-      ...useTranslation(),
+      tp,
       input,
       valueComputed,
       isFocused,
diff --git a/packages/ui/src/components/va-data-table/VaDataTable.vue b/packages/ui/src/components/va-data-table/VaDataTable.vue
index aa0f23a2b7..8a4ea89c0d 100644
--- a/packages/ui/src/components/va-data-table/VaDataTable.vue
+++ b/packages/ui/src/components/va-data-table/VaDataTable.vue
@@ -111,7 +111,7 @@
                       class="va-data-table__table-cell-checkbox"
                       :model-value="isRowSelected(row)"
                       :color="selectedColor"
-                      :aria-label="t(`selectRowByIndex`, { index: row.initialIndex })"
+                      :aria-label="tp($props.ariaSelectRowLabel, { index: row.initialIndex })"
                       @click.shift.exact.stop="shiftSelectRows(row)"
                       @click.ctrl.exact.stop="ctrlSelectRow(row)"
                       @click.exact.stop="ctrlSelectRow(row)"
@@ -257,6 +257,7 @@ export default defineComponent({
     ...useRowsProps,
     ...useSelectableProps,
     ...useThrottleProps,
+    ...pick(VaDataTableThRowProps, ['ariaSelectAllRowsLabel', 'ariaSortColumnByLabel']),
     hoverable: { type: Boolean, default: false },
     clickable: { type: Boolean, default: false },
     loading: { type: Boolean, default: false },
@@ -271,6 +272,8 @@ export default defineComponent({
     grid: { type: Boolean, default: false },
     gridColumns: { type: Number, default: 0 },
     wrapperSize: { type: [Number, String] as PropType<number | string | 'auto'>, default: 'auto' },
+
+    ariaSelectRowLabel: { type: String, default: '$t:selectRowByIndex' },
   },
 
   emits: [
diff --git a/packages/ui/src/components/va-data-table/components/VaDataTableThRow.vue b/packages/ui/src/components/va-data-table/components/VaDataTableThRow.vue
index 88fc7c3154..6d1a36653f 100644
--- a/packages/ui/src/components/va-data-table/components/VaDataTableThRow.vue
+++ b/packages/ui/src/components/va-data-table/components/VaDataTableThRow.vue
@@ -9,7 +9,7 @@
         v-if="multiplySelectAvailable"
         class="va-data-table__table-cell-checkbox"
         :model-value="$props.severalRowsSelected ? 'idl' : $props.allRowsSelected"
-        :aria-label="t('selectAllRows')"
+        :aria-label="tp($props.ariaSelectAllRowsLabel)"
         :true-value="true"
         :false-value="false"
         :color="$props.selectedColor"
@@ -98,6 +98,9 @@ export default defineComponent({
     sortBySync: { type: String, required: true },
     sortingOrderIconName: { type: String as PropType<TSortIcon>, required: true },
     sortingOrderSync: { type: String as PropType<DataTableSortingOrder | null>, default: null },
+
+    ariaSelectAllRowsLabel: { type: String, default: '$t:selectAllRows' },
+    ariaSortColumnByLabel: { type: String, default: '$t:sortColumnBy' },
   },
 
   emits: [
@@ -106,7 +109,7 @@ export default defineComponent({
   ],
 
   setup (props, { emit }) {
-    const { t } = useTranslation()
+    const { t, tp } = useTranslation()
 
     const {
       getFooterCSSVariables,
@@ -120,7 +123,7 @@ export default defineComponent({
         ? props.sortingOrderSync === 'asc' ? 'ascending' : 'descending'
         : 'none') as 'none' | 'ascending' | 'descending'
 
-      const ariaLabel = column.sortable ? t('sortColumnBy', { name: column.label }) : undefined
+      const ariaLabel = column.sortable ? tp(props.ariaSortColumnByLabel, { name: column.label }) : undefined
 
       return {
         'aria-sort': ariaSort,
@@ -145,7 +148,7 @@ export default defineComponent({
     const multiplySelectAvailable = computed(() => props.selectMode === 'multiple')
 
     return {
-      t,
+      tp,
       getClass,
       sortByColumn,
       getColumnStyles,
diff --git a/packages/ui/src/components/va-date-input/VaDateInput.vue b/packages/ui/src/components/va-date-input/VaDateInput.vue
index 3457169c64..a51ef4693c 100644
--- a/packages/ui/src/components/va-date-input/VaDateInput.vue
+++ b/packages/ui/src/components/va-date-input/VaDateInput.vue
@@ -38,7 +38,7 @@
             <slot name="prependInner" v-bind="slotScope" />
             <va-icon
               v-if="$props.leftIcon"
-              :aria-label="t('toggleDropdown')"
+              :aria-label="tp($props.ariaToggleDropdownLabel)"
               v-bind="iconProps"
               @click.stop="showDropdown"
               @keydown.enter.stop="showDropdown"
@@ -49,7 +49,7 @@
           <template #icon>
             <va-icon
               v-if="canBeCleared"
-              :aria-label="t('resetDate')"
+              :aria-label="tp($props.ariaResetLabel)"
               v-bind="{ ...iconProps, ...clearIconProps }"
               @click.stop="reset"
               @keydown.enter.stop="reset"
@@ -57,7 +57,7 @@
             />
             <va-icon
               v-else-if="!$props.leftIcon && $props.icon"
-              :aria-label="t('toggleDropdown')"
+              :aria-label="tp($props.ariaToggleDropdownLabel)"
               v-bind="iconProps"
               @click.stop="showDropdown"
               @keydown.enter.stop="showDropdown"
@@ -177,6 +177,10 @@ export default defineComponent({
     color: { type: String, default: 'primary' },
     leftIcon: { type: Boolean, default: false },
     icon: { type: String, default: 'va-calendar' },
+
+    ariaToggleDropdownLabel: { type: String, default: '$t:toggleDropdown' },
+    ariaResetLabel: { type: String, default: '$t:resetDate' },
+    ariaSelectedDateLabel: { type: String, default: '$t:selectedDate' },
   },
 
   emits: [
@@ -379,14 +383,14 @@ export default defineComponent({
       },
     }))
 
-    const { t } = useTranslation()
+    const { tp } = useTranslation()
 
     const inputAttributesComputed = computed(() => ({
       readonly: props.readonly || !props.manualInput,
       disabled: props.disabled,
       tabindex: props.disabled ? -1 : 0,
       value: valueText.value,
-      ariaLabel: props.label || t('selectedDate'),
+      ariaLabel: props.label || tp('selectedDate'),
       ariaRequired: props.requiredMark,
       ariaDisabled: props.disabled,
       ariaReadOnly: props.readonly,
@@ -404,7 +408,7 @@ export default defineComponent({
     }))
 
     return {
-      t,
+      tp,
       datePicker,
       valueText,
       valueWithoutText,
diff --git a/packages/ui/src/components/va-date-picker/components/VaDatePickerHeader/VaDatePickerHeader.vue b/packages/ui/src/components/va-date-picker/components/VaDatePickerHeader/VaDatePickerHeader.vue
index 8890733fab..4708697223 100644
--- a/packages/ui/src/components/va-date-picker/components/VaDatePickerHeader/VaDatePickerHeader.vue
+++ b/packages/ui/src/components/va-date-picker/components/VaDatePickerHeader/VaDatePickerHeader.vue
@@ -12,7 +12,7 @@
         size="small"
         :color="color"
         :textColor="textColor"
-        :aria-label="t('nextPeriod')"
+        :aria-label="tp($props.ariaPreviousPeriodLabel)"
         round
         @click="prev"
       />
@@ -26,7 +26,7 @@
           size="small"
           :color="color"
           :textColor="textColor"
-          :aria-label="t('switchView')"
+          :aria-label="tp($props.ariaSwitchViewLabel)"
           @click="switchView"
         >
           <slot name="year" v-bind="{ year: syncView.year }">{{ syncView.year }}</slot>
@@ -46,7 +46,7 @@
         size="small"
         :color="color"
         :textColor="textColor"
-        :aria-label="t('previousPeriod')"
+        :aria-label="tp($props.ariaNextPeriodLabel)"
         @click="next"
         round
       />
@@ -74,6 +74,10 @@ export default defineComponent({
     color: { type: String },
     textColor: { type: String },
     disabled: { type: Boolean, default: false },
+
+    ariaNextPeriodLabel: { type: String, default: '$t:nextPeriod' },
+    ariaPreviousPeriodLabel: { type: String, default: '$t:previousPeriod' },
+    ariaSwitchViewLabel: { type: String, default: '$t:switchView' },
   },
 
   setup (props, { emit }) {
diff --git a/packages/ui/src/components/va-dropdown/VaDropdown.vue b/packages/ui/src/components/va-dropdown/VaDropdown.vue
index f4bea7fb47..64fc0c1df2 100644
--- a/packages/ui/src/components/va-dropdown/VaDropdown.vue
+++ b/packages/ui/src/components/va-dropdown/VaDropdown.vue
@@ -74,6 +74,8 @@ export default defineComponent({
     },
     /** Not reactive */
     keyboardNavigation: { type: Boolean, default: false },
+
+    ariaLabel: { type: String, default: '$t:toggleDropdown' },
   },
 
   emits: [...useStatefulEmits, 'anchor-click', 'anchor-right-click', 'content-click', 'click-outside', 'close', 'open'],
@@ -224,11 +226,10 @@ export default defineComponent({
       props,
     )
 
-    const { t } = useTranslation()
     const isMounted = useIsMounted()
 
     return {
-      t,
+      ...useTranslation(),
       isMounted,
       valueComputed,
       computedAnchorRef,
@@ -262,7 +263,7 @@ export default defineComponent({
       role: 'button',
       class: ['va-dropdown', ...this.computedClass.asArray.value],
       style: { position: 'relative' },
-      'aria-label': this.t('toggleDropdown'),
+      'aria-label': this.tp(this.$props.ariaLabel),
       'aria-disabled': this.$props.disabled,
       'aria-expanded': !!this.valueComputed.value,
       ...this.$attrs,
diff --git a/packages/ui/src/components/va-file-upload/VaFileUpload.vue b/packages/ui/src/components/va-file-upload/VaFileUpload.vue
index ff83356afb..61b411e141 100644
--- a/packages/ui/src/components/va-file-upload/VaFileUpload.vue
+++ b/packages/ui/src/components/va-file-upload/VaFileUpload.vue
@@ -41,6 +41,7 @@
     >
     <va-file-upload-list
       v-if="files.length && !$props.hideFileList"
+      v-bind="fileUploadListProps"
       :type="type"
       :files="files"
       :color="colorComputed"
@@ -65,6 +66,9 @@ import { VaFileUploadKey, VaFile } from './types'
 
 import { VaButton, VaModal } from '../index'
 import { VaFileUploadList } from './VaFileUploadList'
+import { extractComponentProps, filterComponentProps } from '../../utils/component-options'
+
+const VaFileUploadListProps = extractComponentProps(VaFileUploadList)
 
 export default defineComponent({
   name: 'VaFileUpload',
@@ -77,6 +81,7 @@ export default defineComponent({
 
   props: {
     ...useComponentPresetProp,
+    ...VaFileUploadListProps,
     fileTypes: { type: String, default: '' },
     dropzone: { type: Boolean, default: false },
     hideFileList: { type: Boolean, default: false },
@@ -212,6 +217,7 @@ export default defineComponent({
     })
 
     return {
+      fileUploadListProps: filterComponentProps(VaFileUploadListProps),
       modal,
       dropzoneHighlight,
       fileInputRef,
diff --git a/packages/ui/src/components/va-file-upload/VaFileUploadGalleryItem/VaFileUploadGalleryItem.vue b/packages/ui/src/components/va-file-upload/VaFileUploadGalleryItem/VaFileUploadGalleryItem.vue
index 7fc2ac43ec..3e270cbd47 100644
--- a/packages/ui/src/components/va-file-upload/VaFileUploadGalleryItem/VaFileUploadGalleryItem.vue
+++ b/packages/ui/src/components/va-file-upload/VaFileUploadGalleryItem/VaFileUploadGalleryItem.vue
@@ -37,7 +37,7 @@
           color="danger"
           icon="va-delete"
           class="va-file-upload-gallery-item__delete"
-          :aria-label="t('removeFile')"
+          :aria-label="tp($props.ariaRemoveFileLabel)"
           @click="removeImage"
           @focus="onFocus"
           @blur="onBlur"
@@ -76,6 +76,8 @@ export default defineComponent({
   props: {
     file: { type: Object as PropType<ConvertedFile>, default: null },
     color: { type: String, default: 'success' },
+
+    ariaRemoveFileLabel: { type: String, default: '$t:removeFile' },
   },
 
   setup (props, { emit }) {
diff --git a/packages/ui/src/components/va-file-upload/VaFileUploadList/VaFileUploadList.vue b/packages/ui/src/components/va-file-upload/VaFileUploadList/VaFileUploadList.vue
index 37085a8f05..cd99057d88 100644
--- a/packages/ui/src/components/va-file-upload/VaFileUploadList/VaFileUploadList.vue
+++ b/packages/ui/src/components/va-file-upload/VaFileUploadList/VaFileUploadList.vue
@@ -8,8 +8,8 @@
       <va-file-upload-list-item
         v-for="(file, index) in filesList"
         :key="file.name"
+        v-bind="itemProps"
         :file="file"
-        :color="color"
         role="listitem"
         @remove="$emit('remove', index)"
       />
@@ -17,15 +17,16 @@
     <template v-if="type === 'gallery'">
       <va-file-upload-gallery-item
         v-for="(file, index) in filesList"
+        v-bind="galleryItemProps"
         :key="file.name"
         :file="file"
-        :color="color"
         role="listitem"
         @remove="$emit('remove', index)"
       />
     </template>
     <template v-if="type === 'single' && filesList.length">
       <va-file-upload-single-item
+        v-bind="singleItemProps"
         :file="filesList[filesList.length - 1]"
         @remove="$emit('removeSingle')"
       />
@@ -43,6 +44,12 @@ import { VaFileUploadSingleItem } from '../VaFileUploadSingleItem'
 
 import type { VaFile, ConvertedFile } from '../types'
 
+import { extractComponentProps, filterComponentProps } from '../../../utils/component-options'
+
+const VaFileUploadGalleryItemProps = extractComponentProps(VaFileUploadGalleryItem)
+const VaFileUploadListItemProps = extractComponentProps(VaFileUploadListItem)
+const VaFileUploadSingleItemProps = extractComponentProps(VaFileUploadSingleItem)
+
 export default defineComponent({
   name: 'VaFileUploadList',
   components: {
@@ -55,7 +62,9 @@ export default defineComponent({
   props: {
     type: { type: String, default: '' },
     files: { type: Array as PropType<VaFile[]>, default: null },
-    color: { type: String, default: 'success' },
+    ...VaFileUploadGalleryItemProps,
+    ...VaFileUploadListItemProps,
+    ...VaFileUploadSingleItemProps,
   },
   setup (props) {
     const filesList = computed(() => props.files.map(convertFile))
@@ -89,6 +98,9 @@ export default defineComponent({
     }
 
     return {
+      galleryItemProps: filterComponentProps(VaFileUploadGalleryItemProps),
+      itemProps: filterComponentProps(VaFileUploadListItemProps),
+      singleItemProps: filterComponentProps(VaFileUploadSingleItemProps),
       filesList,
     }
   },
diff --git a/packages/ui/src/components/va-file-upload/VaFileUploadListItem/VaFileUploadListItem.vue b/packages/ui/src/components/va-file-upload/VaFileUploadListItem/VaFileUploadListItem.vue
index aaff0c3906..b7fcaafdf7 100644
--- a/packages/ui/src/components/va-file-upload/VaFileUploadListItem/VaFileUploadListItem.vue
+++ b/packages/ui/src/components/va-file-upload/VaFileUploadListItem/VaFileUploadListItem.vue
@@ -23,7 +23,7 @@
           color="danger"
           icon="clear"
           class="va-file-upload-list-item__delete"
-          :aria-label="t('removeFile')"
+          :aria-label="tp($props.ariaRemoveFileLabel)"
           @click.stop="removeFile"
           @keydown.enter.stop="removeFile"
           @keydown.space.stop="removeFile"
@@ -62,6 +62,8 @@ export default defineComponent({
   props: {
     file: { type: Object as PropType<ConvertedFile | null>, default: null },
     color: { type: String, default: 'success' },
+
+    ariaRemoveFileLabel: { type: String, default: '$t:removeFile' },
   },
 
   setup (props, { emit }) {
diff --git a/packages/ui/src/components/va-file-upload/VaFileUploadSingleItem/VaFileUploadSingleItem.vue b/packages/ui/src/components/va-file-upload/VaFileUploadSingleItem/VaFileUploadSingleItem.vue
index e2c80b36a3..1853d41788 100644
--- a/packages/ui/src/components/va-file-upload/VaFileUploadSingleItem/VaFileUploadSingleItem.vue
+++ b/packages/ui/src/components/va-file-upload/VaFileUploadSingleItem/VaFileUploadSingleItem.vue
@@ -12,7 +12,7 @@
       <va-button
         v-if="!disabled"
         class="va-file-upload-single-item__button"
-        :aria-label="t('removeFile')"
+        :aria-label="tp($props.ariaRemoveFileLabel)"
         size="small"
         color="danger"
         flat
@@ -46,6 +46,7 @@ export default defineComponent({
 
   props: {
     file: { type: Object as PropType<ConvertedFile | null>, default: null },
+    ariaRemoveFileLabel: { type: String, default: '$t:removeFile' },
   },
 
   setup: () => ({
diff --git a/packages/ui/src/components/va-input/VaInput.vue b/packages/ui/src/components/va-input/VaInput.vue
index 158ca76c98..7c1f09628c 100644
--- a/packages/ui/src/components/va-input/VaInput.vue
+++ b/packages/ui/src/components/va-input/VaInput.vue
@@ -35,7 +35,7 @@
       <va-icon
         v-if="canBeCleared"
         role="button"
-        :aria-label="t('reset')"
+        :aria-label="tp($props.ariaResetLabel)"
         :tabindex="tabIndexComputed"
         v-bind="clearIconProps"
         @click.stop="reset"
@@ -142,6 +142,7 @@ export default defineComponent({
     outline: { type: Boolean, default: false },
     bordered: { type: Boolean, default: false },
     requiredMark: { type: Boolean, default: false },
+    ariaResetLabel: { type: String, default: '$t:reset' },
   },
 
   emits: [
diff --git a/packages/ui/src/components/va-modal/VaModal.vue b/packages/ui/src/components/va-modal/VaModal.vue
index a0d4c92b1a..dfd4fb2b8b 100644
--- a/packages/ui/src/components/va-modal/VaModal.vue
+++ b/packages/ui/src/components/va-modal/VaModal.vue
@@ -44,7 +44,7 @@
                 name="va-close"
                 class="va-modal__close"
                 role="button"
-                :aria-label="t('close')"
+                :aria-label="tp($props.ariaCloseLabel)"
                 tabindex="0"
                 @click="cancel"
                 @keydown.space="cancel"
@@ -200,6 +200,7 @@ export default defineComponent({
     backgroundColor: { type: String, default: 'background-secondary' },
     noPadding: { type: Boolean, default: false },
     beforeClose: { type: Function as PropType<(hide: () => void) => any> },
+    ariaCloseLabel: { type: String, default: '$t:close' },
   },
   setup (props, { emit }) {
     const rootElement = shallowRef<HTMLElement>()
diff --git a/packages/ui/src/components/va-pagination/VaPagination.vue b/packages/ui/src/components/va-pagination/VaPagination.vue
index 9c9b48bdcb..e1f366243b 100644
--- a/packages/ui/src/components/va-pagination/VaPagination.vue
+++ b/packages/ui/src/components/va-pagination/VaPagination.vue
@@ -2,7 +2,7 @@
   <nav
     v-if="showPagination"
     class="va-pagination"
-    :aria-label="t('pagination')"
+    :aria-label="tp($props.ariaLabel)"
     :class="classComputed"
     @keydown.left.stop="goPrevPage"
     @keydown.right.stop="goNextPage"
@@ -15,7 +15,7 @@
     >
       <va-button
         v-if="showBoundaryLinks"
-        :aria-label="t('goToTheFirstPage')"
+        :aria-label="tp($props.ariaGoToTheFirstPageLabel)"
         :disabled="$props.disabled || currentValue === 1"
         :icon="$props.boundaryIconLeft"
         v-bind="buttonPropsComputed"
@@ -28,7 +28,7 @@
     >
       <va-button
         v-if="showDirectionLinks"
-        :aria-label="t('goToPreviousPage')"
+        :aria-label="tp($props.ariaGoToPreviousPageLabel)"
         :disabled="$props.disabled || currentValue === 1"
         :icon="$props.directionIconLeft"
         v-bind="buttonPropsComputed"
@@ -41,7 +41,7 @@
         v-for="(n, i) in paginationRange" :key="i"
         :ref="setItemRefByIndex(i)"
         :class="{ 'va-button--ellipsis': n === '...', 'va-button--current': n === currentValue}"
-        :aria-label="t(`goToSpecificPage`, { page: n })"
+        :aria-label="tp($props.ariaGoToSpecificPageLabel, { page: n })"
         :aria-current="n === currentValue"
         :disabled="$props.disabled || n === '...'"
         v-bind="getPageButtonProps(n)"
@@ -55,7 +55,7 @@
       v-model="inputValue"
       ref="htmlInput"
       class="va-pagination__input va-button"
-      :aria-label="t('goToSpecificPageInput')"
+      :aria-label="tp($props.ariaGoToSpecificPageInputLabel)"
       :style="inputStyleComputed"
       :class="inputClassComputed"
       v-bind="inputAttributesComputed"
@@ -70,7 +70,7 @@
     >
       <va-button
         v-if="showDirectionLinks"
-        :aria-label="t('goNextPage')"
+        :aria-label="tp($props.ariaGoNextPageLabel)"
         :disabled="$props.disabled || currentValue === lastPage"
         :icon="$props.directionIconRight"
         v-bind="buttonPropsComputed"
@@ -83,7 +83,7 @@
     >
       <va-button
         v-if="showBoundaryLinks"
-        :aria-label="t('goLastPage')"
+        :aria-label="tp($props.ariaGoLastPageLabel)"
         :disabled="$props.disabled || currentValue === lastPage"
         :icon="$props.boundaryIconRight"
         v-bind="buttonPropsComputed"
@@ -154,6 +154,14 @@ export default defineComponent({
     rounded: { type: Boolean, default: false },
     activePageColor: { type: String, default: '' },
     buttonsPreset: { type: String, default: 'primary' },
+
+    ariaLabel: { type: String, default: '$t:pagination' },
+    ariaGoToTheFirstPageLabel: { type: String, default: '$t:goToTheFirstPage' },
+    ariaGoToPreviousPageLabel: { type: String, default: '$t:goToPreviousPage' },
+    ariaGoToSpecificPageLabel: { type: String, default: '$t:goToSpecificPage' },
+    ariaGoToSpecificPageInputLabel: { type: String, default: '$t:goToSpecificPageInput' },
+    ariaGoNextPageLabel: { type: String, default: '$t:goNextPage' },
+    ariaGoLastPageLabel: { type: String, default: '$t:goLastPage' },
   },
 
   setup (props, { emit }) {
diff --git a/packages/ui/src/components/va-progress-bar/VaProgressBar.vue b/packages/ui/src/components/va-progress-bar/VaProgressBar.vue
index 2011c69ff3..6070034d00 100644
--- a/packages/ui/src/components/va-progress-bar/VaProgressBar.vue
+++ b/packages/ui/src/components/va-progress-bar/VaProgressBar.vue
@@ -65,6 +65,7 @@ export default defineComponent({
     contentInside: { type: Boolean, default: false },
     showPercent: { type: Boolean, default: false },
     max: { type: Number, default: 100 },
+    ariaLabel: { type: String, default: '$t:progressState' },
   },
 
   setup (props) {
@@ -81,7 +82,7 @@ export default defineComponent({
       return props.size
     }
 
-    const { t } = useTranslation()
+    const { tp } = useTranslation()
 
     const progressBarValue = computed(() => 100 / props.max * props.modelValue)
 
@@ -117,7 +118,7 @@ export default defineComponent({
 
       ariaAttributesComputed: computed(() => ({
         role: 'progressbar',
-        'aria-label': t('progressState'),
+        'aria-label': tp(props.ariaLabel),
         'aria-valuenow': !props.indeterminate ? props.modelValue : undefined,
       })),
     }
diff --git a/packages/ui/src/components/va-progress-circle/VaProgressCircle.vue b/packages/ui/src/components/va-progress-circle/VaProgressCircle.vue
index 10b3d3bfa2..13054def0c 100644
--- a/packages/ui/src/components/va-progress-circle/VaProgressCircle.vue
+++ b/packages/ui/src/components/va-progress-circle/VaProgressCircle.vue
@@ -47,6 +47,7 @@ export default defineComponent({
     indeterminate: { type: Boolean, default: false },
     thickness: { type: Number, default: 0.06 },
     color: { type: String, default: 'primary' },
+    ariaLabel: { type: String, default: '$t:progressState' },
   },
 
   setup (props) {
@@ -60,7 +61,7 @@ export default defineComponent({
     const dashoffset = computed(() => dasharray.value * (1 - clamp(props.modelValue, 0, 100) / 100))
     const colorComputed = computed(() => getColor(props.color, undefined, true))
 
-    const { t } = useTranslation()
+    const { tp } = useTranslation()
 
     return {
       infoStyle: computed(() => ({ color: colorComputed.value })),
@@ -73,7 +74,7 @@ export default defineComponent({
       })),
       ariaAttributesComputed: computed(() => ({
         role: 'progressbar',
-        'aria-label': t('progressState'),
+        'aria-label': tp(props.ariaLabel),
         'aria-valuenow': !props.indeterminate ? props.modelValue : undefined,
       })),
 
diff --git a/packages/ui/src/components/va-rating/VaRating.vue b/packages/ui/src/components/va-rating/VaRating.vue
index 0e46cb25f2..bd956911b7 100644
--- a/packages/ui/src/components/va-rating/VaRating.vue
+++ b/packages/ui/src/components/va-rating/VaRating.vue
@@ -2,7 +2,7 @@
   <div
     class="va-rating"
     :class="rootClass"
-    :aria-label="t('currentRating', { max: $props.max, value: $props.modelValue })"
+    :aria-label="tp($props.ariaLabel, { max: $props.max, value: $props.modelValue })"
   >
     <div
       class="va-rating__item-wrapper"
@@ -16,7 +16,7 @@
         :key="itemNumber"
         class="va-rating__item"
         v-bind="VaRatingItemProps"
-        :aria-label="t('voteRating', { max: $props.max, value: itemNumber })"
+        :aria-label="tp($props.ariaItemLabel, { max: $props.max, value: itemNumber })"
         :model-value="getItemValue(itemNumber - 1)"
         :tabindex="tabIndexComputed"
         :disabled="$props.disabled"
@@ -76,6 +76,9 @@ export default defineComponent({
     halves: { type: Boolean, default: false },
     max: { type: Number, default: 5 },
     texts: { type: Array as PropType<string[]>, default: () => [] },
+
+    ariaLabel: { type: String, default: '$t:currentRating' },
+    ariaItemLabel: { type: String, default: '$t:voteRating' },
   },
   emits: ['update:modelValue'],
   components: { VaRatingItem, VaRatingItemNumberButton },
diff --git a/packages/ui/src/components/va-select/VaSelect.vue b/packages/ui/src/components/va-select/VaSelect.vue
index 148272f7be..dc6b941fe5 100644
--- a/packages/ui/src/components/va-select/VaSelect.vue
+++ b/packages/ui/src/components/va-select/VaSelect.vue
@@ -28,7 +28,7 @@
           <va-icon
             v-if="showClearIcon"
             role="button"
-            :aria-label="t('reset')"
+            :aria-label="tp($props.ariaClearLabel)"
             tabindex="0"
             v-bind="clearIconProps"
             @click.stop="reset"
@@ -77,7 +77,7 @@
         ref="searchBar"
         class="va-select-dropdown__content-search-input"
         v-model="searchInput"
-        :aria-label="t('optionsFilter')"
+        :aria-label="tp($props.ariaSearchLabel)"
         :tabindex="tabIndexComputed"
         :placeholder="tp($props.searchPlaceholderText)"
         bordered
@@ -229,6 +229,10 @@ export default defineComponent({
     placeholder: { type: String, default: '' },
     searchPlaceholderText: { type: String, default: '$t:search' },
     requiredMark: { type: Boolean, default: false },
+
+    ariaLabel: { type: String, default: undefined },
+    ariaSearchLabel: { type: String, default: '$t:optionsFilter' },
+    ariaClearLabel: { type: String, default: '$t:reset' },
   },
 
   setup (props, { emit, slots }) {
@@ -576,7 +580,7 @@ export default defineComponent({
       keepAnchorWidth: true,
       keyboardNavigation: true,
       innerAnchorSelector: '.va-input-wrapper__field',
-      'aria-label': props.modelValue ? `${t('selectedOption')}: ${props.modelValue}` : t('noSelectedOption'),
+      'aria-label': props.ariaLabel || (props.modelValue ? `${t('selectedOption')}: ${props.modelValue}` : t('noSelectedOption')),
     }))
 
     const optionsListPropsComputed = computed(() => ({
diff --git a/packages/ui/src/components/va-skeleton/VaSkeleton.vue b/packages/ui/src/components/va-skeleton/VaSkeleton.vue
index 035b7a53a6..194b380d88 100644
--- a/packages/ui/src/components/va-skeleton/VaSkeleton.vue
+++ b/packages/ui/src/components/va-skeleton/VaSkeleton.vue
@@ -3,7 +3,7 @@
     class="va-skeleton"
     role="status"
     aria-live="polite"
-    aria-label="Loading"
+    :aria-label="tp($props.ariaLabel)"
     aria-atomic="true"
     :class="classes"
     :is="tag"
@@ -15,7 +15,7 @@
 
 <script lang="ts">
 import { defineComponent, onMounted, ref, computed, PropType, onBeforeUnmount } from 'vue'
-import { useBem, useColors } from '../../composables'
+import { useBem, useColors, useTranslation } from '../../composables'
 
 export default defineComponent({
   name: 'VaSkeleton',
@@ -35,6 +35,7 @@ export default defineComponent({
     lastLineWidth: { type: [String], default: '75%' },
 
     variant: { type: String as PropType<'text' | 'circle' | 'rounded' | 'squared'>, default: 'squared' },
+    ariaLabel: { type: String, default: '$t:loading' },
   },
 
   setup (props, { attrs }) {
@@ -87,6 +88,7 @@ export default defineComponent({
     })
 
     return {
+      ...useTranslation(),
       classes: computed(() => [
         ...Object.keys(bem),
         (attrs as { class: string }).class,
diff --git a/packages/ui/src/components/va-slider/VaSlider.vue b/packages/ui/src/components/va-slider/VaSlider.vue
index 34bade9fc4..f45759b6a9 100644
--- a/packages/ui/src/components/va-slider/VaSlider.vue
+++ b/packages/ui/src/components/va-slider/VaSlider.vue
@@ -162,7 +162,7 @@ import { defineComponent, watch, PropType, ref, computed, onMounted, onBeforeUnm
 import pick from 'lodash/pick.js'
 
 import { generateUniqueId } from '../../utils/uuid'
-import { useComponentPresetProp, useColors, useArrayRefs, useBem, useStateful, useStatefulProps } from '../../composables'
+import { useComponentPresetProp, useColors, useArrayRefs, useBem, useStateful, useStatefulProps, useTranslation } from '../../composables'
 import { validateSlider } from './validateSlider'
 
 import { VaIcon } from '../va-icon'
@@ -193,6 +193,7 @@ export default defineComponent({
     iconAppend: { type: String, default: '' },
     vertical: { type: Boolean, default: false },
     showTrack: { type: Boolean, default: true },
+    ariaLabel: { type: String, default: '$t:sliderValue' },
   },
   setup (props, { emit, slots }) {
     const { getColor, getHoverColor } = useColors()
@@ -628,11 +629,13 @@ export default defineComponent({
 
     const ariaLabelIdComputed = computed(() => `aria-label-id-${generateUniqueId()}`)
 
+    const { tp } = useTranslation()
+
     const ariaAttributesComputed = computed(() => ({
       role: 'slider',
       'aria-valuemin': props.min,
       'aria-valuemax': props.max,
-      'aria-label': !slots.label && !props.label ? `current slider value is ${String(val.value)}` : undefined,
+      'aria-label': !slots.label && !props.label ? tp(props.ariaLabel, { value: String(val.value) }) : undefined,
       'aria-labelledby': slots.label || props.label ? ariaLabelIdComputed.value : undefined,
       'aria-orientation': props.vertical ? 'vertical' as const : 'horizontal' as const,
       'aria-disabled': props.disabled,
diff --git a/packages/ui/src/components/va-split/VaSplit.vue b/packages/ui/src/components/va-split/VaSplit.vue
index 4a43e7ba4c..94b3694594 100644
--- a/packages/ui/src/components/va-split/VaSplit.vue
+++ b/packages/ui/src/components/va-split/VaSplit.vue
@@ -3,7 +3,7 @@
     ref="splitPanelsContainer"
     class="va-split"
     :class="classComputed"
-    :aria-label="t('splitPanels')"
+    :aria-label="tp($props.ariaLabel)"
   >
     <div
       class="va-split__panel"
@@ -84,6 +84,8 @@ export default defineComponent({
       default: undefined,
     },
     snappingRange: { type: [Number, String] as PropType<number | string>, default: 4 },
+
+    ariaLabel: { type: String, default: '$t:splitPanels' },
   },
 
   emits: useStatefulEmits,
diff --git a/packages/ui/src/components/va-stepper/VaStepper.vue b/packages/ui/src/components/va-stepper/VaStepper.vue
index 61b3a29dd5..f127fe3bbb 100644
--- a/packages/ui/src/components/va-stepper/VaStepper.vue
+++ b/packages/ui/src/components/va-stepper/VaStepper.vue
@@ -86,7 +86,7 @@
   </div>
 </template>
 <script lang="ts">
-import { computed, defineComponent, nextTick, PropType, ref, Ref, shallowRef, watch } from 'vue'
+import { computed, defineComponent, PropType, ref, Ref, shallowRef, watch } from 'vue'
 import { useColors, useStateful, useStatefulProps, useTranslation } from '../../composables'
 import type { Step, StepControls } from './types'
 import VaStepperControls from './VaStepperControls.vue'
@@ -109,6 +109,7 @@ export default defineComponent({
     controlsHidden: { type: Boolean, default: false },
     nextDisabled: { type: Boolean, default: false },
     finishButtonHidden: { type: Boolean, default: false },
+    ariaLabel: { type: String, default: '$t:progress' },
   },
   emits: ['update:modelValue', 'finish'],
   setup (props, { emit }) {
@@ -122,8 +123,6 @@ export default defineComponent({
 
     const isNextStepDisabled = (index: number) => props.nextDisabled && index > modelValue.value
 
-    const { t } = useTranslation()
-
     const setStep = (index: number) => {
       if (props.steps[index].disabled) { return }
       emit('update:modelValue', index)
@@ -223,6 +222,8 @@ export default defineComponent({
       isCompleted: props.modelValue > index,
     })
 
+    const { tp } = useTranslation()
+
     return {
       stepperNavigation,
       resetFocus,
@@ -241,7 +242,7 @@ export default defineComponent({
       },
       ariaAttributesComputed: computed(() => ({
         role: 'group',
-        'aria-label': t('progress'),
+        'aria-label': tp(props.ariaLabel),
         'aria-orientation': props.vertical ? 'vertical' as const : 'horizontal' as const,
       })),
     }
diff --git a/packages/ui/src/components/va-switch/VaSwitch.vue b/packages/ui/src/components/va-switch/VaSwitch.vue
index a902dd6cb8..646088518c 100644
--- a/packages/ui/src/components/va-switch/VaSwitch.vue
+++ b/packages/ui/src/components/va-switch/VaSwitch.vue
@@ -116,7 +116,7 @@ export default defineComponent({
     falseLabel: { type: String, default: null },
     trueInnerLabel: { type: String, default: null },
     falseInnerLabel: { type: String, default: null },
-    ariaLabel: { type: String, default: 'Switch' },
+    ariaLabel: { type: String, default: '$t:switch' },
     color: { type: String, default: 'primary' },
     offColor: { type: String, default: 'background-element' },
     size: {
diff --git a/packages/ui/src/components/va-tabs/VaTabs.vue b/packages/ui/src/components/va-tabs/VaTabs.vue
index d483045cf9..ace0c0e1b2 100644
--- a/packages/ui/src/components/va-tabs/VaTabs.vue
+++ b/packages/ui/src/components/va-tabs/VaTabs.vue
@@ -12,7 +12,7 @@
       <va-button
         v-if="showPagination && !$props.hidePagination"
         class="va-tabs__pagination"
-        :aria-label="t('movePaginationLeft')"
+        :aria-label="tp($props.ariaMoveLeftLabel)"
         size="medium"
         :disabled="disablePaginationLeft"
         :color="color"
@@ -48,7 +48,7 @@
       <va-button
         v-if="showPagination && !$props.hidePagination"
         class="va-tabs__pagination"
-        :aria-label="t('movePaginationRight')"
+        :aria-label="tp($props.ariaMoveRightLabel)"
         size="medium"
         :color="color"
         :disabled="disablePaginationRight"
@@ -113,6 +113,8 @@ export default defineComponent({
     color: { type: String, default: 'primary' },
     prevIcon: { type: String, default: 'va-arrow-left' },
     nextIcon: { type: String, default: 'va-arrow-right' },
+    ariaMoveRightLabel: { type: String, default: '$t:movePaginationLeft' },
+    ariaMoveLeftLabel: { type: String, default: '$t:movePaginationRight' },
   },
 
   setup: (props, { emit }) => {
diff --git a/packages/ui/src/components/va-time-input/VaTimeInput.vue b/packages/ui/src/components/va-time-input/VaTimeInput.vue
index 20cf9df618..56c5b830d7 100644
--- a/packages/ui/src/components/va-time-input/VaTimeInput.vue
+++ b/packages/ui/src/components/va-time-input/VaTimeInput.vue
@@ -41,7 +41,7 @@
           />
           <va-icon
             v-if="$props.leftIcon"
-            :aria-label="t('toggleDropdown')"
+            :aria-label="tp($props.ariaToggleDropdownLabel)"
             v-bind="iconProps"
             @click.stop="showDropdown"
             @keydown.enter.stop="showDropdown"
@@ -53,14 +53,14 @@
           <va-icon
             v-if="canBeClearedComputed"
             v-bind="{ ...iconProps, ...clearIconProps }"
-            :aria-label="t('resetTime')"
+            :aria-label="tp($props.ariaResetLabel)"
             @click.stop="reset"
             @keydown.enter.stop="reset"
             @keydown.space.stop="reset"
           />
           <va-icon
             v-else-if="!$props.leftIcon && $props.icon"
-            :aria-label="t('toggleDropdown')"
+            :aria-label="tp($props.ariaToggleDropdownLabel)"
             @click.stop="showDropdown"
             @keydown.enter.stop="showDropdown"
             @keydown.space.stop="showDropdown"
@@ -143,6 +143,10 @@ export default defineComponent({
     manualInput: { type: Boolean, default: false },
     leftIcon: { type: Boolean, default: false },
     icon: { type: String, default: 'schedule' },
+
+    ariaLabel: { type: String, default: '$t:selectedTime' },
+    ariaResetLabel: { type: String, default: '$t:resetTime' },
+    ariaToggleDropdownLabel: { type: String, default: '$t:toggleDropdown' },
   },
 
   inheritAttrs: false,
@@ -151,7 +155,7 @@ export default defineComponent({
     const input = shallowRef<HTMLInputElement>()
     const timePicker = shallowRef<typeof VaTimePicker>()
 
-    const [isOpenSync] = useSyncProp('isOpen', props, emit, false)
+    const [isOpenSync] = useSyncProp('isOpen', props, emit, false as boolean)
     const [modelValueSync] = useSyncProp('modelValue', props, emit)
 
     const { parse, isValid } = useTimeParser(props)
@@ -314,14 +318,14 @@ export default defineComponent({
       tabindex: iconTabindexComputed.value,
     }))
 
-    const { t } = useTranslation()
+    const { tp } = useTranslation()
 
     const inputAttributesComputed = computed(() => ({
       readonly: props.readonly || !props.manualInput,
       disabled: props.disabled,
       tabindex: props.disabled ? -1 : 0,
       value: valueText.value,
-      'aria-label': props.label || t('selectedTime'),
+      'aria-label': props.label || tp(props.ariaLabel),
       'aria-required': props.requiredMark,
       'aria-disabled': props.disabled,
       'aria-readonly': props.readonly,
@@ -337,7 +341,7 @@ export default defineComponent({
     }))
 
     return {
-      t,
+      tp,
       input,
       timePicker,
 
diff --git a/packages/ui/src/components/va-toast/VaToast.vue b/packages/ui/src/components/va-toast/VaToast.vue
index d7947bab2d..65e1572677 100644
--- a/packages/ui/src/components/va-toast/VaToast.vue
+++ b/packages/ui/src/components/va-toast/VaToast.vue
@@ -27,7 +27,7 @@
           v-if="$props.closeable"
           class="va-toast__close-icon"
           role="button"
-          :aria-label="t('closeToast')"
+          :aria-label="tp($props.ariaCloseLabel)"
           tabindex="0"
           size="small"
           :name="$props.icon"
@@ -81,6 +81,7 @@ export default defineComponent({
       validator: (value: string) => ['top-right', 'top-left', 'bottom-right', 'bottom-left'].includes(value),
     },
     render: { type: Function },
+    ariaCloseLabel: { type: String, default: '$t:close' },
   },
   setup (props, { emit }) {
     const rootElement = shallowRef<HTMLElement>()
diff --git a/packages/ui/src/composables/useTranslation.ts b/packages/ui/src/composables/useTranslation.ts
index 100c3d15a2..55e5ec0965 100644
--- a/packages/ui/src/composables/useTranslation.ts
+++ b/packages/ui/src/composables/useTranslation.ts
@@ -21,14 +21,14 @@ export const useTranslation = () => {
 
   return {
     /** Translate prop. Translate only if key has `$t:` prefix */
-    tp: <Key extends string | undefined>(key: Key): Key => {
-      if (!key) { return undefined as Key }
+    tp: <Key extends string | undefined>(key: Key, values?: Record<string, Stringable>): string => {
+      if (!key) { return '' }
 
       if (key.startsWith('$t:')) {
-        return (config.value[key.slice(3) as keyof I18nConfig] || key) as Key
+        key = (config.value[key.slice(3) as keyof I18nConfig] || key) as NonNullable<Key>
       }
 
-      return key
+      return (applyI18nTemplate(key, values) || key)
     },
     t (key: string, values?: Record<string, Stringable>) {
       const translated = config.value[key as keyof I18nConfig]
diff --git a/packages/ui/src/services/i18n/config/default.ts b/packages/ui/src/services/i18n/config/default.ts
index bc61a71563..b5115b8176 100644
--- a/packages/ui/src/services/i18n/config/default.ts
+++ b/packages/ui/src/services/i18n/config/default.ts
@@ -89,4 +89,13 @@ export const getI18nConfigDefaults = () => ({
 
   step: 'step',
   progress: 'progress',
+
+  /** Skeleton aria label */
+  loading: 'Loading',
+
+  /** Slider aria label */
+  sliderValue: 'Current slider value is {value}',
+
+  /** Switch aria label */
+  switch: 'Switch',
 })

From 1bef6b71ce2de4ce5c6d6266881d7dba7cd426f4 Mon Sep 17 00:00:00 2001
From: Vitaly <vitaly.raichev@epicmax.co>
Date: Wed, 5 Apr 2023 14:24:31 +0300
Subject: [PATCH 02/30] [#3036] Round `VaButton` (#3278)

* fix(#3036): update button and icons styles

* fix(#3036): tweak docs example

* fix(#3036): demo examples
---
 .../ui-elements/button/examples/WithRound.vue |  13 +--
 .../components/va-button/VaButton.demo.vue    |  48 +++++++-
 .../ui/src/components/va-button/VaButton.vue  | 106 ++++++------------
 .../src/components/va-button/_variables.scss  |   9 +-
 4 files changed, 88 insertions(+), 88 deletions(-)

diff --git a/packages/docs/page-config/ui-elements/button/examples/WithRound.vue b/packages/docs/page-config/ui-elements/button/examples/WithRound.vue
index 81e77cd494..ee53469150 100644
--- a/packages/docs/page-config/ui-elements/button/examples/WithRound.vue
+++ b/packages/docs/page-config/ui-elements/button/examples/WithRound.vue
@@ -1,20 +1,13 @@
 <template>
-  <div style="display: flex; align-items: center;">
-    <va-button
-      size="large"
-      class="mr-6 mb-2"
-      round
-    >
+  <div class="flex items-center gap-8 flex-wrap">
+    <va-button round>
       Label
     </va-button>
     <va-button
-      size="small"
-      class="mr-6 mb-2"
       round
-      icon="close"
+      icon="thumb_up"
     />
     <va-button
-      class="mr-6 mb-2"
       round
       icon="close"
     >
diff --git a/packages/ui/src/components/va-button/VaButton.demo.vue b/packages/ui/src/components/va-button/VaButton.demo.vue
index e927d83826..b480214316 100644
--- a/packages/ui/src/components/va-button/VaButton.demo.vue
+++ b/packages/ui/src/components/va-button/VaButton.demo.vue
@@ -18,7 +18,7 @@
             Custom hover behavior
           </td>
           <td>
-            <va-button :backgroundOpacity="0.9" hoverBehavior="opacity" :hoverOpacity="0.4">
+            <va-button hoverBehavior="opacity" :hoverOpacity="0.4">
               Hover me
             </va-button>
             <va-button preset="primary" hoverBehavior="mask" hoverMaskColor="warning" :hoverOpacity="1">
@@ -38,21 +38,52 @@
             Custom press behavior
           </td>
           <td>
-            <va-button :backgroundOpacity="0.9" pressedBehaviur="opacity" :hoverOpacity="0.4">
+            <va-button pressedBehavior="opacity" :pressedOpacity="0.4">
               Press me
             </va-button>
-            <va-button preset="primary" pressedBehavior="mask" :hoverOpacity="0.2">
+            <va-button preset="primary" pressedBehavior="mask" pressedMaskColor="warning">
               Press me
             </va-button>
-            <va-button preset="secondary" pressedBehavior="opacity" :hoverOpacity="0.4">
+            <va-button preset="secondary" pressedBehavior="opacity" :pressedOpacity="0.4">
               Press me
             </va-button>
-            <va-button preset="plain" hoverBehavior="mask" hoverMaskColor="warning" :hoverOpacity="1">
+            <va-button preset="plain" pressedBehavior="mask" pressedMaskColor="warning">
               Press me
             </va-button>
           </td>
         </tr>
 
+        <tr>
+          <td>Sizes</td>
+          <td>
+            <va-button size="small">Labely</va-button>
+            <va-button size="small" round>Labely</va-button>
+            <va-button size="small" round icon="block"></va-button>
+            <va-button size="small" round icon="block">Labely</va-button>
+            <va-button size="small" round icon-right="block">Labely</va-button>
+            <va-button size="small" round icon="block" icon-right="thumb_up">Labely</va-button>
+            <va-button size="small" round icon="block" icon-right="thumb_up" border-color="warning">Labely</va-button>
+          </td>
+          <td>
+            <va-button>Labely</va-button>
+            <va-button round>Labely</va-button>
+            <va-button round icon="block"></va-button>
+            <va-button round icon="block">Labely</va-button>
+            <va-button round icon-right="block">Labely</va-button>
+            <va-button round icon="block" icon-right="thumb_up">Labely</va-button>
+            <va-button round icon="block" icon-right="thumb_up" border-color="warning">Labely</va-button>
+          </td>
+        </tr>
+        <td>
+          <va-button size="large">Labely</va-button>
+          <va-button size="large" round>Labely</va-button>
+          <va-button size="large" round icon="block"></va-button>
+          <va-button size="large" round icon="block">Labely</va-button>
+          <va-button size="large" round icon-right="block">Labely</va-button>
+          <va-button size="large" round icon="block" icon-right="thumb_up">Labely</va-button>
+          <va-button size="large" round icon="block" icon-right="thumb_up" border-color="warning">Labely</va-button>
+        </td>
+
         <tr>
           <td>Small size</td>
           <td>
@@ -177,9 +208,14 @@
           </td>
           <td>
             <va-button round>Label</va-button>
+            <va-button round icon="block" size="small" />
             <va-button round icon="block" />
+            <va-button round icon="block" size="large" />
             <va-button preset="primary" round icon="block" />
+            <va-button preset="secondary" round icon="block" />
             <va-button preset="primary" border-color="warning" round>Label</va-button>
+            <va-button preset="primary" border-color="warning" round icon="block">Label</va-button>
+            <va-button round icon="thumb_up">Label</va-button>
           </td>
         </tr>
 
@@ -220,7 +256,7 @@
             </va-button>
             <va-button>
               <template #prepend>prepend</template>
-              -
+              LABEL
               <template #append>append</template>
             </va-button>
           </td>
diff --git a/packages/ui/src/components/va-button/VaButton.vue b/packages/ui/src/components/va-button/VaButton.vue
index 6ea0a1193b..8109e17526 100644
--- a/packages/ui/src/components/va-button/VaButton.vue
+++ b/packages/ui/src/components/va-button/VaButton.vue
@@ -62,7 +62,6 @@ import {
   useLoadingProps,
   useSize, useSizeProps,
   useRouterLink, useRouterLinkProps,
-  useDeprecated,
   useComponentPresetProp,
   useSlotPassed,
 } from '../../composables'
@@ -135,7 +134,6 @@ export default defineComponent({
     // icon attributes
     const iconColorComputed = computed(() => props.iconColor ? getColor(props.iconColor) : textColorComputed.value)
     const iconAttributesComputed = computed(() => ({
-      size: props.size,
       color: iconColorComputed.value,
     }))
 
@@ -251,15 +249,6 @@ export default defineComponent({
     align-items: center;
     z-index: 1;
 
-    &__title,
-    &__icon {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin: auto;
-      white-space: nowrap;
-    }
-
     &--loading {
       opacity: 0;
     }
@@ -277,14 +266,12 @@ export default defineComponent({
       padding: var(--va-button-sm-content-py) var(--va-button-sm-content-px);
     }
 
-    &.va-button--bordered {
-      line-height: calc(var(--va-button-sm-line-height) - 2 * var(--va-button-bordered-border));
-    }
-
+    // set icons the same size as text
     .va-button__left-icon,
     .va-button__right-icon {
-      // until we haven't size config for icons
       font-size: var(--va-button-sm-line-height) !important;
+      height: var(--va-button-sm-line-height) !important;
+      line-height: var(--va-button-sm-line-height) !important;
     }
 
     .va-button__left-icon {
@@ -295,30 +282,22 @@ export default defineComponent({
       margin-left: var(--va-button-sm-icons-spacing);
     }
 
-    &.va-button--left-icon {
+    &.va-button--bordered {
       .va-button__content {
-        padding-left: var(--va-button-sm-icon-side-padding);
-      }
-
-      .va-button__left-icon {
-        margin-right: 2px;
+        padding-top: calc(var(--va-button-sm-content-py) - var(--va-button-bordered-border));
+        padding-bottom: calc(var(--va-button-sm-content-py) - var(--va-button-bordered-border));
       }
     }
 
-    &.va-button--right-icon {
+    &.va-button--left-icon {
       .va-button__content {
-        padding-right: var(--va-button-sm-icon-side-padding);
-      }
-
-      .va-button__right-icon {
-        margin-left: 2px;
+        padding-left: var(--va-button-sm-icon-side-padding);
       }
     }
 
-    &.va-button--icon-only {
+    &.va-button--right-icon {
       .va-button__content {
-        padding-right: var(--va-button-sm-content-px);
-        padding-left: var(--va-button-sm-content-px);
+        padding-right: var(--va-button-sm-icon-side-padding);
       }
     }
   }
@@ -336,16 +315,12 @@ export default defineComponent({
       line-height: var(--va-button-line-height);
     }
 
-    &.va-button--bordered {
-      & .va-button__content {
-        line-height: calc(var(--va-button-line-height) - 2 * var(--va-button-bordered-border));
-      }
-    }
-
+    // set icons the same size as text
     .va-button__left-icon,
     .va-button__right-icon {
-      // until we haven't size config for icons
       font-size: var(--va-button-line-height) !important;
+      height: var(--va-button-line-height) !important;
+      line-height: var(--va-button-line-height) !important;
     }
 
     .va-button__left-icon {
@@ -356,30 +331,22 @@ export default defineComponent({
       margin-left: var(--va-button-icons-spacing);
     }
 
-    &.va-button--left-icon {
+    &.va-button--bordered {
       .va-button__content {
-        padding-left: var(--va-button-icon-side-padding);
-      }
-
-      .va-button__left-icon {
-        margin-right: 4px;
+        padding-top: calc(var(--va-button-content-py) - var(--va-button-bordered-border));
+        padding-bottom: calc(var(--va-button-content-py) - var(--va-button-bordered-border));
       }
     }
 
-    &.va-button--right-icon {
+    &.va-button--left-icon {
       .va-button__content {
-        padding-right: var(--va-button-icon-side-padding);
-      }
-
-      .va-button__right-icon {
-        margin-left: 4px;
+        padding-left: var(--va-button-icon-side-padding);
       }
     }
 
-    &.va-button--icon-only {
+    &.va-button--right-icon {
       .va-button__content {
-        padding-right: var(--va-button-content-px);
-        padding-left: var(--va-button-content-px);
+        padding-right: var(--va-button-icon-side-padding);
       }
     }
   }
@@ -396,14 +363,12 @@ export default defineComponent({
       padding: var(--va-button-lg-content-py) var(--va-button-lg-content-px);
     }
 
-    &.va-button--bordered {
-      line-height: calc(var(--va-button-lg-line-height) - 2 * var(--va-button-bordered-border));
-    }
-
+    // set icons the same size as text
     .va-button__left-icon,
     .va-button__right-icon {
-      // until we haven't size config for icons
       font-size: var(--va-button-lg-line-height) !important;
+      height: var(--va-button-lg-line-height) !important;
+      line-height: var(--va-button-lg-line-height) !important;
     }
 
     .va-button__left-icon {
@@ -414,13 +379,16 @@ export default defineComponent({
       margin-left: var(--va-button-lg-icons-spacing);
     }
 
-    &.va-button--left-icon {
+    &.va-button--bordered {
       .va-button__content {
-        padding-left: var(--va-button-lg-icon-side-padding);
+        padding-top: calc(var(--va-button-lg-content-py) - var(--va-button-bordered-border));
+        padding-bottom: calc(var(--va-button-lg-content-py) - var(--va-button-bordered-border));
       }
+    }
 
-      .va-button__left-icon {
-        margin-right: 4px;
+    &.va-button--left-icon {
+      .va-button__content {
+        padding-left: var(--va-button-lg-icon-side-padding);
       }
     }
 
@@ -428,16 +396,16 @@ export default defineComponent({
       .va-button__content {
         padding-right: var(--va-button-lg-icon-side-padding);
       }
-
-      .va-button__right-icon {
-        margin-left: 4px;
-      }
     }
+  }
 
+  &--small,
+  &--normal,
+  &--large {
     &.va-button--icon-only {
       .va-button__content {
-        padding-right: var(--va-button-lg-content-px);
-        padding-left: var(--va-button-lg-content-px);
+        padding-right: 0;
+        padding-left: 0;
       }
     }
   }
@@ -446,7 +414,7 @@ export default defineComponent({
     min-width: auto;
     min-height: auto;
 
-    & .va-button__content {
+    .va-button__content {
       padding: 0;
       z-index: unset;
     }
diff --git a/packages/ui/src/components/va-button/_variables.scss b/packages/ui/src/components/va-button/_variables.scss
index 57aa1f3eb7..0a0e7bf319 100644
--- a/packages/ui/src/components/va-button/_variables.scss
+++ b/packages/ui/src/components/va-button/_variables.scss
@@ -23,7 +23,8 @@
   --va-button-sm-letter-spacing: 0;
   --va-button-sm-line-height: 1rem;
   --va-button-sm-border-radius: 0.125rem;
-  --va-button-sm-icon-side-padding: 0.188rem;
+  --va-button-sm-icon-side-padding: var(--va-button-sm-content-py);
+  --va-button-sm-icons-spacing: 0.125rem;
 
   /* Medium */
   --va-button-size: 2.25rem;
@@ -34,7 +35,8 @@
   --va-button-letter-spacing: 0;
   --va-button-line-height: 1.25rem;
   --va-button-border-radius: 0.25rem;
-  --va-button-icon-side-padding: 0.375rem;
+  --va-button-icon-side-padding: var(--va-button-content-py);
+  --va-button-icons-spacing: 0.25rem;
 
   /* Large */
   --va-button-lg-size: 3rem;
@@ -45,7 +47,8 @@
   --va-button-lg-letter-spacing: 0;
   --va-button-lg-line-height: 1.5rem;
   --va-button-lg-border-radius: 0.5rem;
-  --va-button-lg-icon-side-padding: 0.5rem;
+  --va-button-lg-icon-side-padding: var(--va-button-lg-content-py);
+  --va-button-lg-icons-spacing: 0.25rem;
 
   /* Bordered */
   --va-button-bordered-border: 1px;

From 50f1301685a3a5100fe928c6fea8a810fbdfe1cc Mon Sep 17 00:00:00 2001
From: Vitaly <vitaly.raichev@epicmax.co>
Date: Wed, 5 Apr 2023 14:26:14 +0300
Subject: [PATCH 03/30] [#3241] `VaDataTable` `hoverable` and `striped` styles
 (#3274)

* fix(#3241): tweak expandableRow doc example

* fix(#3241): striped and hoverable styles

* fix(#3241): hoverable color for VaTable
---
 .../data-table/examples/ExpandableRow.vue     |  4 +--
 .../components/va-data-table/VaDataTable.vue  | 32 ++++++++-----------
 packages/ui/src/styles/resources/_mixins.scss |  2 +-
 3 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/packages/docs/page-config/ui-elements/data-table/examples/ExpandableRow.vue b/packages/docs/page-config/ui-elements/data-table/examples/ExpandableRow.vue
index 82e8e8c991..8fd67917c8 100644
--- a/packages/docs/page-config/ui-elements/data-table/examples/ExpandableRow.vue
+++ b/packages/docs/page-config/ui-elements/data-table/examples/ExpandableRow.vue
@@ -4,9 +4,9 @@
     :columns="columns"
   >
     <template #cell(actions)="{ row, isExpanded }">
-      <va-button 
+      <va-button
         @click="row.toggleRowDetails()"
-        :icon="row.isExpanded ? 'va-arrow-up': 'va-arrow-down'"
+        :icon="isExpanded ? 'va-arrow-up': 'va-arrow-down'"
         preset="secondary"
         class="w-full"
       >
diff --git a/packages/ui/src/components/va-data-table/VaDataTable.vue b/packages/ui/src/components/va-data-table/VaDataTable.vue
index 8a4ea89c0d..1ab0448e24 100644
--- a/packages/ui/src/components/va-data-table/VaDataTable.vue
+++ b/packages/ui/src/components/va-data-table/VaDataTable.vue
@@ -139,7 +139,7 @@
                   </td>
                 </tr>
                 <tr
-                  v-show="row.isExpandableRowVisible"
+                  v-if="row.isExpandableRowVisible"
                   class="va-data-table__table-tr--expanded va-data-table__table-expanded-content"
                 >
                   <td :colspan="row.cells.length">
@@ -431,8 +431,8 @@ export default defineComponent({
 @import "../../styles/resources/index.scss";
 @import "variables";
 
-// we set vatiables below via the `useStylable` hook
 .va-data-table {
+  // we set variables below via the `useStylable` hook
   --va-data-table-selected-color: v-bind('CSSVariables.selectedColor');
   --va-data-table-hover-color: v-bind('CSSVariables.hoverColor');
   --va-data-table-height--computed: v-bind('CSSVariables.tableHeight');
@@ -547,13 +547,14 @@ export default defineComponent({
     }
 
     &.striped {
-      .va-data-table__table-tr {
-        position: relative;
-        z-index: 0;
+      .va-data-table__table-tbody {
+        .va-data-table__table-tr {
+          &:nth-child(even) {
+            &:not(.selected) {
+              position: relative;
 
-        &:nth-child(2n) {
-          &:not(.selected) {
-            @include va-background(var(--va-data-table-striped-tr-background-color), var(--va-data-table-striped-tr-opacity), -1);
+              @include va-background(var(--va-data-table-striped-tr-background-color), var(--va-data-table-striped-tr-opacity), -1);
+            }
           }
         }
       }
@@ -561,18 +562,13 @@ export default defineComponent({
 
     &.selectable,
     &.hoverable {
-      :not(thead, tfoot) {
-        .va-data-table__table-tr {
-          &:hover {
-            background-color: var(--va-data-table-hover-color);
-          }
-        }
-
-        .va-data-table__table-tr:nth-child(2n) {
+      .va-data-table__table-tbody {
+        .va-data-table__table-tr,
+        .va-data-table__table-tr:nth-child(even) {
           &:hover {
-            background-color: var(--va-data-table-hover-color);
+            position: relative;
 
-            @include va-background-opacity(transparent);
+            @include va-background(var(--va-data-table-hover-color), 1, -1);
           }
         }
       }
diff --git a/packages/ui/src/styles/resources/_mixins.scss b/packages/ui/src/styles/resources/_mixins.scss
index 71fbc58f14..80f6835ade 100644
--- a/packages/ui/src/styles/resources/_mixins.scss
+++ b/packages/ui/src/styles/resources/_mixins.scss
@@ -125,7 +125,7 @@
     tr {
       &:hover {
         td {
-          background-color: var(--va-background-primary);
+          background-color: var(--va-background-element);
         }
       }
     }

From 7f2f3bd3f93121bfac16e83aa8c66aafd1379758 Mon Sep 17 00:00:00 2001
From: Vitaly <vitaly.raichev@epicmax.co>
Date: Wed, 5 Apr 2023 14:29:00 +0300
Subject: [PATCH 04/30] [#3258] `VaDateInput` dropdown behaviour on content
 click (#3271)

* fix(#3258): fix dropdown behaviour on content click

* refact(#3258): minor

* fix(#3258): time-input dropdown behavior on content click
---
 .../components/va-date-input/VaDateInput.vue  | 23 +++++++++----------
 .../components/va-time-input/VaTimeInput.vue  |  4 +---
 .../VaTimePickerColumn/VaTimePickerColumn.vue |  2 ++
 3 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/packages/ui/src/components/va-date-input/VaDateInput.vue b/packages/ui/src/components/va-date-input/VaDateInput.vue
index a51ef4693c..e20ae61e62 100644
--- a/packages/ui/src/components/va-date-input/VaDateInput.vue
+++ b/packages/ui/src/components/va-date-input/VaDateInput.vue
@@ -70,16 +70,16 @@
 
     <va-dropdown-content class="va-date-input__dropdown-content">
       <va-date-picker
-          ref="datePicker"
-          v-bind="datePickerProps"
-          v-model="valueWithoutText"
-          @click:day="$emit('click:day', $event)"
-          @click:month="$emit('click:month', $event)"
-          @click:year="$emit('click:year', $event)"
-          @hover:day="$emit('hover:day', $event)"
-          @hover:month="$emit('hover:month', $event)"
-          @hover:year="$emit('hover:year', $event)"
-          @update:view="$emit('update:view', $event)"
+        ref="datePicker"
+        v-bind="datePickerProps"
+        v-model="valueWithoutText"
+        @click:day="$emit('click:day', $event)"
+        @click:month="$emit('click:month', $event)"
+        @click:year="$emit('click:year', $event)"
+        @hover:day="$emit('hover:day', $event)"
+        @hover:month="$emit('hover:month', $event)"
+        @hover:year="$emit('hover:year', $event)"
+        @update:view="$emit('update:view', $event)"
       >
         <template
           v-for="(_, name) in $slots"
@@ -124,7 +124,6 @@ import { parseModelValue } from './hooks/model-value-parser'
 import { isRange, isSingleDate, isDates } from '../va-date-picker/utils/date-utils'
 
 import type { DateInputModelValue, DateInputValue } from './types'
-import type { DropdownOffsetProp } from '../va-dropdown/types'
 
 import VaDatePicker from '../va-date-picker/VaDatePicker.vue'
 import { VaDropdown, VaDropdownContent } from '../va-dropdown'
@@ -134,7 +133,7 @@ import { VaIcon } from '../va-icon'
 const VaInputWrapperProps = extractComponentProps(VaInputWrapper, ['focused', 'maxLength', 'counterValue'])
 const VaDatePickerProps = extractComponentProps(VaDatePicker)
 const VaDropdownProps = extractComponentProps(VaDropdown,
-  ['innerAnchorSelector', 'stateful', 'offset', 'keyboardNavigation', 'closeOnContentClick', 'modelValue'],
+  ['innerAnchorSelector', 'stateful', 'keyboardNavigation', 'modelValue'],
 )
 
 export default defineComponent({
diff --git a/packages/ui/src/components/va-time-input/VaTimeInput.vue b/packages/ui/src/components/va-time-input/VaTimeInput.vue
index 56c5b830d7..2c4ae9b118 100644
--- a/packages/ui/src/components/va-time-input/VaTimeInput.vue
+++ b/packages/ui/src/components/va-time-input/VaTimeInput.vue
@@ -95,7 +95,6 @@ import {
   useValidation, useValidationEmits, useValidationProps, ValidationProps,
   useClearable, useClearableEmits, useClearableProps,
   useFocus, useFocusEmits,
-  Placement,
   useTranslation,
 } from '../../composables'
 import { useTimeParser } from './hooks/time-text-parser'
@@ -108,7 +107,7 @@ import { VaDropdown, VaDropdownContent } from '../va-dropdown'
 
 const VaInputWrapperProps = extractComponentProps(VaInputWrapper, ['focused', 'maxLength', 'counterValue'])
 const VaDropdownProps = extractComponentProps(VaDropdown,
-  ['keyboardNavigation', 'offset', 'placement', 'closeOnContentClick', 'innerAnchorSelector', 'modelValue'],
+  ['keyboardNavigation', 'innerAnchorSelector', 'modelValue'],
 )
 
 export default defineComponent({
@@ -383,5 +382,4 @@ export default defineComponent({
     flex: 1;
   }
 }
-
 </style>
diff --git a/packages/ui/src/components/va-time-picker/components/VaTimePickerColumn/VaTimePickerColumn.vue b/packages/ui/src/components/va-time-picker/components/VaTimePickerColumn/VaTimePickerColumn.vue
index 9a64d7c726..d3daacd587 100644
--- a/packages/ui/src/components/va-time-picker/components/VaTimePickerColumn/VaTimePickerColumn.vue
+++ b/packages/ui/src/components/va-time-picker/components/VaTimePickerColumn/VaTimePickerColumn.vue
@@ -210,6 +210,8 @@ export default defineComponent({
   }
 
   &:focus-visible {
+    outline: none;
+
     .va-time-picker-cell {
       &--active {
         @include focus-outline($radius: 4px, $offset: -2px);

From 18910a901c25a4d63512854d3aeb50af027f5fb6 Mon Sep 17 00:00:00 2001
From: Vitaly <vitaly.raichev@epicmax.co>
Date: Wed, 5 Apr 2023 17:55:20 +0300
Subject: [PATCH 05/30] [#3078] `VaDatePicker` text color (#3263)

* fix(#3078): add css variable

* fix(#3078): fix date-picker-cell colors
---
 .../ui/src/components/va-date-picker/_variables.scss     | 1 +
 .../va-date-picker/components/VaDatePickerCell.vue       | 9 ++-------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/packages/ui/src/components/va-date-picker/_variables.scss b/packages/ui/src/components/va-date-picker/_variables.scss
index c114a7fd5d..2d22cce0df 100644
--- a/packages/ui/src/components/va-date-picker/_variables.scss
+++ b/packages/ui/src/components/va-date-picker/_variables.scss
@@ -33,5 +33,6 @@
   /* Opacity */
   --va-date-picker-cell-opacity: 0.5;
   --va-date-picker-cell-background-opacity-hover: 0.1;
+  --va-date-picker-cell-background-opacity-in-range: 0.2;
   --va-date-picker-cell-selected-background-opacity-hover: 0.8;
 }
diff --git a/packages/ui/src/components/va-date-picker/components/VaDatePickerCell.vue b/packages/ui/src/components/va-date-picker/components/VaDatePickerCell.vue
index fecdc9e6e6..afdeb547d1 100644
--- a/packages/ui/src/components/va-date-picker/components/VaDatePickerCell.vue
+++ b/packages/ui/src/components/va-date-picker/components/VaDatePickerCell.vue
@@ -109,16 +109,13 @@ export default defineComponent({
   // &_in-range { // should be like a the line above if the `range` value
   // will exclude not allows dates
   &_in-range {
-    color: var(--va-date-picker-color);
-
     &::after {
-      background-color: var(--va-date-picker-selected-background);
-      opacity: var(--va-date-picker-cell-background-opacity-hover);
+      background-color: v-bind(bg);
+      opacity: var(--va-date-picker-cell-background-opacity-in-range);
     }
   }
 
   &_today {
-    color: var(--va-date-picker-color);
     font-weight: bold;
 
     &::before {
@@ -143,8 +140,6 @@ export default defineComponent({
       .va-date-picker-cell_readonly):not(
         .va-date-picker-cell_disabled):not(
           .va-date-picker-cell_other-month) {
-      color: var(--va-date-picker-color);
-
       &::after {
         background-color: var(--va-date-picker-selected-background);
         opacity: var(--va-date-picker-cell-background-opacity-hover);

From defa57594c06807d3f84610e7a357eed5f6d04f4 Mon Sep 17 00:00:00 2001
From: Vitaly <vitaly.raichev@epicmax.co>
Date: Wed, 5 Apr 2023 18:05:19 +0300
Subject: [PATCH 06/30] [#3161, #3240] Counter steps (#3252)

* fix(#3161): VaInputWrapper background and border

* fix(#3161): VaCounter buttons and styles

* fix(#3161): fix and add demo example with steps

* fix(#3161): fix docs slots and add example with steps

* fix(#3161): minor fix docs examples

* fix(#3161): remove outdated Hint example
---
 .../ui-elements/counter/examples/Buttons.vue  |  3 +-
 .../counter/examples/ButtonsStyle.vue         |  2 +-
 .../ui-elements/counter/examples/Default.vue  |  4 +-
 .../ui-elements/counter/examples/Hint.vue     | 22 ------
 .../counter/examples/IconsColors.vue          |  2 +-
 .../counter/examples/MaxMinStep.vue           |  2 +-
 .../ui-elements/counter/examples/Slots.vue    | 70 ++++++++-----------
 .../ui-elements/counter/examples/State.vue    |  6 +-
 .../ui-elements/counter/examples/Style.vue    |  2 +-
 .../ui-elements/counter/examples/Width.vue    |  4 +-
 .../components/va-counter/VaCounter.demo.vue  | 47 +++++++++++--
 .../src/components/va-counter/VaCounter.vue   | 69 ++++++++++++------
 .../VaInputWrapper/VaInputWrapper.vue         | 32 ++++-----
 13 files changed, 145 insertions(+), 120 deletions(-)
 delete mode 100644 packages/docs/page-config/ui-elements/counter/examples/Hint.vue

diff --git a/packages/docs/page-config/ui-elements/counter/examples/Buttons.vue b/packages/docs/page-config/ui-elements/counter/examples/Buttons.vue
index f9a6e25acd..a3ab0b86d1 100644
--- a/packages/docs/page-config/ui-elements/counter/examples/Buttons.vue
+++ b/packages/docs/page-config/ui-elements/counter/examples/Buttons.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex gap-5 flex-wrap">
+  <div class="flex gap-8 flex-wrap">
     <va-counter
       v-model="value"
       buttons
@@ -28,4 +28,3 @@ export default {
   },
 };
 </script>
-<!--  -->
\ No newline at end of file
diff --git a/packages/docs/page-config/ui-elements/counter/examples/ButtonsStyle.vue b/packages/docs/page-config/ui-elements/counter/examples/ButtonsStyle.vue
index 8a000f97ff..3ac5f1ad24 100644
--- a/packages/docs/page-config/ui-elements/counter/examples/ButtonsStyle.vue
+++ b/packages/docs/page-config/ui-elements/counter/examples/ButtonsStyle.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex gap-5 flex-wrap">
+  <div class="flex gap-8 flex-wrap">
     <va-counter
       v-model="value"
       buttons
diff --git a/packages/docs/page-config/ui-elements/counter/examples/Default.vue b/packages/docs/page-config/ui-elements/counter/examples/Default.vue
index d4ca3dfb97..4a815233f9 100644
--- a/packages/docs/page-config/ui-elements/counter/examples/Default.vue
+++ b/packages/docs/page-config/ui-elements/counter/examples/Default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex gap-5 flex-wrap">
+  <div class="flex gap-8 flex-wrap">
     <va-counter
       v-model="value"
       messages="Default"
@@ -27,4 +27,4 @@ export default {
   },
 };
 </script>
-Í
\ No newline at end of file
+Í
diff --git a/packages/docs/page-config/ui-elements/counter/examples/Hint.vue b/packages/docs/page-config/ui-elements/counter/examples/Hint.vue
deleted file mode 100644
index 7a6476c9d0..0000000000
--- a/packages/docs/page-config/ui-elements/counter/examples/Hint.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <div class="flex gap-5 flex-wrap">
-    <va-counter
-      v-model="value"
-      messages="Select number"
-    />
-    <va-counter
-      v-model="value"
-      :messages="['Select number', 'Select again :)']"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      value: undefined,
-    };
-  },
-};
-</script>Í
diff --git a/packages/docs/page-config/ui-elements/counter/examples/IconsColors.vue b/packages/docs/page-config/ui-elements/counter/examples/IconsColors.vue
index 4e912723fe..d2d8619b40 100644
--- a/packages/docs/page-config/ui-elements/counter/examples/IconsColors.vue
+++ b/packages/docs/page-config/ui-elements/counter/examples/IconsColors.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex gap-5 flex-wrap">
+  <div class="flex gap-8 flex-wrap">
     <va-counter
       v-model="value"
       increase-icon="add_circle_outline"
diff --git a/packages/docs/page-config/ui-elements/counter/examples/MaxMinStep.vue b/packages/docs/page-config/ui-elements/counter/examples/MaxMinStep.vue
index 0a0661a996..3ed6a47870 100644
--- a/packages/docs/page-config/ui-elements/counter/examples/MaxMinStep.vue
+++ b/packages/docs/page-config/ui-elements/counter/examples/MaxMinStep.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex gap-5 flex-wrap">
+  <div class="flex gap-8 flex-wrap">
     <va-counter
       v-model="value"
       :min="-100"
diff --git a/packages/docs/page-config/ui-elements/counter/examples/Slots.vue b/packages/docs/page-config/ui-elements/counter/examples/Slots.vue
index bc80aa08c7..2d9b15ba89 100644
--- a/packages/docs/page-config/ui-elements/counter/examples/Slots.vue
+++ b/packages/docs/page-config/ui-elements/counter/examples/Slots.vue
@@ -1,7 +1,10 @@
 <template>
-  <div class="flex gap-5 flex-wrap">
+  <div class="flex gap-8 flex-wrap">
     <va-counter
       v-model="value"
+      buttons
+      rounded
+      :flat="false"
       width="220px"
     >
       <template #content="{ value }">
@@ -13,48 +16,32 @@
 
     <va-counter
       v-model="value"
-      width="220px"
-    >
-      <template #decreaseAction="{ decreaseCount }">
-        <VaButton
-          size="small"
-          outline
-          @click="decreaseCount"
-        >
-          dec
-        </VaButton>
-      </template>
-      <template #increaseAction="{ increaseCount }">
-        <VaButton
-          size="small"
-          outline
-          @click="increaseCount"
-        >
-          inc
-        </VaButton>
-      </template>
-    </va-counter>
-
-    <va-counter
-      v-model="value"
-      width="220px"
       buttons
+      width="360px"
     >
-      <template #decreaseAction="{ decreaseCount }">
-        <VaButton
-          :rounded="false"
-          @click="decreaseCount"
-        >
-          dec
-        </VaButton>
-      </template>ß
-      <template #increaseAction="{ increaseCount }">
-        <VaButton
-          :rounded="false"
-          @click="increaseCount"
-        >
-          inc
-        </VaButton>
+      <template #decreaseAction>
+        <va-button-group>
+          <va-button
+            v-for="step in steps"
+            :key="step"
+            class="!px-0"
+            @click="value -= step"
+          >
+            -{{ step }}
+          </va-button>
+        </va-button-group>
+      </template>
+      <template #increaseAction>
+        <va-button-group>
+          <va-button
+            v-for="step in steps"
+            :key="step"
+            class="!px-0"
+            @click="value += step"
+          >
+            +{{ step }}
+          </va-button>
+        </va-button-group>
       </template>
     </va-counter>
   </div>
@@ -65,6 +52,7 @@ export default {
   data() {
     return {
       value: 10,
+      steps: [1, 10, 100],
     };
   },
 };
diff --git a/packages/docs/page-config/ui-elements/counter/examples/State.vue b/packages/docs/page-config/ui-elements/counter/examples/State.vue
index 6d216c79fc..326740e59a 100644
--- a/packages/docs/page-config/ui-elements/counter/examples/State.vue
+++ b/packages/docs/page-config/ui-elements/counter/examples/State.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="flex gap-5 flex-wrap">
-    <div class="flex gap-5 flex-wrap">
+  <div class="flex gap-8 flex-wrap">
+    <div class="flex gap-8 flex-wrap">
       <va-counter
         v-model="value"
         readonly
@@ -13,7 +13,7 @@
       />
     </div>
 
-    <div class="flex gap-5 flex-wrap">
+    <div class="flex gap-8 flex-wrap">
       <va-counter
         v-model="value"
         disabled
diff --git a/packages/docs/page-config/ui-elements/counter/examples/Style.vue b/packages/docs/page-config/ui-elements/counter/examples/Style.vue
index 18a2aee9f7..b80e40ce8d 100644
--- a/packages/docs/page-config/ui-elements/counter/examples/Style.vue
+++ b/packages/docs/page-config/ui-elements/counter/examples/Style.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex gap-5 flex-wrap">
+  <div class="flex gap-8 flex-wrap">
     <va-counter v-model="value" />
 
     <va-counter
diff --git a/packages/docs/page-config/ui-elements/counter/examples/Width.vue b/packages/docs/page-config/ui-elements/counter/examples/Width.vue
index 0d22cde624..62ba1bd0ed 100644
--- a/packages/docs/page-config/ui-elements/counter/examples/Width.vue
+++ b/packages/docs/page-config/ui-elements/counter/examples/Width.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex gap-5 flex-wrap">
+  <div class="flex gap-8 flex-wrap">
     <va-counter
       v-model="value"
       width="250px"
@@ -9,7 +9,7 @@
       v-model="value"
       outline
       buttons
-      margins="30px"
+      margins="20px"
       width="200px"
     />
   </div>
diff --git a/packages/ui/src/components/va-counter/VaCounter.demo.vue b/packages/ui/src/components/va-counter/VaCounter.demo.vue
index 868d750868..09d895ec07 100644
--- a/packages/ui/src/components/va-counter/VaCounter.demo.vue
+++ b/packages/ui/src/components/va-counter/VaCounter.demo.vue
@@ -44,12 +44,12 @@
     </VbCard>
 
     <VbCard title="styles (buttons, outline)">
-      <va-counter v-model="value" outline button />
+      <va-counter v-model="value" buttons outline />
       <va-counter v-model="value" outline buttons rounded />
       <va-counter v-model="value" buttons outline :flat="false" />
       <va-counter v-model="value" buttons outline :flat="false" rounded />
-      <va-counter v-model="value" buttons outline :flat="false" margins="0" />
-      <va-counter v-model="value" buttons outline :flat="false" margins="0" rounded />
+      <va-counter v-model="value" buttons outline margins="0" />
+      <va-counter v-model="value" buttons outline margins="0" rounded />
     </VbCard>
 
     <VbCard title="styles (buttons, bordered)">
@@ -247,10 +247,10 @@
         width="100%"
       >
         <template #decreaseAction="{ decreaseCount }">
-          <VaButton size="small" flat @click="decreaseCount">decrease</VaButton>
+          <VaButton size="small" class="ma-2" flat @click="decreaseCount">decrease</VaButton>
         </template>
         <template #increaseAction="{ increaseCount }">
-          <VaButton size="small" flat @click="increaseCount">increase</VaButton>
+          <VaButton size="small" class="ma-2" flat @click="increaseCount">increase</VaButton>
         </template>
       </va-counter>
 
@@ -277,6 +277,35 @@
         :style="{ backgroundColor: 'pink', width: '200px' }"
       />
     </VbCard>
+
+    <VbCard title="Steps">
+      <va-counter v-model="stepsValue" buttons width="340px">
+        <template #decreaseAction>
+          <va-button-group>
+            <VaButton
+              v-for="step in steps"
+              :key="step"
+              class="px-0"
+              @click="stepsValue -= step"
+            >
+              -{{ step }}
+            </VaButton>
+          </va-button-group>
+        </template>
+        <template #increaseAction>
+          <va-button-group>
+            <VaButton
+              v-for="step in steps"
+              :key="step"
+              class="px-0"
+              @click="stepsValue += step"
+            >
+              +{{ step }}
+            </VaButton>
+          </va-button-group>
+        </template>
+      </va-counter>
+    </VbCard>
   </VbDemo>
 </template>
 
@@ -286,16 +315,19 @@ import { VaCounter } from './index'
 import { VaButton } from '../va-button'
 import { VaChip } from '../va-chip'
 import { VaIcon } from '../va-icon'
+import { VaButtonGroup } from '../va-button-group'
 
 export default {
   components: {
     VaCounter,
     VaButton,
+    VaButtonGroup,
     VaChip,
     VaIcon,
   },
   setup () {
     const value = ref(10)
+    const stepsValue = ref(0)
     const minMaxValue = ref(15)
     const minMaxValue2 = ref(15)
     const emptyValue = ref()
@@ -330,6 +362,9 @@ export default {
       focusCounter,
       focusContentCounter,
 
+      stepsValue,
+      steps: [1, 10, 100],
+
       logger,
     }
   },
@@ -347,7 +382,7 @@ export default {
   }
 
   .va-counter {
-    margin-bottom: 1.5rem;
+    margin: 1rem 0.5rem;
   }
 }
 </style>
diff --git a/packages/ui/src/components/va-counter/VaCounter.vue b/packages/ui/src/components/va-counter/VaCounter.vue
index 51d88d7170..de8a6446f8 100644
--- a/packages/ui/src/components/va-counter/VaCounter.vue
+++ b/packages/ui/src/components/va-counter/VaCounter.vue
@@ -6,7 +6,9 @@
     :style="styleComputed"
     :focused="isFocused"
     @keydown.up.prevent="increaseCount"
+    @keydown.right.prevent="increaseCount"
     @keydown.down.prevent="decreaseCount"
+    @keydown.left.prevent="decreaseCount"
   >
     <template v-if="$props.buttons" #prepend="slotScope">
       <div class="va-counter__prepend-wrapper"
@@ -25,14 +27,17 @@
     </template>
 
     <template v-else #prependInner="slotScope">
-      <div @mousedown.prevent="focus" class="va-counter__prepend-inner">
+      <div
+        class="va-counter__prepend-inner"
+        @mousedown.prevent="focus"
+      >
         <slot name="decreaseAction" v-bind="{ ...slotScope, decreaseCount }">
           <va-button v-bind="decreaseIconProps" />
         </slot>
       </div>
     </template>
 
-    <template v-if="$props.buttons"  #append="slotScope">
+    <template v-if="$props.buttons" #append="slotScope">
       <div class="va-counter__append-wrapper"
         :style="{ marginLeft: marginComputed }"
         @mousedown.prevent="focus"
@@ -49,7 +54,10 @@
     </template>
 
     <template v-else #appendInner="slotScope">
-      <div @mousedown.prevent="focus" class="va-counter__append-inner">
+      <div
+        class="va-counter__append-inner"
+        @mousedown.prevent="focus"
+      >
         <slot name="increaseAction" v-bind="{ ...slotScope, increaseCount }">
           <va-button v-bind="increaseIconProps" />
         </slot>
@@ -106,7 +114,7 @@ import {
 import useCounterPropsValidation from './hooks/useCounterPropsValidation'
 
 import { VaInputWrapper } from '../va-input'
-import VaButton from '../va-button/VaButton.vue'
+import { VaButton } from '../va-button'
 
 const { createEmits: createInputEmits, createListeners: createInputListeners } = useEmitProxy(
   ['change'],
@@ -166,7 +174,7 @@ export default defineComponent({
 
   inheritAttrs: false,
 
-  setup (props, { emit, attrs }) {
+  setup (props, { emit, attrs, slots }) {
     const input = shallowRef<HTMLInputElement | HTMLDivElement>()
     const { min, max, step } = toRefs(props)
 
@@ -203,10 +211,7 @@ export default defineComponent({
       if (max.value && (counterValue > max.value)) {
         // since the `props.step` may not be a multiple of `(props.max - props.min)`,
         // we must round the result taking into account the allowable value
-        valueComputed.value = (typeof min.value !== 'undefined' && step.value)
-          ? getRoundDownWithStep(max.value)
-          : max.value
-
+        valueComputed.value = getRoundDownWithStep(max.value)
         return
       }
 
@@ -275,9 +280,10 @@ export default defineComponent({
     ))
 
     const buttonProps = computed(() => ({
-      ...pick(props, ['rounded', 'color', 'textColor']),
-      flat: props.flat && !props.outline,
-      outline: props.flat && props.outline,
+      ...pick(props, ['color', 'textColor']),
+      round: props.rounded,
+      preset: props.flat ? 'secondary' : '',
+      borderColor: (props.outline && props.flat) ? props.color : '',
     }))
 
     const decreaseButtonProps = computed(() => ({
@@ -311,6 +317,7 @@ export default defineComponent({
     const classComputed = computed(() => ([
       attrs.class,
       { 'va-counter--input-square': isSquareCorners.value },
+      { 'va-counter--content-slot': slots.content && props.buttons },
     ]))
 
     const styleComputed: ComputedRef<Partial<CSSStyleDeclaration>> = computed(() => ({
@@ -359,16 +366,30 @@ export default defineComponent({
 @import "variables";
 
 .va-counter {
-  --va-input-wrapper-min-width: none;
+  &.va-input-wrapper {
+    min-width: unset;
+    flex: none;
+
+    .va-input-wrapper__field {
+      width: unset;
+    }
+  }
+
+  .va-input-wrapper__field > *,
+  .va-input-wrapper__container > * {
+    margin-right: 0;
+  }
 
   &.va-counter--input-square {
-    .va-input__container {
+    .va-input-wrapper__field {
       border-radius: 0;
       border-left: none;
       border-right: none;
     }
 
     .va-counter__prepend-wrapper {
+      z-index: 1;
+
       .va-counter__button-decrease {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
@@ -385,6 +406,8 @@ export default defineComponent({
     }
 
     .va-counter__append-wrapper {
+      z-index: 1;
+
       .va-counter__button-increase {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
@@ -401,14 +424,12 @@ export default defineComponent({
     }
   }
 
-  &:not(.va-counter--input-square) {
-    .va-counter__prepend-wrapper,
-    .va-counter__append-wrapper {
-      .va-counter__button-decrease,
-      .va-counter__button-increase {
-        .va-button__content {
-          padding: unset;
-        }
+  .va-counter__prepend-wrapper,
+  .va-counter__append-wrapper {
+    .va-counter__button-decrease,
+    .va-counter__button-increase {
+      .va-button__content {
+        padding: unset;
       }
     }
   }
@@ -417,6 +438,10 @@ export default defineComponent({
     width: 100%;
     display: flex;
     justify-content: center;
+
+    &:focus-visible {
+      outline: none;
+    }
   }
 
   .va-input__content__input {
diff --git a/packages/ui/src/components/va-input/components/VaInputWrapper/VaInputWrapper.vue b/packages/ui/src/components/va-input/components/VaInputWrapper/VaInputWrapper.vue
index 0656029ad8..bc8bfcd6d8 100644
--- a/packages/ui/src/components/va-input/components/VaInputWrapper/VaInputWrapper.vue
+++ b/packages/ui/src/components/va-input/components/VaInputWrapper/VaInputWrapper.vue
@@ -245,14 +245,17 @@ export default defineComponent({
     z-index: 0;
     overflow: hidden;
 
-    @include va-background(var(--va-input-color), null, -1);
-
     input,
     textarea {
       color: v-bind(textColorComputed);
     }
-    // TODO: Choose va-background
-    @include va-background(var(--va-input-wrapper-background), var(--va-input-wrapper-background-opacity), -1);
+  }
+
+  &--solid,
+  &--bordered {
+    .va-input-wrapper__field {
+      @include va-background(var(--va-input-wrapper-background), var(--va-input-wrapper-background-opacity), -1);
+    }
   }
 
   &__container {
@@ -405,21 +408,18 @@ export default defineComponent({
   }
 
   &--bordered {
-    &::after {
-      content: '';
-      border-color: var(--va-input-wrapper-border-color);
-      position: absolute;
-      height: 0;
-      border-bottom-width: var(--va-input-border-width);
-      border-bottom-style: solid;
-      width: 100%;
-      bottom: 0;
-    }
-
     .va-input-wrapper__field {
       border-top-left-radius: var(--va-input-border-radius);
       border-top-right-radius: var(--va-input-border-radius);
-      border-color: transparent !important;
+      border-left-width: 0;
+      border-right-width: 0;
+      border-top-width: 0;
+
+      &::after {
+        bottom: 0;
+        border-color: var(--va-input-wrapper-border-color);
+        border-bottom-style: solid;
+      }
     }
   }
 

From 46a4320923c1e8c190a06a9d17ded3613b61b7e2 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 5 Apr 2023 19:42:24 +0300
Subject: [PATCH 07/30] feat(va-value): init component (#3185)

* feat(va-value): init component

* docs(va-value): init component docs and added stateful default value

* chore: review fixes
---
 packages/docs/locales/en.json                 |  2 +
 packages/docs/page-config/navigationRoutes.ts | 34 ++++++++----
 .../ui-elements/value/examples/Default.vue    | 10 ++++
 .../ui-elements/value/examples/String.vue     | 42 +++++++++++++++
 .../ui-elements/value/examples/WithInputs.vue | 36 +++++++++++++
 .../page-config/ui-elements/value/index.ts    | 11 ++++
 .../ui-elements/value/translation/en.json     | 18 +++++++
 packages/nuxt/src/config/components.ts        |  1 +
 packages/ui/src/components/index.ts           |  1 +
 .../src/components/va-value/VaValue.demo.vue  | 53 +++++++++++++++++++
 .../ui/src/components/va-value/VaValue.vue    | 46 ++++++++++++++++
 packages/ui/src/components/va-value/index.ts  |  4 ++
 .../src/components/va-value/tests/VaValue.ts  | 11 ++++
 .../plugin/create-color-config-plugin.ts      |  5 +-
 .../ui/src/services/vue-plugin/components.ts  |  1 +
 packages/ui/src/utils/headless.ts             |  9 ++++
 16 files changed, 272 insertions(+), 12 deletions(-)
 create mode 100644 packages/docs/page-config/ui-elements/value/examples/Default.vue
 create mode 100644 packages/docs/page-config/ui-elements/value/examples/String.vue
 create mode 100644 packages/docs/page-config/ui-elements/value/examples/WithInputs.vue
 create mode 100644 packages/docs/page-config/ui-elements/value/index.ts
 create mode 100644 packages/docs/page-config/ui-elements/value/translation/en.json
 create mode 100644 packages/ui/src/components/va-value/VaValue.demo.vue
 create mode 100644 packages/ui/src/components/va-value/VaValue.vue
 create mode 100644 packages/ui/src/components/va-value/index.ts
 create mode 100644 packages/ui/src/components/va-value/tests/VaValue.ts

diff --git a/packages/docs/locales/en.json b/packages/docs/locales/en.json
index 3d28bdf225..6713f69e50 100644
--- a/packages/docs/locales/en.json
+++ b/packages/docs/locales/en.json
@@ -1565,6 +1565,7 @@
       "layout": "Layout",
       "navigation": "Navigation",
       "color": "Color",
+      "utils": "Utility",
       "other": "Other"
     },
     "home": "Home",
@@ -1675,6 +1676,7 @@
     "skeleton": "Skeleton",
     "unocss": "UnoCSS Integration",
     "testing": "Testing",
+    "value": "Value",
     "confirm": "Confirm"
   },
   "all": {
diff --git a/packages/docs/page-config/navigationRoutes.ts b/packages/docs/page-config/navigationRoutes.ts
index 5329774801..504a352bca 100644
--- a/packages/docs/page-config/navigationRoutes.ts
+++ b/packages/docs/page-config/navigationRoutes.ts
@@ -274,6 +274,7 @@ export const navigationRoutes: NavigationRoute[] = [
         name: "color-input",
         displayName: "menu.colorInput",
       },
+  
       {
         category: 'menu.categories.layout',
         name: 'aspect-ratio',
@@ -349,15 +350,33 @@ export const navigationRoutes: NavigationRoute[] = [
           badge: 'new',
         }
       },
+
       {
-        category: "menu.categories.other",
-        name: "affix",
-        displayName: "menu.affix",
+        category: "menu.categories.utils",
+        name: "value",
+        displayName: "menu.value",
+        meta: {
+          badge: "new",
+        }
       },
       {
         name: "hover",
         displayName: "menu.hover",
       },
+      {
+        name: "dropdown",
+        displayName: "menu.dropdown",
+      },
+      {
+        name: "spacer",
+        displayName: "menu.spacer",
+      },
+  
+      {
+        category: "menu.categories.other",
+        name: "affix",
+        displayName: "menu.affix",
+      },
       {
         name: "infinite-scroll",
         displayName: "menu.infiniteScroll",
@@ -418,14 +437,7 @@ export const navigationRoutes: NavigationRoute[] = [
         name: "color-palette",
         displayName: "menu.colorPalette",
       },
-      {
-        name: "spacer",
-        displayName: "menu.spacer",
-      },
-      {
-        name: "dropdown",
-        displayName: "menu.dropdown",
-      },
+
       {
         name: "tree-view",
         displayName: "menu.treeView",
diff --git a/packages/docs/page-config/ui-elements/value/examples/Default.vue b/packages/docs/page-config/ui-elements/value/examples/Default.vue
new file mode 100644
index 0000000000..16bbc7e49e
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/value/examples/Default.vue
@@ -0,0 +1,10 @@
+<template>
+  <VaValue #default="v">
+    <button
+      :style="v.value ? 'color: var(--va-danger)' : 'color: var(--va-primary)'"
+      @click="v.value = !v.value"
+    >
+      Click to burn it!
+    </button>
+  </VaValue>
+</template>
diff --git a/packages/docs/page-config/ui-elements/value/examples/String.vue b/packages/docs/page-config/ui-elements/value/examples/String.vue
new file mode 100644
index 0000000000..0d6ef071b7
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/value/examples/String.vue
@@ -0,0 +1,42 @@
+<template>
+  <VaValue #default="inputText" default-value="Vuestic">
+    <div class="preview">
+      <VaValue 
+        v-for="i in 20" 
+        :default-value="{
+          left: Math.random() * 80 + 10,
+          top: Math.random() * 80 + 10,
+          rotate: Math.random() * 360,
+          fontSize: Math.random() * 20 + 10,
+        }"
+        #default="textPosition"
+      >
+        <span 
+          :style="{
+            left: `${textPosition.value.left}%`,
+            top: `${textPosition.value.top}%`,
+            transform: `rotate(${textPosition.value.rotate}deg)`,
+            fontSize: `${textPosition.value.fontSize}px`,
+          }"
+        >
+          {{ inputText.value }}
+        </span>
+      </VaValue>
+    </div>
+
+    <VaInput v-model="inputText.value" label="Text" class="mt-2" />
+  </VaValue>
+</template>
+
+<style lang="scss" scoped>
+  .preview {
+    position: relative;
+    height: 200px;
+    background: var(--va-primary);
+    span {
+      position: absolute;
+      color: var(--va-on-primary);
+      font-weight: 800;
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/packages/docs/page-config/ui-elements/value/examples/WithInputs.vue b/packages/docs/page-config/ui-elements/value/examples/WithInputs.vue
new file mode 100644
index 0000000000..b7445925c8
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/value/examples/WithInputs.vue
@@ -0,0 +1,36 @@
+<template>
+  <div v-for="data, key in form" class="item">
+    <span class="v-title va-text-capitalize">
+      {{ key }}:
+    </span>
+
+    <VaValue #default="v">
+      <input v-if="v.value" v-model="form[key]"/>
+      <span v-else>
+        {{ form[key] }}
+      </span>
+
+      <VaButton :icon="v.value ? 'save' : 'edit'" @click="v.value = !v.value" preset="plain" size="small" />
+    </VaValue>
+  </div>
+</template>
+
+<script setup lang="ts">
+  const form = reactive({
+    name: 'Maksim',
+    surname: 'Nedoshev'
+  })
+</script>
+
+<style lang="scss" scoped>
+  .item {
+    height: 2rem;
+  }
+
+  input {
+    outline: 1px solid var(--va-background-border);
+    box-sizing: border-box;
+    padding: 0 4px;
+    margin: 0 -4px;
+  }
+</style>
\ No newline at end of file
diff --git a/packages/docs/page-config/ui-elements/value/index.ts b/packages/docs/page-config/ui-elements/value/index.ts
new file mode 100644
index 0000000000..d34d72f4ce
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/value/index.ts
@@ -0,0 +1,11 @@
+export default definePageConfig({
+  blocks: [
+    block.title('value.title'),
+    block.paragraph('value.description'),
+    block.example('Default'),
+    block.example('WithInputs'),
+    block.example('String'),
+
+    block.api('VaValue'),
+  ]
+})
\ No newline at end of file
diff --git a/packages/docs/page-config/ui-elements/value/translation/en.json b/packages/docs/page-config/ui-elements/value/translation/en.json
new file mode 100644
index 0000000000..8adb0f622c
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/value/translation/en.json
@@ -0,0 +1,18 @@
+{
+  "title": "Value",
+  "description": "Value is a headless utility component that provides you a reactive variable in template. This is useful when you want to have a state in HTML you passed to slot.",
+  "examples": {
+    "default": {
+      "title": "Default",
+      "text": "By default `VaValue` provides reactive boolean value with `false` by default. Reactive variable passed to `#default=\"v\"` slot bind and can be accessed or changed like `ref`. Bellow is example of toggle value on text click `v.value = !v.value`."
+    },
+    "withInputs": {
+      "title": "Inline editing",
+      "text": "Great example where `VaValue` can be useful is `v-for` or `v-slot`. In example below we render form data with `v-for` and for each item `VaValue` creates state, which we use to change if it is in edit mode or not."
+    },
+    "string": {
+      "title": "Default value",
+      "text": "You can pass any type of value to `VaValue` and it will be reactive. In example below we pass `string` and `object` values and use it to render text."
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/nuxt/src/config/components.ts b/packages/nuxt/src/config/components.ts
index 8fab2579be..afbb1b11d8 100644
--- a/packages/nuxt/src/config/components.ts
+++ b/packages/nuxt/src/config/components.ts
@@ -81,6 +81,7 @@ export default [
   'VaTimePicker',
   'VaTreeView',
   'VaScrollContainer',
+  'VaValue',
   'VaVirtualScroller',
   'VaStepper'
 ]
diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
index 5400f10e8f..0b5b94091f 100644
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -76,4 +76,5 @@ export * from './va-tree-view'
 export * from './va-scroll-container'
 export * from './va-viewer'
 export * from './va-virtual-scroller'
+export * from './va-value'
 export * from './va-file-upload'
diff --git a/packages/ui/src/components/va-value/VaValue.demo.vue b/packages/ui/src/components/va-value/VaValue.demo.vue
new file mode 100644
index 0000000000..ae2e9c829b
--- /dev/null
+++ b/packages/ui/src/components/va-value/VaValue.demo.vue
@@ -0,0 +1,53 @@
+<template>
+  <VbDemo>
+    <VbCard title="V reactive">
+      <VaValue #default="v">
+        <button @click="v.value = !v.value">
+          {{ v.value ? 'clicked' : 'unclicked' }}
+        </button>
+      </VaValue>
+    </VbCard>
+    <VbCard title="Show/Hide">
+      <VaValue #default="v">
+        <div>
+          <button @click="v.value = !v.value">
+            {{ v.value ? 'Hide' : 'Show' }}
+          </button>
+          <div style="position: relative;">
+            <div style="height: 24px; overflow: hidden; max-width: 160px;">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet eaque deserunt maiores voluptatibus vitae hic ullam, asperiores, veritatis voluptatem eum obcaecati saepe quibusdam libero porro dolores et nobis! Possimus, labore?
+            </div>
+            <div v-if="v.value" style="position: absolute; background: white; top: 0;">
+              Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet eaque deserunt maiores voluptatibus vitae hic ullam, asperiores, veritatis voluptatem eum obcaecati saepe quibusdam libero porro dolores et nobis! Possimus, labore?
+            </div>
+          </div>
+        </div>
+      </VaValue>
+    </VbCard>
+    <VbCard title="Expand input">
+      <VaValue #default="v">
+        <div style="height: 24px; position: relative;">
+          <input
+            :value="'Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet eaque deserunt maiores voluptatibus vitae hic ullam, asperiores, veritatis voluptatem eum obcaecati saepe quibusdam libero porro dolores et nobis! Possimus, labore?'"
+            :style="{ width: v.value ? '200px' : '100%' }"
+            style="height: 24px; position: absolute;"
+            @focus="v.value = true"
+            @blur="v.value = false"
+          />
+        </div>
+      </VaValue>
+    </VbCard>
+  </VbDemo>
+</template>
+
+<script setup>
+import VaValue from './VaValue.vue'
+</script>
+
+<style lang="scss" scoped>
+.target {
+  width: 300px;
+  background-color: #eeeeee;
+  height: 100px;
+}
+</style>
diff --git a/packages/ui/src/components/va-value/VaValue.vue b/packages/ui/src/components/va-value/VaValue.vue
new file mode 100644
index 0000000000..6023c1d770
--- /dev/null
+++ b/packages/ui/src/components/va-value/VaValue.vue
@@ -0,0 +1,46 @@
+<script lang="ts">
+import {
+  defineComponent,
+  ref,
+  h,
+  Fragment,
+  type Ref,
+  type PropType,
+} from 'vue'
+
+import { renderSlotNodes } from '../../utils/headless'
+
+export default defineComponent({
+  name: 'VaValue',
+
+  props: {
+    defaultValue: { type: [] as PropType<any>, required: false, default: false },
+  },
+
+  setup (props, { slots }) {
+    const value = ref<any>(props.defaultValue)
+
+    // Vue will unwrap Refs passed as slot bind, so we make a fake not-Ref.
+    const slotBind: Ref<any> = new Proxy(value, {
+      get (target, prop) {
+        if (prop === 'value') {
+          return target.value
+        }
+
+        return target[prop]
+      },
+      set (target, prop, value) {
+        if (prop === 'value') {
+          target.value = value
+        }
+
+        return true
+      },
+    })
+
+    return () => {
+      return h(Fragment, [renderSlotNodes(slots.default, slotBind)])
+    }
+  },
+})
+</script>
diff --git a/packages/ui/src/components/va-value/index.ts b/packages/ui/src/components/va-value/index.ts
new file mode 100644
index 0000000000..078bcdaa3f
--- /dev/null
+++ b/packages/ui/src/components/va-value/index.ts
@@ -0,0 +1,4 @@
+import withConfigTransport from '../../services/config-transport/withConfigTransport'
+import _VaValue from './VaValue.vue'
+
+export const VaValue = withConfigTransport(_VaValue)
diff --git a/packages/ui/src/components/va-value/tests/VaValue.ts b/packages/ui/src/components/va-value/tests/VaValue.ts
new file mode 100644
index 0000000000..0ff8be1c84
--- /dev/null
+++ b/packages/ui/src/components/va-value/tests/VaValue.ts
@@ -0,0 +1,11 @@
+import { describe, it, expect } from 'vitest'
+import { mountWithGlobalConfig } from '../../../utils/unit-test-utils'
+
+import VaValue from '../VaValue.vue'
+
+describe('VaValue', () => {
+  it('should render without an error', () => {
+    const wrapper = mountWithGlobalConfig(VaValue)
+    expect(wrapper.exists()).toBeTruthy()
+  })
+})
diff --git a/packages/ui/src/services/color/plugin/create-color-config-plugin.ts b/packages/ui/src/services/color/plugin/create-color-config-plugin.ts
index bc1a708b84..2bf4ba383f 100644
--- a/packages/ui/src/services/color/plugin/create-color-config-plugin.ts
+++ b/packages/ui/src/services/color/plugin/create-color-config-plugin.ts
@@ -17,7 +17,10 @@ export const createColorConfigPlugin = (app: App, config?: PartialGlobalConfig)
     if (!colors) { return }
 
     const colorNames = Object.keys(colors)
-    return colorNames.map((key) => `${cssVariableName(key)}: ${colors[key]}`).join(';')
+    const renderedColors = colorNames.map((key) => `${cssVariableName(key)}: ${colors[key]}`).join(';')
+    const renderedOnColors = colorNames.map((key) => `${cssVariableName(`on-${key}`)}: ${getColor(getTextColor(colors[key]))}`).join(';')
+
+    return `${renderedColors};${renderedOnColors}`
   }
 
   const updateColors = (newValue: ColorVariables | undefined) => {
diff --git a/packages/ui/src/services/vue-plugin/components.ts b/packages/ui/src/services/vue-plugin/components.ts
index 13204e6e18..dd9113928a 100644
--- a/packages/ui/src/services/vue-plugin/components.ts
+++ b/packages/ui/src/services/vue-plugin/components.ts
@@ -82,5 +82,6 @@ export {
   VaTreeView,
   VaScrollContainer,
   VaViewer,
+  VaValue,
   VaVirtualScroller,
 } from '../../components'
diff --git a/packages/ui/src/utils/headless.ts b/packages/ui/src/utils/headless.ts
index 55f0f158c8..517713f15d 100644
--- a/packages/ui/src/utils/headless.ts
+++ b/packages/ui/src/utils/headless.ts
@@ -52,3 +52,12 @@ export const renderSlotNode = (slot: Slot | undefined, slotBind: any = {}, nodeA
   // Convert to Node first non-comment child or first child
   return toNode(children.find((v) => v.type !== Comment) || children[0], nodeAttributes)
 }
+
+export const renderSlotNodes = (slot: Slot | undefined, slotBind: any = {}, nodeAttributes: NodeAttributes = {}) => {
+  const children = slot?.(slotBind)
+
+  if (!children) { return null }
+
+  // Convert to Node first non-comment child or first child
+  return children.map((v) => toNode(v, nodeAttributes))
+}

From b619314d16df9a950e0561c3b25ccbeabf061d7e Mon Sep 17 00:00:00 2001
From: Yauheni Prakopchyk <yauheni.prakopchyk@epicmax.co>
Date: Fri, 7 Apr 2023 02:24:05 +0400
Subject: [PATCH 08/30] feat: hide search

---
 packages/docs/components/layout/Header.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/docs/components/layout/Header.vue b/packages/docs/components/layout/Header.vue
index 1917ffb8b8..21df353b2f 100644
--- a/packages/docs/components/layout/Header.vue
+++ b/packages/docs/components/layout/Header.vue
@@ -31,7 +31,8 @@
             />
           </a>
         </NuxtLink>
-        <algolia-search class="header__searchbar" />
+        <span style="font-size: 1rem" class="ml-3 opacity-50" title="will be back in a bit">Search under reassembly 🤖</span>
+<!--        <algolia-search class="header__searchbar" />-->
       </template>
       <template #right>
         <va-button

From 0d0928737fce70d34ad38154df1111c17493c97f Mon Sep 17 00:00:00 2001
From: Vitaly <vitaly.raichev@epicmax.co>
Date: Fri, 7 Apr 2023 11:19:44 +0300
Subject: [PATCH 09/30] [#2864] `VaSwitch` height (#3294)

* fix(#2864): markup

* fix(#2864): remove height: 100%

* fix(#2864): tweak docs examples
---
 .../ui-elements/switch/examples/Color.vue     | 38 +++++++++----------
 .../ui-elements/switch/examples/Error.vue     |  3 +-
 .../switch/examples/Indeterminate.vue         | 25 ++++++------
 .../switch/examples/InnerLabel.vue            |  8 +---
 .../ui-elements/switch/examples/Label.vue     |  9 +----
 .../ui-elements/switch/examples/Size.vue      | 33 ++++++++--------
 .../ui-elements/switch/examples/State.vue     | 14 +++----
 .../ui/src/components/va-switch/VaSwitch.vue  |  5 +--
 8 files changed, 61 insertions(+), 74 deletions(-)

diff --git a/packages/docs/page-config/ui-elements/switch/examples/Color.vue b/packages/docs/page-config/ui-elements/switch/examples/Color.vue
index d310a6544d..dc07868c2a 100644
--- a/packages/docs/page-config/ui-elements/switch/examples/Color.vue
+++ b/packages/docs/page-config/ui-elements/switch/examples/Color.vue
@@ -1,24 +1,22 @@
 <template>
-  <va-switch
-    v-model="value"
-    color="success"
-    class="mr-6"
-  />
-  <va-switch
-    v-model="value"
-    color="info"
-    class="mr-6"
-  />
-  <va-switch
-    v-model="value"
-    color="danger"
-    class="mr-6"
-  />
-  <va-switch
-    v-model="value"
-    color="warning"
-    class="mr-6"
-  />
+  <div class="flex gap-8 flex-wrap">
+    <va-switch
+      v-model="value"
+      color="success"
+    />
+    <va-switch
+      v-model="value"
+      color="info"
+    />
+    <va-switch
+      v-model="value"
+      color="danger"
+    />
+    <va-switch
+      v-model="value"
+      color="warning"
+    />
+  </div>
 </template>
 
 <script>
diff --git a/packages/docs/page-config/ui-elements/switch/examples/Error.vue b/packages/docs/page-config/ui-elements/switch/examples/Error.vue
index 435ba0d8d2..27fdbca1d8 100644
--- a/packages/docs/page-config/ui-elements/switch/examples/Error.vue
+++ b/packages/docs/page-config/ui-elements/switch/examples/Error.vue
@@ -1,9 +1,8 @@
 <template>
-  <div class="flex items-start">
+  <div class="flex gap-8 flex-wrap">
     <va-switch
       v-model="value"
       error
-      class="mr-6"
     />
     <va-switch
       v-model="value"
diff --git a/packages/docs/page-config/ui-elements/switch/examples/Indeterminate.vue b/packages/docs/page-config/ui-elements/switch/examples/Indeterminate.vue
index de3d22ccf0..7d98badcf0 100644
--- a/packages/docs/page-config/ui-elements/switch/examples/Indeterminate.vue
+++ b/packages/docs/page-config/ui-elements/switch/examples/Indeterminate.vue
@@ -1,16 +1,17 @@
 <template>
-  <va-switch
-    v-model="value"
-    indeterminate
-    :label="String(value)"
-  />
-  <br>
-  <va-switch
-    v-model="value2"
-    indeterminate
-    indeterminate-value="middle"
-    :label="String(value2)"
-  />
+  <div class="flex gap-8 flex-wrap">
+    <va-switch
+      v-model="value"
+      indeterminate
+      :label="String(value)"
+    />
+    <va-switch
+      v-model="value2"
+      indeterminate
+      indeterminate-value="middle"
+      :label="String(value2)"
+    />
+  </div>
 </template>
 
 <script>
diff --git a/packages/docs/page-config/ui-elements/switch/examples/InnerLabel.vue b/packages/docs/page-config/ui-elements/switch/examples/InnerLabel.vue
index 0de49f8220..4ff8ba5288 100644
--- a/packages/docs/page-config/ui-elements/switch/examples/InnerLabel.vue
+++ b/packages/docs/page-config/ui-elements/switch/examples/InnerLabel.vue
@@ -1,15 +1,11 @@
 <template>
-  <div style="display: flex; align-items: center;">
+  <div class="flex gap-8 flex-wrap">
     <va-switch
       v-model="value"
       true-inner-label="Agree"
       false-inner-label="Disagree"
-      class="mr-6"
     />
-    <va-switch
-      v-model="value"
-      class="mr-6"
-    >
+    <va-switch v-model="value">
       <template #innerLabel>
         Inner Label slot
       </template>
diff --git a/packages/docs/page-config/ui-elements/switch/examples/Label.vue b/packages/docs/page-config/ui-elements/switch/examples/Label.vue
index a1368ca0c9..f768248406 100644
--- a/packages/docs/page-config/ui-elements/switch/examples/Label.vue
+++ b/packages/docs/page-config/ui-elements/switch/examples/Label.vue
@@ -1,20 +1,15 @@
 <template>
-  <div>
+  <div class="flex gap-8 flex-wrap">
     <va-switch
       v-model="value"
       label="left"
       left-label
-      class="mr-6"
     />
     <va-switch
       v-model="value"
       label="right"
-      class="mr-6"
     />
-    <va-switch
-      v-model="value"
-      class="mr-6"
-    >
+    <va-switch v-model="value">
       right labeled by slot
     </va-switch>
     <va-switch
diff --git a/packages/docs/page-config/ui-elements/switch/examples/Size.vue b/packages/docs/page-config/ui-elements/switch/examples/Size.vue
index e4f9135bc9..9108be1491 100644
--- a/packages/docs/page-config/ui-elements/switch/examples/Size.vue
+++ b/packages/docs/page-config/ui-elements/switch/examples/Size.vue
@@ -1,21 +1,20 @@
 <template>
-  <va-switch
-    v-model="value"
-    label="small"
-    size="small"
-    class="mr-6"
-  />
-  <va-switch
-    v-model="value"
-    label="default"
-    class="mr-6"
-  />
-  <va-switch
-    v-model="value"
-    label="large"
-    size="large"
-    class="mr-6"
-  />
+  <div class="flex gap-8 flex-wrap">
+    <va-switch
+      v-model="value"
+      label="small"
+      size="small"
+    />
+    <va-switch
+      v-model="value"
+      label="default"
+    />
+    <va-switch
+      v-model="value"
+      label="large"
+      size="large"
+    />
+  </div>
 </template>
 
 <script>
diff --git a/packages/docs/page-config/ui-elements/switch/examples/State.vue b/packages/docs/page-config/ui-elements/switch/examples/State.vue
index ad3955b10d..d7b8967fae 100644
--- a/packages/docs/page-config/ui-elements/switch/examples/State.vue
+++ b/packages/docs/page-config/ui-elements/switch/examples/State.vue
@@ -1,18 +1,18 @@
 <template>
-  <div class="flex items-center">
+  <va-checkbox
+    v-model="isState"
+    label="States enabled"
+    class="mb-4"
+  />
+
+  <div class="flex gap-8 flex-wrap">
     <va-switch
       v-model="value"
       :disabled="isState"
-      class="mr-6"
     />
     <va-switch
       v-model="value"
       :readonly="isState"
-      class="mr-6"
-    />
-    <va-checkbox
-      v-model="isState"
-      label="States enabled"
     />
   </div>
 </template>
diff --git a/packages/ui/src/components/va-switch/VaSwitch.vue b/packages/ui/src/components/va-switch/VaSwitch.vue
index 646088518c..b85054db5e 100644
--- a/packages/ui/src/components/va-switch/VaSwitch.vue
+++ b/packages/ui/src/components/va-switch/VaSwitch.vue
@@ -46,7 +46,7 @@
             </slot>
           </div>
           <div class="va-switch__checker-wrapper">
-            <span class="va-switch__checker">
+            <div class="va-switch__checker">
               <slot name="checker" v-bind="{ value: isChecked }">
                 <div class="va-switch__checker-circle">
                   <va-progress-circle
@@ -57,7 +57,7 @@
                   />
                 </div>
               </slot>
-            </span>
+            </div>
           </div>
         </div>
       </div>
@@ -247,7 +247,6 @@ export default defineComponent({
     .va-switch__container {
       display: inline-flex;
       align-items: center;
-      height: 100%;
       width: 100%;
     }
   }

From 90e73deaffb2bf7ced113deafca941bf2825b107 Mon Sep 17 00:00:00 2001
From: Rustem Nasyrov <nasyrov.rustem.r@ya.ru>
Date: Fri, 7 Apr 2023 16:53:57 +0500
Subject: [PATCH 10/30] refactor: remove 'external' label

---
 .github/ISSUE_TEMPLATE/bug-template.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/ISSUE_TEMPLATE/bug-template.md b/.github/ISSUE_TEMPLATE/bug-template.md
index 1f8bbb827f..b9a59e0125 100644
--- a/.github/ISSUE_TEMPLATE/bug-template.md
+++ b/.github/ISSUE_TEMPLATE/bug-template.md
@@ -1,7 +1,7 @@
 ---
 name: Bug Report
 about: Report a bug for Vuestic UI
-labels: ["BUG", "EXTERNAL"]
+labels: ["BUG"]
 assignees: ''
 
 ---

From ee96ae230a90aeb4cd84b25a3e4aa6b659674e0d Mon Sep 17 00:00:00 2001
From: Rustem Nasyrov <nasyrov.rustem.r@ya.ru>
Date: Fri, 7 Apr 2023 16:54:24 +0500
Subject: [PATCH 11/30] refactor: remove 'external' label

---
 .github/ISSUE_TEMPLATE/docs-template.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/ISSUE_TEMPLATE/docs-template.md b/.github/ISSUE_TEMPLATE/docs-template.md
index 1aed6029f6..2428199252 100644
--- a/.github/ISSUE_TEMPLATE/docs-template.md
+++ b/.github/ISSUE_TEMPLATE/docs-template.md
@@ -1,7 +1,7 @@
 ---
 name: Docs Report
 about: Help us improve Vuestic UI docs
-labels: ["docs", "EXTERNAL"]
+labels: ["docs"]
 assignees: ''
 
 ---

From a73af8b9998bb64910037f17025e7af134c724aa Mon Sep 17 00:00:00 2001
From: Rustem Nasyrov <nasyrov.rustem.r@ya.ru>
Date: Fri, 7 Apr 2023 16:54:49 +0500
Subject: [PATCH 12/30] refactor: remove 'external' label

---
 .github/ISSUE_TEMPLATE/feature-request-template.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/ISSUE_TEMPLATE/feature-request-template.md b/.github/ISSUE_TEMPLATE/feature-request-template.md
index 568abc3861..7f84c9f5f5 100644
--- a/.github/ISSUE_TEMPLATE/feature-request-template.md
+++ b/.github/ISSUE_TEMPLATE/feature-request-template.md
@@ -1,7 +1,7 @@
 ---
 name: Feature Request
 about: Suggest a feature or idea for Vuestic UI
-labels: ["FEATURE", "EXTERNAL"]
+labels: ["FEATURE"]
 assignees: ''
 
 ---

From a6dcb2ad52f69ee99ca964ab3661cab323951515 Mon Sep 17 00:00:00 2001
From: Rustem Nasyrov <nasyrov.rustem.r@ya.ru>
Date: Sun, 9 Apr 2023 18:22:09 +0400
Subject: [PATCH 13/30] fix: allow to select options with custom markup (#3319)

* fix: allow to select options with custom markup

* refactor: rename function
---
 .../VaSelectOptionList/VaSelectOptionList.vue  | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/va-select/components/VaSelectOptionList/VaSelectOptionList.vue b/packages/ui/src/components/va-select/components/VaSelectOptionList/VaSelectOptionList.vue
index 869a776312..bb97cd4f2f 100644
--- a/packages/ui/src/components/va-select/components/VaSelectOptionList/VaSelectOptionList.vue
+++ b/packages/ui/src/components/va-select/components/VaSelectOptionList/VaSelectOptionList.vue
@@ -7,8 +7,8 @@
     @keydown.left.stop.prevent="focusPreviousOption"
     @keydown.down.stop.prevent="focusNextOption"
     @keydown.right.stop.prevent="focusNextOption"
-    @keydown.enter.stop.prevent="selectOption"
-    @keydown.space.stop.prevent="selectOption"
+    @keydown.enter.stop.prevent="selectHoveredOption"
+    @keydown.space.stop.prevent="selectHoveredOption"
     @scroll.passive="onScroll"
   >
     <template
@@ -36,7 +36,7 @@
             :current-option="currentOptionComputed"
             :disabled="getDisabled(option)"
             v-bind="selectOptionProps"
-            @click.stop="selectOption"
+            @click.stop="selectHoveredOption"
             @mouseenter="handleMouseEnter(option)"
             @mousemove="handleMouseMove(option)"
           />
@@ -52,7 +52,7 @@
               :option="option"
               :disabled="getDisabled(option)"
               v-bind="selectOptionProps"
-              @click.stop="selectOption"
+              @click.stop="selectHoveredOption"
               @mouseenter="handleMouseEnter(option)"
               @mousemove="handleMouseMove(option)"
             />
@@ -192,7 +192,7 @@ export default defineComponent({
     }
     const updateFocusedOption = (option?: SelectOption) => { updateCurrentOption(option ?? null, 'keyboard') }
 
-    const selectOption = () => {
+    const selectHoveredOption = () => {
       const previousOption =
         previousOptionComputed.value && typeof previousOptionComputed.value === 'object'
           ? { ...previousOptionComputed.value }
@@ -239,6 +239,11 @@ export default defineComponent({
       return undefined
     })
 
+    const selectOption = (option: SelectOption) => {
+      updateHoveredOption(option)
+      emit('select-option')
+    }
+
     const handleMouseMove = (option: SelectOption) => {
       if (!props.selectedTopShown) { updateHoveredOption(option) }
     }
@@ -321,11 +326,12 @@ export default defineComponent({
       getTrackBy,
       setItemRef,
       getDisabled,
-      selectOption,
+      selectHoveredOption,
       handleMouseMove,
       handleMouseEnter,
       updateHoveredOption,
       handleScrollToBottom,
+      selectOption,
 
       ...publicMethods,
     }

From 7f96ed0c9139be414468a421da78895c5242d60f Mon Sep 17 00:00:00 2001
From: a-3140 <94731422+a-3140@users.noreply.github.com>
Date: Sun, 9 Apr 2023 22:27:17 +0800
Subject: [PATCH 14/30] fix(docs): Add flex-wrap for Split example on button
 dropdown (#3320)

---
 .../page-config/ui-elements/button-dropdown/examples/Split.vue  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docs/page-config/ui-elements/button-dropdown/examples/Split.vue b/packages/docs/page-config/ui-elements/button-dropdown/examples/Split.vue
index 3a3453fe35..0086b8fa34 100644
--- a/packages/docs/page-config/ui-elements/button-dropdown/examples/Split.vue
+++ b/packages/docs/page-config/ui-elements/button-dropdown/examples/Split.vue
@@ -1,5 +1,5 @@
 <template>
-  <div style="display: flex; align-items: center;">
+  <div class="flex items-center flex-wrap">
     <va-button-dropdown
       class="mr-2 mb-2"
       split

From bb571938e3b0a5a73093db32585d63aadc3c78c7 Mon Sep 17 00:00:00 2001
From: Rustem Nasyrov <nasyrov.rustem.r@ya.ru>
Date: Mon, 10 Apr 2023 22:36:25 +0400
Subject: [PATCH 15/30] Feat/docs performance optimizations (#3316)

* feat: install google fonts nuxt module

* feat: add compression options, use google fonts module

* fix: remove client-only component, because it causes an error

* feat: allow to use in page configs the useHead composable

* refactor: replace font awesome icons with material icons

* refactor: replace with material icon

* refactor: move specific icons from nuxt config
---
 .../docs/components/landing/StarsButton.vue   |  32 +-
 .../page-config/runtime/PageConfig.vue        |   4 +
 .../docs/modules/page-config/runtime/index.ts |   3 +
 packages/docs/nuxt.config.ts                  |  38 +-
 packages/docs/package.json                    |   5 +-
 .../services/icons-config/index.ts            |  12 +
 .../badge/examples/WithOtherComponents.vue    |   2 +-
 .../page-config/ui-elements/icon/index.ts     |  12 +
 .../ui-elements/tabs/examples/Color.vue       |   2 +-
 .../ui-elements/tabs/examples/Pagination.vue  |   2 +-
 yarn.lock                                     | 326 +++++++++++++++++-
 11 files changed, 393 insertions(+), 45 deletions(-)

diff --git a/packages/docs/components/landing/StarsButton.vue b/packages/docs/components/landing/StarsButton.vue
index 30942db497..873872e687 100644
--- a/packages/docs/components/landing/StarsButton.vue
+++ b/packages/docs/components/landing/StarsButton.vue
@@ -1,21 +1,19 @@
 <template>
-  <client-only>
-    <va-button
-      :href="url"
-      size="small"
-      target="blank"
-      color="textPrimary"
-      class="stars-button"
-    >
-      <template #prepend>
-        <va-icon
-          name="star_empty"
-          size="small"
-        />
-      </template>
-      {{ stars }}
-    </va-button>
-  </client-only>
+  <va-button
+    :href="url"
+    size="small"
+    target="blank"
+    color="textPrimary"
+    class="stars-button"
+  >
+    <template #prepend>
+      <va-icon
+        name="star_empty"
+        size="small"
+      />
+    </template>
+    {{ stars }}
+  </va-button>
 </template>
 
 <script lang="ts">
diff --git a/packages/docs/modules/page-config/runtime/PageConfig.vue b/packages/docs/modules/page-config/runtime/PageConfig.vue
index 4d6641f020..12460e115c 100644
--- a/packages/docs/modules/page-config/runtime/PageConfig.vue
+++ b/packages/docs/modules/page-config/runtime/PageConfig.vue
@@ -9,6 +9,10 @@ const props = defineProps({
     required: true
   }
 })
+
+if (props.pageConfig.head) {
+  useHead(props.pageConfig.head)
+}
 </script>
 
 <template>
diff --git a/packages/docs/modules/page-config/runtime/index.ts b/packages/docs/modules/page-config/runtime/index.ts
index e7e2c6d9dc..e0fed2a23a 100644
--- a/packages/docs/modules/page-config/runtime/index.ts
+++ b/packages/docs/modules/page-config/runtime/index.ts
@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue'
+import { MetaObject } from '#head';
 import example from '../blocks/example'
 import title from '../blocks/title'
 import paragraph from '../blocks/paragraph'
@@ -53,6 +54,8 @@ export type Block = ReturnType<GlobalBlock[keyof typeof block]>
 export type ConcreteBlock<T extends string, B = Block> = B extends { type: T } ? B : never
 
 export type PageConfigOptions = {
+  head?: MetaObject,
+
   meta?: {
     title?: string;
     // TODO: Add more
diff --git a/packages/docs/nuxt.config.ts b/packages/docs/nuxt.config.ts
index 813694d484..b7ad56b355 100644
--- a/packages/docs/nuxt.config.ts
+++ b/packages/docs/nuxt.config.ts
@@ -5,16 +5,6 @@ export default defineNuxtConfig({
       link: [
         { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
         { rel: 'icon', type: 'image/png', href: '/favicon.png' },
-        { rel: 'preconnect', href: 'https://fonts.gstatic.com' },
-        { rel: 'stylesheet', href: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap" },
-        { rel: 'stylesheet', href: "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap" },
-        { rel: 'stylesheet', href: "https://fonts.googleapis.com/icon?family=Material+Icons&display=swap" },
-        { rel: 'stylesheet', href: "https://fonts.googleapis.com/icon?family=Material+Icons+Outlined&display=swap" },
-      ],
-
-      script: [
-        { crossorigin: 'anonymous', src: 'https://kit.fontawesome.com/5460c87b2a.js' },
-        { type: 'module', src: 'https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js' },
       ],
 
       meta: [
@@ -76,14 +66,10 @@ export default defineNuxtConfig({
     },
   },
 
-  // TODO: hydration mismatch issues; tailwind doesn't work properly
-  // ssr: false,
-  // nitro: {
-  //   prerender: {
-  //     routes: ['/'],
-  //     ignore: ['/*']
-  //   }
-  // },
+  ssr: true,
+  nitro: {
+    compressPublicAssets: true,
+  },
 
   modules: [
     // './modules/banner',
@@ -91,6 +77,7 @@ export default defineNuxtConfig({
     './modules/page-config',
     // "./modules/i18n",
     // TODO: remove after i18n is released https://github.com/nuxt-modules/i18n/pull/1712
+    '@nuxtjs/google-fonts',
     '@nuxtjs/i18n-edge',
     './modules/markdown',
     '@nuxtjs/tailwindcss',
@@ -102,6 +89,21 @@ export default defineNuxtConfig({
     fonts: false,
   },
 
+  googleFonts: {
+    preload: true,
+    swap: true,
+    families: {
+      'Source+Sans+Pro': {
+        wght: [400, 600, 700],
+      },
+      'Source+Code+Pro': {
+        wght: [400],
+      },
+      'Material+Icons': true,
+      'Material+Icons+Outlined': true,
+    },
+  },
+
   tailwindcss: {
     config: {
       content: [
diff --git a/packages/docs/package.json b/packages/docs/package.json
index cce643982c..89643cc0ba 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -36,11 +36,12 @@
   },
   "dependencies": {
     "@docsearch/js": "^3.2.1",
+    "@nuxtjs/google-fonts": "^3.0.0-1",
     "@types/acorn": "^6.0.0",
     "acorn": "^8.8.1",
     "codesandbox": "^2.2.3",
+    "highlight.js": "^11.7.0",
     "markdown-it": "^12.3.2",
-    "markdown-it-attrs": "^4.0.0",
-    "highlight.js": "^11.7.0"
+    "markdown-it-attrs": "^4.0.0"
   }
 }
diff --git a/packages/docs/page-config/services/icons-config/index.ts b/packages/docs/page-config/services/icons-config/index.ts
index 94706a36ef..c98f2d0917 100644
--- a/packages/docs/page-config/services/icons-config/index.ts
+++ b/packages/docs/page-config/services/icons-config/index.ts
@@ -25,6 +25,18 @@ const tableData = [
 ];
 
 export default definePageConfig({
+  head: {
+    link: [
+      { rel: 'dns-prefetch', as: 'script', href: 'https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js' },
+      { rel: 'dns-prefetch', as: 'script', href: 'https://kit.fontawesome.com/5460c87b2a.js' },
+    ],
+
+    script: [
+      { crossorigin: 'anonymous', src: 'https://kit.fontawesome.com/5460c87b2a.js' },
+      { type: 'module', src: 'https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js' },
+    ],
+  },
+
   blocks: [
     block.title("iconsConfig.title"),
     block.paragraph("iconsConfig.about"),
diff --git a/packages/docs/page-config/ui-elements/badge/examples/WithOtherComponents.vue b/packages/docs/page-config/ui-elements/badge/examples/WithOtherComponents.vue
index 136457e665..9f4810426b 100644
--- a/packages/docs/page-config/ui-elements/badge/examples/WithOtherComponents.vue
+++ b/packages/docs/page-config/ui-elements/badge/examples/WithOtherComponents.vue
@@ -36,7 +36,7 @@
     <va-badge overlap>
       <template #text>
         <va-icon
-          name="mdi-bell"
+          name="notifications"
           size="12px"
         /> 5+
       </template>
diff --git a/packages/docs/page-config/ui-elements/icon/index.ts b/packages/docs/page-config/ui-elements/icon/index.ts
index d6e5e00cb5..780d147754 100644
--- a/packages/docs/page-config/ui-elements/icon/index.ts
+++ b/packages/docs/page-config/ui-elements/icon/index.ts
@@ -1,6 +1,18 @@
 import apiOptions from "./api-options";
 
 export default definePageConfig({
+  head: {
+    link: [
+      { rel: 'dns-prefetch', as: 'script', href: 'https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js' },
+      { rel: 'dns-prefetch', as: 'script', href: 'https://kit.fontawesome.com/5460c87b2a.js' },
+    ],
+
+    script: [
+      { crossorigin: 'anonymous', src: 'https://kit.fontawesome.com/5460c87b2a.js' },
+      { type: 'module', src: 'https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js' },
+    ],
+  },
+
   blocks: [
     block.title("icon.title"),
     block.paragraph("icon.summaryText"),
diff --git a/packages/docs/page-config/ui-elements/tabs/examples/Color.vue b/packages/docs/page-config/ui-elements/tabs/examples/Color.vue
index 8b5010ad38..563a3f3858 100644
--- a/packages/docs/page-config/ui-elements/tabs/examples/Color.vue
+++ b/packages/docs/page-config/ui-elements/tabs/examples/Color.vue
@@ -13,7 +13,7 @@
           {{ tab }}
         </va-tab>
         <va-tab
-          icon="fas-home"
+          icon="home"
           label="Tab with icon"
           name="icon"
         />
diff --git a/packages/docs/page-config/ui-elements/tabs/examples/Pagination.vue b/packages/docs/page-config/ui-elements/tabs/examples/Pagination.vue
index 9dd69b1b8c..081c11b3fe 100644
--- a/packages/docs/page-config/ui-elements/tabs/examples/Pagination.vue
+++ b/packages/docs/page-config/ui-elements/tabs/examples/Pagination.vue
@@ -12,7 +12,7 @@
         {{ title }}
       </va-tab>
       <va-tab
-        icon="fas-home"
+        icon="home"
         label="Tab with icon"
         name="icon"
       />
diff --git a/yarn.lock b/yarn.lock
index 08fec50ee4..32158f8f5e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -159,7 +159,7 @@
     "@algolia/logger-common" "4.14.3"
     "@algolia/requester-common" "4.14.3"
 
-"@ampproject/remapping@^2.1.0":
+"@ampproject/remapping@^2.1.0", "@ampproject/remapping@^2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
   integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==
@@ -181,6 +181,13 @@
   dependencies:
     "@babel/highlight" "^7.18.6"
 
+"@babel/code-frame@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"
+  integrity sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==
+  dependencies:
+    "@babel/highlight" "^7.18.6"
+
 "@babel/compat-data@^7.13.11", "@babel/compat-data@^7.17.0":
   version "7.17.10"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.17.10.tgz#711dc726a492dfc8be8220028b1b92482362baab"
@@ -196,6 +203,11 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.20.10.tgz#9d92fa81b87542fff50e848ed585b4212c1d34ec"
   integrity sha512-sEnuDPpOJR/fcafHMjpcpGN5M2jbUGUHwmuWKM/YdPzeEDJg8bgmbcWQFUfE32MQjti1koACvoPVsDe8Uq+idg==
 
+"@babel/compat-data@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.4.tgz#457ffe647c480dff59c2be092fc3acf71195c87f"
+  integrity sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==
+
 "@babel/core@^7.12.16":
   version "7.18.10"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.10.tgz#39ad504991d77f1f3da91be0b8b949a5bc466fb8"
@@ -259,6 +271,27 @@
     json5 "^2.2.2"
     semver "^6.3.0"
 
+"@babel/core@^7.21.3":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.4.tgz#c6dc73242507b8e2a27fd13a9c1814f9fa34a659"
+  integrity sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.21.4"
+    "@babel/generator" "^7.21.4"
+    "@babel/helper-compilation-targets" "^7.21.4"
+    "@babel/helper-module-transforms" "^7.21.2"
+    "@babel/helpers" "^7.21.0"
+    "@babel/parser" "^7.21.4"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.4"
+    "@babel/types" "^7.21.4"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.2"
+    semver "^6.3.0"
+
 "@babel/generator@^7.17.10", "@babel/generator@^7.18.10", "@babel/generator@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.7.tgz#f8ef57c8242665c5929fe2e8d82ba75460187b4a"
@@ -268,6 +301,16 @@
     "@jridgewell/gen-mapping" "^0.3.2"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.4.tgz#64a94b7448989f421f919d5239ef553b37bb26bc"
+  integrity sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==
+  dependencies:
+    "@babel/types" "^7.21.4"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
 "@babel/helper-annotate-as-pure@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz#bb2339a7534a9c128e3102024c60760a3a7f3862"
@@ -321,6 +364,17 @@
     browserslist "^4.20.2"
     semver "^6.3.0"
 
+"@babel/helper-compilation-targets@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.4.tgz#770cd1ce0889097ceacb99418ee6934ef0572656"
+  integrity sha512-Fa0tTuOXZ1iL8IeDFUWCzjZcn+sJGd9RZdH9esYVjEejGmzf+FFYQpMi/kZUk2kPy/q1H3/GPw7np8qar/stfg==
+  dependencies:
+    "@babel/compat-data" "^7.21.4"
+    "@babel/helper-validator-option" "^7.21.0"
+    browserslist "^4.21.3"
+    lru-cache "^5.1.1"
+    semver "^6.3.0"
+
 "@babel/helper-create-class-features-plugin@^7.16.10", "@babel/helper-create-class-features-plugin@^7.16.7", "@babel/helper-create-class-features-plugin@^7.17.6", "@babel/helper-create-class-features-plugin@^7.17.9":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.17.9.tgz#71835d7fb9f38bd9f1378e40a4c0902fdc2ea49d"
@@ -398,6 +452,14 @@
     "@babel/template" "^7.18.10"
     "@babel/types" "^7.19.0"
 
+"@babel/helper-function-name@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz#d552829b10ea9f120969304023cd0645fa00b1b4"
+  integrity sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==
+  dependencies:
+    "@babel/template" "^7.20.7"
+    "@babel/types" "^7.21.0"
+
 "@babel/helper-hoist-variables@^7.16.7", "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
@@ -475,6 +537,20 @@
     "@babel/traverse" "^7.18.9"
     "@babel/types" "^7.18.9"
 
+"@babel/helper-module-transforms@^7.21.2":
+  version "7.21.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
+  integrity sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-module-imports" "^7.18.6"
+    "@babel/helper-simple-access" "^7.20.2"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.2"
+    "@babel/types" "^7.21.2"
+
 "@babel/helper-optimise-call-expression@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.16.7.tgz#a34e3560605abbd31a18546bd2aad3e6d9a174f2"
@@ -586,6 +662,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
   integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==
 
+"@babel/helper-validator-option@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
+  integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
+
 "@babel/helper-wrap-function@^7.16.8":
   version "7.16.8"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.16.8.tgz#58afda087c4cd235de92f7ceedebca2c41274200"
@@ -614,6 +695,15 @@
     "@babel/traverse" "^7.18.9"
     "@babel/types" "^7.18.9"
 
+"@babel/helpers@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.21.0.tgz#9dd184fb5599862037917cdc9eecb84577dc4e7e"
+  integrity sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==
+  dependencies:
+    "@babel/template" "^7.20.7"
+    "@babel/traverse" "^7.21.0"
+    "@babel/types" "^7.21.0"
+
 "@babel/highlight@^7.10.4":
   version "7.17.9"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.17.9.tgz#61b2ee7f32ea0454612def4fccdae0de232b73e3"
@@ -637,6 +727,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.7.tgz#66fe23b3c8569220817d5feb8b9dcdc95bb4f71b"
   integrity sha512-T3Z9oHybU+0vZlY9CiDSJQTD5ZapcW18ZctFMi0MOAl/4BjFF4ul7NVSARLdbGO5vDqy9eQiGTV0LtKfvCYvcg==
 
+"@babel/parser@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.4.tgz#94003fdfc520bbe2875d4ae557b43ddb6d880f17"
+  integrity sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.16.7.tgz#4eda6d6c2a0aa79c70fa7b6da67763dfe2141050"
@@ -1302,6 +1397,11 @@
   resolved "https://registry.yarnpkg.com/@babel/standalone/-/standalone-7.20.12.tgz#ae882b8642b4efb1ddd80c8a64a929e028095562"
   integrity sha512-hK/X+m1il3w1tYS4H8LDaGCEdiT47SVqEXY8RiEAgou26BystipSU8ZL6EvBR6t5l7lTv0ilBiChXWblKJ5iUA==
 
+"@babel/standalone@^7.21.3":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/standalone/-/standalone-7.21.4.tgz#f1a7131775df87c526cc393c36d013acd2b3c609"
+  integrity sha512-Rw4nGqH/iyVeYxARKcz7iGP+njkPsVqJ45TmXMONoGoxooWjXCAs+CUcLeAZdBGCLqgaPvHKCYvIaDT2Iq+KfA==
+
 "@babel/template@^7.0.0", "@babel/template@^7.16.7", "@babel/template@^7.18.10", "@babel/template@^7.18.6", "@babel/template@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
@@ -1359,6 +1459,22 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.4.tgz#a836aca7b116634e97a6ed99976236b3282c9d36"
+  integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==
+  dependencies:
+    "@babel/code-frame" "^7.21.4"
+    "@babel/generator" "^7.21.4"
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-function-name" "^7.21.0"
+    "@babel/helper-hoist-variables" "^7.18.6"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/parser" "^7.21.4"
+    "@babel/types" "^7.21.4"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/types@^7.0.0", "@babel/types@^7.16.7", "@babel/types@^7.17.0", "@babel/types@^7.17.10", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.19.0", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.7.tgz#54ec75e252318423fc07fb644dc6a58a64c09b7f"
@@ -1376,6 +1492,15 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.3", "@babel/types@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.4.tgz#2d5d6bb7908699b3b416409ffd3b5daa25b030d4"
+  integrity sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==
+  dependencies:
+    "@babel/helper-string-parser" "^7.19.4"
+    "@babel/helper-validator-identifier" "^7.19.1"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -2065,7 +2190,7 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/trace-mapping@^0.3.9":
+"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.17"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
   integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
@@ -2901,6 +3026,30 @@
     unimport "^2.0.1"
     untyped "^1.2.2"
 
+"@nuxt/kit@^3.2.3":
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.3.3.tgz#14706db145101750ac4ab75f2cc6d5a5c507c51b"
+  integrity sha512-8ql3DweT1BNOCM6mmP8st+33NCAHHvmQuOS6Q75kXMZ6Ygqv06hxp5slpLXpT1ZOEoM+vzfkjO2lJ3rnjWYC4Q==
+  dependencies:
+    "@nuxt/schema" "3.3.3"
+    c12 "^1.2.0"
+    consola "^2.15.3"
+    defu "^6.1.2"
+    globby "^13.1.3"
+    hash-sum "^2.0.0"
+    ignore "^5.2.4"
+    jiti "^1.18.2"
+    knitwork "^1.0.0"
+    lodash.template "^4.5.0"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
+    pkg-types "^1.0.2"
+    scule "^1.0.0"
+    semver "^7.3.8"
+    unctx "^2.1.2"
+    unimport "^3.0.4"
+    untyped "^1.3.2"
+
 "@nuxt/module-builder@latest":
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/@nuxt/module-builder/-/module-builder-0.1.7.tgz#6de83fa24a839265d43abdb5ecf8ec85456ca765"
@@ -2926,7 +3075,7 @@
     postcss-url "^10.1.1"
     semver "^7.3.4"
 
-"@nuxt/schema@3.0.0", "@nuxt/schema@3.1.1", "@nuxt/schema@latest":
+"@nuxt/schema@3.0.0", "@nuxt/schema@3.1.1", "@nuxt/schema@3.3.3", "@nuxt/schema@latest":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@nuxt/schema/-/schema-3.0.0.tgz#d499fd7d8309f9bd3403411b32c19e726969cd71"
   integrity sha512-5fwsidhs5NjFzR8sIzHMXO0WFGkI3tCH3ViANn2W4N5qCwoYZ0n1sZBkQ9Esn1VoEed6RsIlTpWrPZPVtqNkGQ==
@@ -3086,6 +3235,15 @@
     eslint-plugin-unicorn "^42.0.0"
     eslint-plugin-vue "^8.7.1"
 
+"@nuxtjs/google-fonts@^3.0.0-1":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/google-fonts/-/google-fonts-3.0.0.tgz#2d26ecb903034bf02899d961a57ac6c4ac8ab3f9"
+  integrity sha512-knP2CJFkMHGQ9pepVNwquXvqiIHDma/6yZNXiYk7WWatRbbQUPf2423vXiBYu267Mff2KMuDLoAJ1Dsv2ymhdQ==
+  dependencies:
+    "@nuxt/kit" "^3.2.3"
+    google-fonts-helper "^3.2.4"
+    pathe "^1.1.0"
+
 "@nuxtjs/i18n-edge@^8.0.0-beta.7-27893843.b72135e":
   version "8.0.0-beta.7-27893843.b72135e"
   resolved "https://registry.yarnpkg.com/@nuxtjs/i18n-edge/-/i18n-edge-8.0.0-beta.7-27893843.b72135e.tgz#b2242bbe896575f2d8bc9ad6db9a9b3516e69aa2"
@@ -5013,7 +5171,7 @@ acorn-walk@^8.0.0, acorn-walk@^8.0.2, acorn-walk@^8.1.1, acorn-walk@^8.2.0:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
   integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
-acorn@*, acorn@^8.0.4, acorn@^8.0.5, acorn@^8.2.4, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.6.0, acorn@^8.7.1, acorn@^8.8.0, acorn@^8.8.1:
+acorn@*, acorn@^8.0.4, acorn@^8.0.5, acorn@^8.2.4, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.6.0, acorn@^8.7.1, acorn@^8.8.0, acorn@^8.8.1, acorn@^8.8.2:
   version "8.8.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
@@ -5887,6 +6045,20 @@ c12@^1.0.1, c12@^1.1.0:
     pkg-types "^1.0.1"
     rc9 "^2.0.0"
 
+c12@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/c12/-/c12-1.2.0.tgz#2c946dd5ea37fd4f21c4b2671bf21f69a7028707"
+  integrity sha512-CMznkE0LpNEuD8ILp5QvsQVP+YvcpJnrI/zFeFnosU2PyDtx1wT7tXfZ8S3Tl3l9MTTXbKeuhDYKwgvnAPOx3w==
+  dependencies:
+    defu "^6.1.2"
+    dotenv "^16.0.3"
+    giget "^1.1.2"
+    jiti "^1.17.2"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
+    pkg-types "^1.0.2"
+    rc9 "^2.0.1"
+
 c8@^7.12.0:
   version "7.12.0"
   resolved "https://registry.yarnpkg.com/c8/-/c8-7.12.0.tgz#402db1c1af4af5249153535d1c84ad70c5c96b14"
@@ -7527,6 +7699,11 @@ deepmerge@^4.2.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
   integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
 
+deepmerge@^4.3.0:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
 default-gateway@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-6.0.3.tgz#819494c888053bdb743edbf343d6cdf7f2943a71"
@@ -9869,6 +10046,19 @@ giget@^1.0.0:
     pathe "^1.0.0"
     tar "^6.1.12"
 
+giget@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/giget/-/giget-1.1.2.tgz#f99a49cb0ff85479c8c3612cdc7ca27f2066e818"
+  integrity sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==
+  dependencies:
+    colorette "^2.0.19"
+    defu "^6.1.2"
+    https-proxy-agent "^5.0.1"
+    mri "^1.2.0"
+    node-fetch-native "^1.0.2"
+    pathe "^1.1.0"
+    tar "^6.1.13"
+
 git-branch@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/git-branch/-/git-branch-1.0.0.tgz#64cc7dd75da2d81a9d4679087c1f8b56e6bd2d3d"
@@ -10164,6 +10354,16 @@ gonzales-pe@^4.3.0:
   dependencies:
     minimist "^1.2.5"
 
+google-fonts-helper@^3.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/google-fonts-helper/-/google-fonts-helper-3.2.4.tgz#8b3b252f13f98bea7c9d46d921ed680b5f05852a"
+  integrity sha512-M740UjqBOxmG2qFUW7Lhgak9WDpsT18zxLJuG+MP4r+G1vhqbWm3x3D40xFEzhveQAneaEr8WjPxf+vcx9Xohg==
+  dependencies:
+    deepmerge "^4.3.0"
+    hookable "^5.4.2"
+    ofetch "^1.0.1"
+    ufo "^1.1.1"
+
 got@^6.7.1:
   version "6.7.1"
   resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
@@ -11575,6 +11775,11 @@ jiti@^1.16.0, jiti@^1.16.2:
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.16.2.tgz#75f7a0a8fde4a0e57e576f7d329491d588db89cf"
   integrity sha512-OKBOVWmU3FxDt/UH4zSwiKPuc1nihFZiOD722FuJlngvLz2glX1v2/TJIgoA4+mrpnXxHV6dSAoCvPcYQtoG5A==
 
+jiti@^1.17.2, jiti@^1.18.2:
+  version "1.18.2"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
+  integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
+
 joi@^17.4.0:
   version "17.6.0"
   resolved "https://registry.yarnpkg.com/joi/-/joi-17.6.0.tgz#0bb54f2f006c09a96e75ce687957bd04290054b2"
@@ -12426,6 +12631,13 @@ magic-string@^0.27.0:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.4.13"
 
+magic-string@^0.30.0:
+  version "0.30.0"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.0.tgz#fd58a4748c5c4547338a424e90fa5dd17f4de529"
+  integrity sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.13"
+
 make-dir@^1.0.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
@@ -13049,6 +13261,16 @@ mlly@^1.0.0, mlly@^1.1.0:
     pkg-types "^1.0.1"
     ufo "^1.0.1"
 
+mlly@^1.1.1, mlly@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.2.0.tgz#f0f6c2fc8d2d12ea6907cd869066689b5031b613"
+  integrity sha512-+c7A3CV0KGdKcylsI6khWyts/CYrGTrRVo4R/I7u/cUsy0Conxa6LUhiEzVKIw14lc2L5aiO4+SeVe4TeGRKww==
+  dependencies:
+    acorn "^8.8.2"
+    pathe "^1.1.0"
+    pkg-types "^1.0.2"
+    ufo "^1.1.1"
+
 modify-values@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
@@ -13277,6 +13499,11 @@ node-fetch-native@^1.0.1:
   resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.0.1.tgz#1dfe78f57545d07e07016b7df4c0cb9d2ff416c7"
   integrity sha512-VzW+TAk2wE4X9maiKMlT+GsPU4OMmR1U9CrHSmd3DFLn2IcZ9VJ6M6BBugGfYUnPCLSYxXdZy17M0BEJyhUTwg==
 
+node-fetch-native@^1.0.2:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.1.0.tgz#a530f5c4cadb49b382dcf81d8f5f19ed0f457fbe"
+  integrity sha512-nl5goFCig93JZ9FIV8GHT9xpNqXbxQUzkOmKIMKmncsBH9jhg7qKex8hirpymkBFmNQ114chEEG5lS4wgK2I+Q==
+
 node-fetch-npm@^2.0.2:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/node-fetch-npm/-/node-fetch-npm-2.0.4.tgz#6507d0e17a9ec0be3bec516958a497cec54bf5a4"
@@ -13699,6 +13926,15 @@ ofetch@^1.0.0:
     node-fetch-native "^1.0.1"
     ufo "^1.0.0"
 
+ofetch@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ofetch/-/ofetch-1.0.1.tgz#68b410d4494e37fa67b99e9a60172ae447b2c44c"
+  integrity sha512-icBz2JYfEpt+wZz1FRoGcrMigjNKjzvufE26m9+yUiacRQRHwnNlGRPiDnW4op7WX/MR6aniwS8xw8jyVelF2g==
+  dependencies:
+    destr "^1.2.2"
+    node-fetch-native "^1.0.2"
+    ufo "^1.1.0"
+
 ohash@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/ohash/-/ohash-1.0.0.tgz#e6ab04851ef9a479beb6e8a2457ff0d3ccf77371"
@@ -14410,6 +14646,15 @@ pkg-types@^1.0.0, pkg-types@^1.0.1:
     mlly "^1.0.0"
     pathe "^1.0.0"
 
+pkg-types@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.2.tgz#c233efc5210a781e160e0cafd60c0d0510a4b12e"
+  integrity sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==
+  dependencies:
+    jsonc-parser "^3.2.0"
+    mlly "^1.1.1"
+    pathe "^1.1.0"
+
 please-upgrade-node@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
@@ -15497,6 +15742,15 @@ rc9@^2.0.0:
     destr "^1.2.1"
     flat "^5.0.2"
 
+rc9@^2.0.1:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/rc9/-/rc9-2.1.0.tgz#57d3a01e55907393ef9bd0cc29f2bd66a6cd0972"
+  integrity sha512-ROO9bv8PPqngWKoiUZU3JDQ4sugpdRs9DfwHnzDSxK25XtQn6BEHL6EOd/OtKuDT2qodrtNR+0WkPT6l0jxH5Q==
+  dependencies:
+    defu "^6.1.2"
+    destr "^1.2.2"
+    flat "^5.0.2"
+
 rc@^1.0.1, rc@^1.1.6:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
@@ -17217,6 +17471,13 @@ strip-literal@^1.0.0:
   dependencies:
     acorn "^8.8.1"
 
+strip-literal@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-1.0.1.tgz#0115a332710c849b4e46497891fb8d585e404bd2"
+  integrity sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==
+  dependencies:
+    acorn "^8.8.2"
+
 strong-log-transformer@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz#0f5ed78d325e0421ac6f90f7f10e691d6ae3ae10"
@@ -17535,7 +17796,7 @@ tar@^4.4.10, tar@^4.4.12, tar@^4.4.8:
     safe-buffer "^5.2.1"
     yallist "^3.1.1"
 
-tar@^6.1.11, tar@^6.1.12:
+tar@^6.1.11, tar@^6.1.12, tar@^6.1.13:
   version "6.1.13"
   resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.13.tgz#46e22529000f612180601a6fe0680e7da508847b"
   integrity sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==
@@ -18119,6 +18380,11 @@ ufo@^1.0.0, ufo@^1.0.1:
   resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.0.1.tgz#64ed43b530706bda2e4892f911f568cf4cf67d29"
   integrity sha512-boAm74ubXHY7KJQZLlXrtMz52qFvpsbOxDcZOnw/Wf+LS4Mmyu7JxmzD4tDLtUQtmZECypJ0FrCz4QIe6dvKRA==
 
+ufo@^1.1.0, ufo@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.1.1.tgz#e70265e7152f3aba425bd013d150b2cdf4056d7c"
+  integrity sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==
+
 uglify-js@^3.1.4:
   version "3.15.5"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.15.5.tgz#2b10f9e0bfb3f5c15a8e8404393b6361eaeb33b3"
@@ -18192,6 +18458,16 @@ unctx@^2.1.0, unctx@^2.1.1:
     magic-string "^0.26.7"
     unplugin "^1.0.0"
 
+unctx@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/unctx/-/unctx-2.1.2.tgz#12d34c540ef4fbaffb2a3b38a0697e42b152d478"
+  integrity sha512-KK18aLRKe3OlbPyHbXAkIWSU3xK8GInomXfA7fzDMGFXQ1crX1UWrCzKesVXeUyHIayHUrnTvf87IPCKMyeKTg==
+  dependencies:
+    acorn "^8.8.2"
+    estree-walker "^3.0.3"
+    magic-string "^0.27.0"
+    unplugin "^1.0.1"
+
 unenv@^1.0.1, unenv@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/unenv/-/unenv-1.0.3.tgz#23a281de8f207d6dd2b6d152a3703f36afa510f4"
@@ -18280,6 +18556,23 @@ unimport@^2.0.1, unimport@^2.1.0:
     strip-literal "^1.0.0"
     unplugin "^1.0.1"
 
+unimport@^3.0.4:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/unimport/-/unimport-3.0.6.tgz#20caac4cf9a94e9233cdbe3a16f7599ae75a7df8"
+  integrity sha512-GYxGJ1Bri1oqx8VFDjdgooGzeK7jBk3bvhXmamTIpu3nONOcUMGwZbX7X0L5RA7OWMXpR4vzpSQP7pXUzJg1/Q==
+  dependencies:
+    "@rollup/pluginutils" "^5.0.2"
+    escape-string-regexp "^5.0.0"
+    fast-glob "^3.2.12"
+    local-pkg "^0.4.3"
+    magic-string "^0.30.0"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
+    pkg-types "^1.0.2"
+    scule "^1.0.0"
+    strip-literal "^1.0.1"
+    unplugin "^1.3.1"
+
 union-value@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
@@ -18377,6 +18670,16 @@ unplugin@^1.0.0, unplugin@^1.0.1:
     webpack-sources "^3.2.3"
     webpack-virtual-modules "^0.5.0"
 
+unplugin@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.3.1.tgz#7af993ba8695d17d61b0845718380caf6af5109f"
+  integrity sha512-h4uUTIvFBQRxUKS2Wjys6ivoeofGhxzTe2sRWlooyjHXVttcVfV/JiavNd3d4+jty0SVV0dxGw9AkY9MwiaCEw==
+  dependencies:
+    acorn "^8.8.2"
+    chokidar "^3.5.3"
+    webpack-sources "^3.2.3"
+    webpack-virtual-modules "^0.5.0"
+
 unquote@~1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
@@ -18422,6 +18725,19 @@ untyped@^1.0.0, untyped@^1.2.2:
     "@babel/types" "^7.20.7"
     scule "^1.0.0"
 
+untyped@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/untyped/-/untyped-1.3.2.tgz#0cff7ae9acf373dc404315b0e3c604af10648113"
+  integrity sha512-z219Z65rOGD6jXIvIhpZFfwWdqQckB8sdZec2NO+TkcH1Bph7gL0hwLzRJs1KsOo4Jz4mF9guBXhsEnyEBGVfw==
+  dependencies:
+    "@babel/core" "^7.21.3"
+    "@babel/standalone" "^7.21.3"
+    "@babel/types" "^7.21.3"
+    defu "^6.1.2"
+    jiti "^1.18.2"
+    mri "^1.2.0"
+    scule "^1.0.0"
+
 unzip-response@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"

From 15e707c163aec3a0f47c00063bf50562cefa7377 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Tue, 11 Apr 2023 13:27:38 +0300
Subject: [PATCH 16/30] fix(build): added source maps generation for css v-bind
 fix plugin (#3302)

---
 .../plugins/component-v-bind-fix.spec.ts      | 119 +++++++++++++++++-
 .../ui/build/plugins/component-v-bind-fix.ts  |  92 +++++++++-----
 2 files changed, 180 insertions(+), 31 deletions(-)

diff --git a/packages/ui/build/plugins/component-v-bind-fix.spec.ts b/packages/ui/build/plugins/component-v-bind-fix.spec.ts
index 47bce8b391..0f3c108123 100644
--- a/packages/ui/build/plugins/component-v-bind-fix.spec.ts
+++ b/packages/ui/build/plugins/component-v-bind-fix.spec.ts
@@ -1,5 +1,10 @@
 import { describe, test, expect } from 'vitest'
-import { transformVueComponent } from './component-v-bind-fix'
+import { transformVueComponent as o } from './component-v-bind-fix'
+
+const transformVueComponent = (code: string) => {
+  if (!code) { return undefined }
+  return o(code)?.code
+}
 
 describe('component-v-bind-fix', () => {
   describe('transformVueComponent', () => {
@@ -229,4 +234,116 @@ const background = 'yellow'
 
     expect(transformVueComponent(componentCode())).toBe(expectedComponentCode())
   })
+
+  test('transform multiple nodes', () => {
+    const componentCode = (attrs = '', nestedAttrs = '') => `
+    <template>
+      <button>
+        <span>
+          Hello
+        </span>
+        world!
+      </button>
+      <div>
+        Label
+      </div>
+    </template>
+    
+    <script setup>
+    const theme = {
+      color: 'blue',
+      background: 'yellow',
+    }
+    </script>
+    
+    <style>
+      button {
+        color: v-bind('theme.color');
+        background: v-bind("theme.background");
+      }
+    </style>
+    `
+
+    const expectedComponentCode = () => `
+    <template>
+      <button :style="\`--va-0-theme-color: \${String(theme.color)};--va-1-theme-background: \${String(theme.background)}\`">
+        <span>
+          Hello
+        </span>
+        world!
+      </button>
+      <div :style="\`--va-0-theme-color: \${String(theme.color)};--va-1-theme-background: \${String(theme.background)}\`">
+        Label
+      </div>
+    </template>
+    
+    <script setup>
+    const theme = {
+      color: 'blue',
+      background: 'yellow',
+    }
+    </script>
+    
+    <style>
+      button {
+        color: var(--va-0-theme-color);
+        background: var(--va-1-theme-background);
+      }
+    </style>
+    `
+
+    expect(transformVueComponent(componentCode())).toBe(expectedComponentCode())
+  })
+
+  test('transform multiple v-bind the same variable', () => {
+    const componentCode = (attrs = '', nestedAttrs = '') => `
+    <template>
+      <button>
+        <span>
+          Hello
+        </span>
+        world!
+      </button>
+    </template>
+    
+    <script setup>
+    const theme = {
+      color: 'blue',
+    }
+    </script>
+    
+    <style>
+      button {
+        color: v-bind('theme.color');
+        fill: v-bind("theme.color");
+      }
+    </style>
+    `
+
+    const expectedComponentCode = () => `
+    <template>
+      <button :style="\`--va-0-theme-color: \${String(theme.color)}\`">
+        <span>
+          Hello
+        </span>
+        world!
+      </button>
+    </template>
+    
+    <script setup>
+    const theme = {
+      color: 'blue',
+    }
+    </script>
+    
+    <style>
+      button {
+        color: var(--va-0-theme-color);
+        fill: var(--va-0-theme-color);
+      }
+    </style>
+    `
+
+    expect(transformVueComponent(componentCode())).toBe(expectedComponentCode())
+  })
 })
diff --git a/packages/ui/build/plugins/component-v-bind-fix.ts b/packages/ui/build/plugins/component-v-bind-fix.ts
index 5814ef2f4f..71698e66cf 100644
--- a/packages/ui/build/plugins/component-v-bind-fix.ts
+++ b/packages/ui/build/plugins/component-v-bind-fix.ts
@@ -1,6 +1,7 @@
 import { Plugin } from 'vite'
 import kebabCase from 'lodash/kebabCase'
-import { parse } from 'vue/compiler-sfc'
+import { type SFCParseResult, parse } from 'vue/compiler-sfc'
+import MagicString from 'magic-string'
 
 /**
  * Parse css and extract all variable names used in `v-bind`
@@ -16,8 +17,24 @@ import { parse } from 'vue/compiler-sfc'
  *
  * Returns`['colorComputed', 'getBg()']`
  */
-const parseCssVBindCode = (style: string) => {
-  return parse(style).descriptor.cssVars
+const getVBinds = (sfc: SFCParseResult) => {
+  return sfc.descriptor.cssVars
+}
+
+/** Returns start and end indexes of v-bind used in style */
+const getStyleVBindLocs = (source: string, vBind: string) => {
+  // Regex for v-bind(color), v-bind('color'), v-bind("color")
+  const regex = new RegExp(`v-bind\\(['|"]?${vBind}['|"]?\\)`, 'gm')
+  const indexes = [] as { start: number, end: number }[]
+  let match
+
+  // The same variable can be used multiple times vBind in css
+  // replace all of them until there are no more matches
+  while ((match = regex.exec(source)) !== null) {
+    indexes.push({ start: match.index, end: match.index + match[0].length })
+  }
+
+  return indexes
 }
 
 /**
@@ -30,12 +47,23 @@ const parseCssVBindCode = (style: string) => {
  *   </va-button>
  * </template>
  * ```
- * Returns `<va-button>`
+ * Returns loc for `<va-button>`
  */
-const getRootNodeOpenTagCode = (code: string) => {
-  const template = code.match(/<template[^>]*>([\s\S]*)<\/template>/)?.[1]
-  const rootNode = template?.match(/<[^>]*>/)?.[0]
-  return rootNode
+const getRootNodesOpenTags = (sfc: SFCParseResult) => {
+  const ast = sfc.descriptor.template?.ast
+  const rootNodes = ast?.children.filter(node => node.type === 1 /* ELEMENT */)
+
+  return rootNodes?.map(({ loc }) => {
+    const openTag = loc.source.match(/<[^>]*>/)?.[0]
+    if (!openTag) { return undefined }
+
+    return {
+      ...loc,
+      end: { ...loc.start, offset: loc.start.offset + openTag.length },
+
+      source: openTag,
+    }
+  })
 }
 
 const renderCssVariablesAsStringCode = (vBinds: string[]) => {
@@ -63,7 +91,7 @@ const renderObjectGuardCode = (existingContent: string, binds: string[]) => {
   return `typeof ${existingContent} === 'object' ? (Array.isArray(${existingContent}) ? ${arrayStyle} : ${objectStyle}) : ${stringStyle}`
 }
 
-const addStyleToRootNode = (rootNode: string, vBinds: string[]) => {
+const addStyleAttrToTag = (rootNode: string, vBinds: string[]) => {
   const [vBindCode, vBindContent] = rootNode?.match(/:style="([^"]*)"/) || []
   const [attrCode, attrContent] = rootNode?.match(/[^:]style="([^"]*)"/) || []
   const cssVariablesString = renderCssVariablesAsStringCode(vBinds)
@@ -84,33 +112,37 @@ const addStyleToRootNode = (rootNode: string, vBinds: string[]) => {
   return rootNode.replace(/(\/?>)$/, ` :style="\`${cssVariablesString}\`"$1`)
 }
 
-/** Replace each v-bind() with var(--va-index-name) */
-const replaceVueVBindWithCssVariables = (code: string, vBinds: string[]) => {
-  vBinds.forEach((vBind, index) => {
-    try {
-      code = code.replace(new RegExp(`v-bind\\(['|"]?${vBind}['|"]?\\)`, 'gm'), `var(--va-${index}-${kebabCase(vBind)})`)
-    } catch (e) {
-      console.log(vBind)
-      throw e
-    }
-  })
-
-  return code
-}
-
 export const transformVueComponent = (code: string) => {
-  const style = code.match(/<style[^>]*>([\s\S]*)<\/style>/)
-  if (!style) { return }
+  const sfc = parse(code)
 
-  const vBinds = parseCssVBindCode(style[0])
+  const vBinds = getVBinds(sfc)
   if (!vBinds.length) { return }
 
-  const rootNode = getRootNodeOpenTagCode(code)
-  if (!rootNode) { throw new Error('Root node not found in template') }
+  const rootNodes = getRootNodesOpenTags(sfc)
+  if (!rootNodes?.length) { return }
+
+  const s = new MagicString(code)
+
+  rootNodes?.forEach((nodeOpenTag) => {
+    if (!nodeOpenTag) { return }
+
+    const newStartTagCode = addStyleAttrToTag(nodeOpenTag.source, vBinds)
+
+    s.overwrite(nodeOpenTag.start.offset, nodeOpenTag.end.offset, newStartTagCode)
+  })
+
+  vBinds.forEach((vBind, index) => {
+    const locs = getStyleVBindLocs(s.original, vBind)
 
-  code = replaceVueVBindWithCssVariables(code, vBinds)
+    locs.forEach((loc) => {
+      s.overwrite(loc.start, loc.end, `var(--va-${index}-${kebabCase(vBind)})`)
+    })
+  })
 
-  return code.replace(rootNode, addStyleToRootNode(rootNode, vBinds))
+  return {
+    code: s.toString(),
+    map: s.generateMap(),
+  }
 }
 
 /** We need this plugin to support CSS vbind in SSR. Vue useCssVars is disabled for cjs build */

From ce8ca69cffc52d1fb8022ba74babbb1280f13916 Mon Sep 17 00:00:00 2001
From: Vitaly <vitaly.raichev@epicmax.co>
Date: Tue, 11 Apr 2023 23:06:02 +0300
Subject: [PATCH 17/30] [#2859] `VaConfig` docs (#3308)

* feat(#2859): implement docs examples

* feat(#2859): update locales, add translations

* feat(#2859): add navigation root
---
 packages/docs/locales/en.json                 |  9 +++-
 packages/docs/locales/ru.json                 |  8 +++-
 packages/docs/page-config/navigationRoutes.ts |  7 +++
 .../services/components-config/index.ts       |  1 +
 .../ui-elements/config/api-options.ts         |  7 +++
 .../ui-elements/config/examples/Default.vue   | 45 +++++++++++++++++++
 .../config/examples/ExampleCard.vue           | 30 +++++++++++++
 .../page-config/ui-elements/config/index.ts   | 16 +++++++
 .../ui-elements/config/translation/en.json    | 11 +++++
 .../ui-elements/config/translation/ru.json    | 11 +++++
 10 files changed, 143 insertions(+), 2 deletions(-)
 create mode 100644 packages/docs/page-config/ui-elements/config/api-options.ts
 create mode 100644 packages/docs/page-config/ui-elements/config/examples/Default.vue
 create mode 100644 packages/docs/page-config/ui-elements/config/examples/ExampleCard.vue
 create mode 100644 packages/docs/page-config/ui-elements/config/index.ts
 create mode 100644 packages/docs/page-config/ui-elements/config/translation/en.json
 create mode 100644 packages/docs/page-config/ui-elements/config/translation/ru.json

diff --git a/packages/docs/locales/en.json b/packages/docs/locales/en.json
index 6713f69e50..c9f4f985aa 100644
--- a/packages/docs/locales/en.json
+++ b/packages/docs/locales/en.json
@@ -1538,6 +1538,11 @@
         "lastLineWidth": "Width of last line in `px`, `rem`, `em`, `%` if `variant` is `text`",
         "tag": "Skeleton tag."
       }
+    },
+    "VaConfig": {
+      "props": {
+        "components": "Components configuration object."
+      }
     }
   },
   "menu": {
@@ -1677,6 +1682,7 @@
     "unocss": "UnoCSS Integration",
     "testing": "Testing",
     "value": "Value",
+    "config": "Config",
     "confirm": "Confirm"
   },
   "all": {
@@ -4283,7 +4289,8 @@
     "vaConfig": {
       "title": "Scoped config",
       "subtitle": "You can use the `<va-config>` component to overwrite the default props values for the components inside that tag. Take a look at the demo below:",
-      "explain": "Look at the code. In this demo we have changed the default color for all the `VaButton` and `VaIcon` inside the `VaConfig`. We also have passed a different value to the third button's `color` prop (direct component's prop takes precedence over the one specified on the `VaConfig`)."
+      "explain": "Look at the code. In this demo we have changed the default color for all the `VaButton` and `VaIcon` inside the `VaConfig`. We also have passed a different value to the third button's `color` prop (direct component's prop takes precedence over the one specified on the `VaConfig`).",
+      "vaConfigComponentLink": "Find out more about VaConfig component"
     },
     "priority": {
       "title": "Props values priority",
diff --git a/packages/docs/locales/ru.json b/packages/docs/locales/ru.json
index 4bc5fdeefb..6356b22343 100644
--- a/packages/docs/locales/ru.json
+++ b/packages/docs/locales/ru.json
@@ -1427,6 +1427,11 @@
         "default": "Слот для шаблона элемента списка.",
         "content": "Слот для перезаписи шаблона компонента (для сложных интеграция, когда стандартная структура не подходит)."
       }
+    },
+    "VaConfig": {
+      "props": {
+        "components": "Объект c конфигурацией компонентов."
+      }
     }
   },
   "menu": {
@@ -4171,7 +4176,8 @@
     "vaConfig": {
       "title": "Scoped конфигурация",
       "subtitle": "Мы можем использовать VaConfig для переопределения свойств компонентов внутри `<va-config></va-config>`. Конфигурация компонентов для всех компонентов внутри тега `va-config` будет перезаписана на значение свойства `components`. Давайте посмотрим на демонстрацию ниже:",
-      "explain": "Посмотрите на код. В этой демонстрации мы изменили цвет по умолчанию для всех наших компонентов `VaButton` и `VaIcons`. Также мы передаем свойство третьей кнопке, значение которой имеет более высокий приоритет, чем в scoped конфигурации."
+      "explain": "Посмотрите на код. В этой демонстрации мы изменили цвет по умолчанию для всех наших компонентов `VaButton` и `VaIcons`. Также мы передаем свойство третьей кнопке, значение которой имеет более высокий приоритет, чем в scoped конфигурации.",
+      "vaConfigComponentLink": "Подробнее про VaConfig компонент"
     },
     "priority": {
       "title": "Приоритеты использования значений",
diff --git a/packages/docs/page-config/navigationRoutes.ts b/packages/docs/page-config/navigationRoutes.ts
index 504a352bca..4024937946 100644
--- a/packages/docs/page-config/navigationRoutes.ts
+++ b/packages/docs/page-config/navigationRoutes.ts
@@ -359,6 +359,13 @@ export const navigationRoutes: NavigationRoute[] = [
           badge: "new",
         }
       },
+      {
+        name: "config",
+        displayName: "menu.config",
+        meta: {
+          badge: "new",
+        }
+      },
       {
         name: "hover",
         displayName: "menu.hover",
diff --git a/packages/docs/page-config/services/components-config/index.ts b/packages/docs/page-config/services/components-config/index.ts
index 410a3ec58c..417ac41a5d 100644
--- a/packages/docs/page-config/services/components-config/index.ts
+++ b/packages/docs/page-config/services/components-config/index.ts
@@ -45,6 +45,7 @@ export default definePageConfig({
     block.paragraph("componentsConfig.vaConfig.subtitle"),
     block.example("va-config", { hideTitle: true }),
     block.paragraph("componentsConfig.vaConfig.explain"),
+    block.link("componentsConfig.vaConfig.vaConfigComponentLink", "/ui-elements/config"),
 
     block.subtitle("componentsConfig.priority.title"),
     block.paragraph("componentsConfig.priority.description"),
diff --git a/packages/docs/page-config/ui-elements/config/api-options.ts b/packages/docs/page-config/ui-elements/config/api-options.ts
new file mode 100644
index 0000000000..64b07c3ffb
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/config/api-options.ts
@@ -0,0 +1,7 @@
+export default defineManualApi({
+  props: {
+    components: {
+      types: "`ComponentConfig`"
+    },
+  },
+});
diff --git a/packages/docs/page-config/ui-elements/config/examples/Default.vue b/packages/docs/page-config/ui-elements/config/examples/Default.vue
new file mode 100644
index 0000000000..dd1355a2b5
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/config/examples/Default.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="flex gap-6 flex-wrap justify-center">
+    <example-card />
+
+    <va-config :components="config1">
+      <example-card />
+    </va-config>
+
+    <va-config :components="config2">
+      <example-card />
+    </va-config>
+  </div>
+
+  <div class="flex gap-2 mt-8 items-center flex-wrap">
+    Select color
+    <va-color-input
+      v-model="color"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref, computed } from 'vue'
+  import { useColors } from 'vuestic-ui'
+  import ExampleCard from './ExampleCard.vue'
+
+  const color = ref('#ef476f')
+
+  const { getTextColor } = useColors()
+  const textColor = computed(() => getTextColor(color.value))
+
+  const config1 = computed(() => ({
+    VaButton: { preset: 'primary', color: color.value, round: true, block: true },
+    VaInput: { color: color.value, bordered: true },
+    VaSelect: { color: color.value, bordered: true },
+    VaCard: { stripeColor: color.value, stripe: true },
+  }))
+
+  const config2 = computed(() => ({
+    VaButton: { color: 'warning', block: true, icon: 'thumb_up' },
+    VaCard: { color: color.value, gradient: true },
+    VaInput: { color: textColor.value, outline: true },
+    VaSelect: { color: textColor.value, outline: true },
+  }))
+</script>
diff --git a/packages/docs/page-config/ui-elements/config/examples/ExampleCard.vue b/packages/docs/page-config/ui-elements/config/examples/ExampleCard.vue
new file mode 100644
index 0000000000..0af36351f6
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/config/examples/ExampleCard.vue
@@ -0,0 +1,30 @@
+<template>
+  <va-card>
+    <va-card-title>My Card</va-card-title>
+    <va-card-content class="flex gap-8 flex-col">
+      <va-input
+        v-model="input"
+        label="My Input"
+      />
+      <va-select
+        v-model="select"
+        :options="['one', 'two', 'three']"
+        label="My Select"
+      />
+    </va-card-content>
+    <va-card-actions align="right">
+      <va-button>My Button</va-button>
+    </va-card-actions>
+  </va-card>
+</template>
+
+<script>
+export default defineComponent({
+  data () {
+    return {
+      input: undefined,
+      select: undefined,
+    }
+  },
+})
+</script>
diff --git a/packages/docs/page-config/ui-elements/config/index.ts b/packages/docs/page-config/ui-elements/config/index.ts
new file mode 100644
index 0000000000..7e6f582876
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/config/index.ts
@@ -0,0 +1,16 @@
+import apiOptions from "./api-options";
+
+export default definePageConfig({
+  blocks: [
+    block.title("config.title"),
+    block.paragraph("config.description"),
+    block.link("config.link", "/services/components-config"),
+
+    block.subtitle("all.examples"),
+
+    block.example("Default"),
+
+    block.subtitle("all.api"),
+    block.api("VaConfig", apiOptions),
+  ],
+});
diff --git a/packages/docs/page-config/ui-elements/config/translation/en.json b/packages/docs/page-config/ui-elements/config/translation/en.json
new file mode 100644
index 0000000000..bb7281844a
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/config/translation/en.json
@@ -0,0 +1,11 @@
+{
+  "title": "Scoped Config",
+  "description": "`VaConfig` is a utility component that allows you to configure components (provide specific default prop values to components) locally in a section of your application. This is useful when you have a local scope where your components have props other than global ones.",
+  "link": "Find out more about components config",
+  "examples": {
+    "default": {
+      "title": "Default usage",
+      "text": "By default, `VaConfig` does nothing. You must provide the `components` prop with the `vuestic` components configuration."
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/docs/page-config/ui-elements/config/translation/ru.json b/packages/docs/page-config/ui-elements/config/translation/ru.json
new file mode 100644
index 0000000000..065470ae3b
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/config/translation/ru.json
@@ -0,0 +1,11 @@
+{
+  "title": "Scoped Config",
+  "description": "`VaConfig` — это служебный компонент, который позволяет вам настраивать компоненты (предоставлять определенные значения свойств по умолчанию для компонентов) локально в разделе вашего приложения. Это полезно, когда у вас есть локальная область, где ваши компоненты имеют свойства, отличные от глобальных.",
+  "link": "Подробнее о конфигурации компонетов",
+  "examples": {
+    "default": {
+      "title": "Базовое использование",
+      "text": "По умолчанию `VaConfig` ничего не делает. Вы должны предоставить свойство `components` с конфигурацией компонентов `vuestic`."
+    }
+  }
+}
\ No newline at end of file

From 9e89b58a1b06f75f457f9b2486715f9c1a553603 Mon Sep 17 00:00:00 2001
From: Vitaly <vitaly.raichev@epicmax.co>
Date: Wed, 12 Apr 2023 00:01:16 +0300
Subject: [PATCH 18/30] [#3183] `VaDataTable` inline editing example (#3303)

* fix(#3183): implement InlineEditing example

* fix(#3183): add docs example

* fix(#3183): add va-value component

* chore(#3183): simplify demo and provide more contextual text

---------

Co-authored-by: Maksim Nedoshev <m0ksem1337@gmail.com>
---
 packages/docs/locales/en.json                 |   4 +
 packages/docs/locales/ru.json                 |   8 ++
 .../data-table/examples/InlineEditing.vue     | 104 ++++++++++++++++++
 .../ui-elements/data-table/index.ts           |   2 +
 4 files changed, 118 insertions(+)
 create mode 100644 packages/docs/page-config/ui-elements/data-table/examples/InlineEditing.vue

diff --git a/packages/docs/locales/en.json b/packages/docs/locales/en.json
index c9f4f985aa..68bcab97c0 100644
--- a/packages/docs/locales/en.json
+++ b/packages/docs/locales/en.json
@@ -4646,6 +4646,10 @@
         "title": "Expandable rows",
         "text": "Each row could can be additionally expanded by providing `expandableRow` slot. Slot expansion is triggered by `row.toggleExpandableRow` slot property"
       },
+      "inlineEditing": {
+        "title": "Inline Editing",
+        "text": "Inline cell editing example. We provide a `#cell` slot for each column. The [VaValue](/ui-elements/value) component provides a boolean variable, which we can use to show/hide input. To change cell data we need access it by reference using `row.rowData[item.key]` - this way vue can track reactivity. Additional CSS is used to make the table look better. This way you can use [VaInput](/ui-elements/input), [VaSelect](/ui-elements/select) or any other component to edit data inline."
+      },
       "other": {
         "title": "Other",
         "text": [
diff --git a/packages/docs/locales/ru.json b/packages/docs/locales/ru.json
index 6356b22343..db6d98c414 100644
--- a/packages/docs/locales/ru.json
+++ b/packages/docs/locales/ru.json
@@ -4530,6 +4530,14 @@
         "title": "Виртуальный скроллинг",
         "text": "Свойство `virtual-scroller` включает виртуальный скроллинг для строк `tbody` ([дополнительная информация](/ui-elements/virtual-scroller)). Обратите внимание, что в данном режиме отключен `CSS transition` из-за возможных проблем с производительностью."
       },
+      "expandableRow": {
+        "title": "Раскрывающиеся строки",
+        "text": "Каждая строка может быть дополнительно расширена с помощью слота `expandableRow`. Расширение слота запускается свойством слота `row.toggleExpandableRow`."
+      },
+      "inlineEditing": {
+        "title": "Встроенное редактирование",
+        "text": "Пример добавления функционала встроенного редактирования. Мы используем `#cell` слот для каждой колонки. [VaValue](/ui-elements/value) предоставляет значение, которое мы используем чтобы прятать или показывать поле ввода. Чтобы изменить данные, нужно обращаться к ним по ссылке таким образом `row.rowData[item.key]` - так vue может отслеживать изменения. Дополнительный CSS используется для того, чтобы таблица выглядела лучше. Таким образом вы можете использовать [VaInput](/ui-elements/input), [VaSelect](/ui-elements/select) или любой другой компонент для встроенного редактирования данных."
+      },
       "other": {
         "title": "Другое",
         "text": [
diff --git a/packages/docs/page-config/ui-elements/data-table/examples/InlineEditing.vue b/packages/docs/page-config/ui-elements/data-table/examples/InlineEditing.vue
new file mode 100644
index 0000000000..0d42f3a3dd
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/data-table/examples/InlineEditing.vue
@@ -0,0 +1,104 @@
+<template>
+  <va-data-table
+    class="table-inline-example"
+    :items="items"
+    :columns="columns"
+  >
+    <template
+      v-for="item in columns"
+      :key="item.key"
+      #[`cell(${item.key})`]="{ value, row }"
+    >
+      <div class="table-inline-example__cell">
+        <va-value #default="doShowInput">
+          <va-input
+            v-if="doShowInput.value"
+            :model-value="value"
+            @change="() => { 
+              row.rowData[item.key] = $event.target.value
+              doShowInput.value = false
+            }"
+            @blur="doShowInput.value = false"
+            @vue:mounted="$event.component.ctx.focus()"
+          />
+          <span
+            class="table-inline-example__item"
+            :class="doShowInput.value ? 'table-inline-example__item--hidden' : ''"
+            @click="doShowInput.value = true"
+          >
+            {{ value }}
+          </span>
+        </va-value>
+      </div>
+    </template>
+  </va-data-table>
+</template>
+
+<script>
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  data() {
+    const items = [
+      {
+        name: "Leanne Graham",
+        username: "Bret",
+        email: "Sincere@april.biz",
+      },
+      {
+        name: "Ervin Howell",
+        username: "Antonette",
+        email: "Shanna@melissa.tv",
+      },
+      {
+        name: "Clementine Bauch",
+        username: "Samantha",
+        email: "Nathan@yesenia.net",
+      },
+      {
+        name: "Patricia Lebsack",
+        username: "Karianne",
+        email: "Julianne.OConner@kory.org",
+      },
+    ];
+
+    const columns = [
+      { key: "name", sortable: true },
+      { key: "username", sortable: true },
+      { key: "email", sortable: true },
+    ];
+
+    return {
+      items,
+      columns,
+    };
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.table-inline-example {
+  .table-inline-example__cell {
+    position: relative;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  .table-inline-example__item {
+    cursor: pointer;
+
+    &--hidden {
+      z-index: -1;
+      opacity: 0;
+      pointer-events: none;
+    }
+  }
+
+  .va-input {
+    position: absolute;
+    width: 100%;
+  }
+}
+</style>
diff --git a/packages/docs/page-config/ui-elements/data-table/index.ts b/packages/docs/page-config/ui-elements/data-table/index.ts
index edb0017de6..cb2d875319 100644
--- a/packages/docs/page-config/ui-elements/data-table/index.ts
+++ b/packages/docs/page-config/ui-elements/data-table/index.ts
@@ -54,6 +54,8 @@ export default definePageConfig({
 
     block.example("ExpandableRow"),
 
+    block.example("InlineEditing"),
+
     block.subtitle("all.api"),
     block.api("VaDataTable", apiOptions),
   ],

From aacb8515fc434b7084bc28e1507d50ccc4936e58 Mon Sep 17 00:00:00 2001
From: Skander999 <124508243+Skander999@users.noreply.github.com>
Date: Tue, 11 Apr 2023 22:08:30 +0100
Subject: [PATCH 19/30] Add continuous counter update to VaCounter close #2108
 (#3247)

* Continous update of the counter when keep clicked

* Refactor elements to span multiple lines with one attribute per line

* Refactor: Moved logic to compostables

* chore: eslint fixes

* chore: refactor useLongPress composable

* fix(counter): correctly use useLongPress composable

* fix(counter): add long-press-delay prop

---------

Co-authored-by: Maksim Nedoshev <m0ksem1337@gmail.com>
---
 packages/ui/build/common-config.ts            |  2 +-
 .../src/components/va-counter/VaCounter.vue   | 50 +++++++++++++------
 packages/ui/src/composables/index.ts          |  1 +
 packages/ui/src/composables/useLongPress.ts   | 36 +++++++++++++
 4 files changed, 74 insertions(+), 15 deletions(-)
 create mode 100644 packages/ui/src/composables/useLongPress.ts

diff --git a/packages/ui/build/common-config.ts b/packages/ui/build/common-config.ts
index 1a1b805cfa..c9eb8a7c95 100644
--- a/packages/ui/build/common-config.ts
+++ b/packages/ui/build/common-config.ts
@@ -1,4 +1,4 @@
-import { componentVBindFix } from './plugins/component-v-bind-fix';
+import { componentVBindFix } from './plugins/component-v-bind-fix'
 import { readFileSync, lstatSync, readdirSync } from 'fs'
 import vue from '@vitejs/plugin-vue'
 import { resolve as resolver } from 'path'
diff --git a/packages/ui/src/components/va-counter/VaCounter.vue b/packages/ui/src/components/va-counter/VaCounter.vue
index de8a6446f8..3ace8669f3 100644
--- a/packages/ui/src/components/va-counter/VaCounter.vue
+++ b/packages/ui/src/components/va-counter/VaCounter.vue
@@ -11,7 +11,8 @@
     @keydown.left.prevent="decreaseCount"
   >
     <template v-if="$props.buttons" #prepend="slotScope">
-      <div class="va-counter__prepend-wrapper"
+      <div
+        class="va-counter__prepend-wrapper"
         :style="{ marginRight: marginComputed }"
         @mousedown.prevent="focus"
       >
@@ -20,7 +21,7 @@
             class="va-counter__button-decrease"
             :aria-label="tp($props.ariaDecreaseLabel)"
             v-bind="decreaseButtonProps"
-            @click="decreaseCount"
+            ref="decreaseButtonRef"
           />
         </slot>
       </div>
@@ -32,13 +33,17 @@
         @mousedown.prevent="focus"
       >
         <slot name="decreaseAction" v-bind="{ ...slotScope, decreaseCount }">
-          <va-button v-bind="decreaseIconProps" />
+          <va-button
+            v-bind="decreaseIconProps"
+            ref="decreaseButtonRef"
+          />
         </slot>
       </div>
     </template>
 
     <template v-if="$props.buttons" #append="slotScope">
-      <div class="va-counter__append-wrapper"
+      <div
+        class="va-counter__append-wrapper"
         :style="{ marginLeft: marginComputed }"
         @mousedown.prevent="focus"
       >
@@ -47,7 +52,7 @@
             class="va-counter__button-increase"
             :aria-label="tp($props.ariaIncreaseLabel)"
             v-bind="increaseButtonProps"
-            @click="increaseCount"
+            ref="increaseButtonRef"
           />
         </slot>
       </div>
@@ -59,18 +64,20 @@
         @mousedown.prevent="focus"
       >
         <slot name="increaseAction" v-bind="{ ...slotScope, increaseCount }">
-          <va-button v-bind="increaseIconProps" />
+          <va-button
+            v-bind="increaseIconProps"
+            ref="increaseButtonRef"
+          />
         </slot>
       </div>
     </template>
 
     <template v-if="$slots.content" #default="slotScope">
-      <div
-        ref="input"
-        tabindex="0"
-        class="va-counter__content-wrapper"
-      >
-        <slot name="content" v-bind="{ ...slotScope, value: Number(valueComputed) }" />
+      <div ref="input" tabindex="0" class="va-counter__content-wrapper">
+        <slot
+          name="content"
+          v-bind="{ ...slotScope, value: Number(valueComputed) }"
+        />
       </div>
     </template>
 
@@ -84,7 +91,7 @@
       :value="valueComputed"
       @input="setCountInput"
       @change="setCountChange"
-    >
+    />
   </va-input-wrapper>
 </template>
 
@@ -97,6 +104,7 @@ import {
   InputHTMLAttributes,
   PropType,
   ComputedRef,
+  toRef,
 } from 'vue'
 import omit from 'lodash/omit'
 import pick from 'lodash/pick'
@@ -110,6 +118,8 @@ import {
   useStateful, useStatefulProps,
   useColors,
   useTranslation,
+  useLongPress,
+  useTemplateRef,
 } from '../../composables'
 import useCounterPropsValidation from './hooks/useCounterPropsValidation'
 
@@ -159,6 +169,7 @@ export default defineComponent({
     rounded: { type: Boolean, default: false },
     margins: { type: [String, Number], default: '4px' },
     textColor: { type: String, default: undefined },
+    longPressDelay: { type: Number, default: 500 },
 
     ariaLabel: { type: String, default: '$t:counterValue' },
     ariaDecreaseLabel: { type: String, default: '$t:decreaseCounter' },
@@ -190,7 +201,7 @@ export default defineComponent({
       valueComputed.value = Number((target as HTMLInputElement | null)?.value)
     }
 
-    const setCountChange = ({ target } : Event) => {
+    const setCountChange = ({ target }: Event) => {
       calculateCounterValue(Number((target as HTMLInputElement | null)?.value))
     }
 
@@ -252,6 +263,16 @@ export default defineComponent({
       calculateCounterValue(Number(valueComputed.value) + step.value)
     }
 
+    useLongPress(useTemplateRef('decreaseButtonRef'), {
+      onUpdate: decreaseCount,
+      delay: toRef(props, 'longPressDelay'),
+    })
+
+    useLongPress(useTemplateRef('increaseButtonRef'), {
+      onUpdate: increaseCount,
+      delay: toRef(props, 'longPressDelay'),
+    })
+
     const { getColor } = useColors()
     const colorComputed = computed(() => getColor(props.color))
 
@@ -453,6 +474,7 @@ export default defineComponent({
       -webkit-appearance: none;
       margin: 0;
     }
+
     // Firefox
     &[type=number] {
       -moz-appearance: textfield;
diff --git a/packages/ui/src/composables/index.ts b/packages/ui/src/composables/index.ts
index 45ed5db520..0b37750684 100644
--- a/packages/ui/src/composables/index.ts
+++ b/packages/ui/src/composables/index.ts
@@ -34,6 +34,7 @@ export * from './useIntersectionObserver'
 export * from './useIsMounted'
 export * from './useKeyboardOnlyFocus'
 export * from './useLoading'
+export * from './useLongPress'
 export * from './useMaxSelections'
 export * from './useModalLevel'
 export * from './useObjectRefs'
diff --git a/packages/ui/src/composables/useLongPress.ts b/packages/ui/src/composables/useLongPress.ts
new file mode 100644
index 0000000000..c41f4ec2d1
--- /dev/null
+++ b/packages/ui/src/composables/useLongPress.ts
@@ -0,0 +1,36 @@
+import { Ref, ShallowRef, unref } from 'vue'
+import { useEvent } from './useEvent'
+import { MaybeElement, useHTMLElement } from '.'
+
+type MaybeRef<T> = Ref<T> | T
+
+interface LongPressOptions {
+  onStart: () => void;
+  onEnd: () => void;
+  onUpdate: () => void;
+  delay?: MaybeRef<number>;
+  interval?: number;
+}
+
+export function useLongPress (el: ShallowRef<HTMLElement | undefined>, options: Partial<LongPressOptions>) {
+  let timeoutId = -1
+  let intervalId = -1
+
+  const handleMouseDown = () => {
+    options.onStart?.()
+    timeoutId = setTimeout(() => {
+      intervalId = setInterval(() => options.onUpdate?.(), options.interval || 100) as any
+    }, unref(options.delay) || 500) as unknown as number
+  }
+
+  const handleMouseUp = () => {
+    clearTimeout(timeoutId)
+    clearInterval(intervalId)
+    options.onEnd?.()
+  }
+
+  const htmlElement = useHTMLElement(el)
+
+  useEvent('mousedown', handleMouseDown, htmlElement)
+  useEvent('mouseup', handleMouseUp, htmlElement)
+}

From 4d5891842ad2ed344c7ff043e22c7c6d05483188 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 00:24:52 +0300
Subject: [PATCH 20/30] Feat/forms (#3224)

* raw

* fix(form): reset validation

* chore(form): refactor and move useForm to composable

* feat(form): hide-errors and hide-error-messages props

* feat(form): docs and named errors

* feat(form): form data and stateful

* docs(form): pretiffy demo

* feat(form): async-validation

* feat(form): improve async-validation DX

* docs(form): async validation text

* chore: fix review issues

* docs: added prop description for VaForm

* chore: added updated badge to form docs
---
 packages/docs/locales/en.json                 |   8 +-
 packages/docs/page-config/navigationRoutes.ts |   3 +
 .../ui-elements/form/api-options.ts           |   5 +
 .../form/examples/AsyncValidation.vue         |  25 +++
 .../ui-elements/form/examples/Default.vue     | 121 ++++++++++++--
 .../ui-elements/form/examples/FormData.vue    |  19 +++
 .../ui-elements/form/examples/HideErrors.vue  |  40 +++++
 .../ui-elements/form/examples/WithInputs.vue  |  62 -------
 .../page-config/ui-elements/form/index.ts     |   4 +-
 .../ui-elements/form/translation/en.json      |  20 +++
 .../ui/src/components/va-config/VaConfig.vue  |   2 +-
 .../src/components/va-counter/VaCounter.vue   |   4 +-
 .../components/va-date-input/VaDateInput.vue  |   2 +-
 packages/ui/src/components/va-form/VaForm.vue | 124 ++++++--------
 .../src/components/va-form/VaFormNew.demo.vue |  92 +++++++++++
 packages/ui/src/components/va-form/consts.ts  |  24 ---
 .../ui/src/components/va-input/VaInput.vue    |  18 +-
 .../VaInputWrapper/VaInputWrapper.vue         |   4 +-
 .../components/VaTextarea/VaTextarea.vue      |   4 +-
 .../components/va-input/hooks/useCleave.ts    |  17 +-
 .../va-option-list/VaOptionList.vue           |   2 +-
 .../ui/src/components/va-radio/VaRadio.vue    |   6 +-
 .../ui/src/components/va-rating/VaRating.vue  |   6 +-
 .../components/va-rating/hooks/useRating.ts   |   4 +-
 .../ui/src/components/va-select/VaSelect.vue  |   6 +-
 .../VaSelectContent/VaSelectContent.vue       |   4 +-
 .../components/va-time-input/VaTimeInput.vue  |  25 +--
 .../va-time-picker/VaTimePicker.vue           |   8 +-
 packages/ui/src/composables/index.ts          |   1 +
 .../{useForm.spec.ts => useFormField.spec.ts} |   5 +-
 .../ui/src/composables/useComponentUuid.ts    |   7 +
 packages/ui/src/composables/useForm/consts.ts |   4 +
 packages/ui/src/composables/useForm/index.ts  |   3 +
 packages/ui/src/composables/useForm/types.ts  |  29 ++++
 .../ui/src/composables/useForm/useForm.ts     |  45 +++++
 .../src/composables/useForm/useFormChild.ts   |  33 ++++
 .../src/composables/useForm/useFormParent.ts  | 108 ++++++++++++
 .../{useForm.ts => useFormField.ts}           |  10 +-
 .../hooks => composables}/useLocalConfig.ts   |  10 +-
 packages/ui/src/composables/useSelectable.ts  |   6 +-
 packages/ui/src/composables/useValidation.ts  | 154 ++++++++++++------
 packages/ui/src/main.ts                       |   1 +
 .../utils/use-component-config-props.ts       |   2 +-
 43 files changed, 785 insertions(+), 292 deletions(-)
 create mode 100644 packages/docs/page-config/ui-elements/form/examples/AsyncValidation.vue
 create mode 100644 packages/docs/page-config/ui-elements/form/examples/FormData.vue
 create mode 100644 packages/docs/page-config/ui-elements/form/examples/HideErrors.vue
 delete mode 100644 packages/docs/page-config/ui-elements/form/examples/WithInputs.vue
 create mode 100644 packages/docs/page-config/ui-elements/form/translation/en.json
 create mode 100644 packages/ui/src/components/va-form/VaFormNew.demo.vue
 delete mode 100644 packages/ui/src/components/va-form/consts.ts
 rename packages/ui/src/composables/tests/{useForm.spec.ts => useFormField.spec.ts} (77%)
 create mode 100644 packages/ui/src/composables/useComponentUuid.ts
 create mode 100644 packages/ui/src/composables/useForm/consts.ts
 create mode 100644 packages/ui/src/composables/useForm/index.ts
 create mode 100644 packages/ui/src/composables/useForm/types.ts
 create mode 100644 packages/ui/src/composables/useForm/useForm.ts
 create mode 100644 packages/ui/src/composables/useForm/useFormChild.ts
 create mode 100644 packages/ui/src/composables/useForm/useFormParent.ts
 rename packages/ui/src/composables/{useForm.ts => useFormField.ts} (78%)
 rename packages/ui/src/{components/va-config/hooks => composables}/useLocalConfig.ts (55%)

diff --git a/packages/docs/locales/en.json b/packages/docs/locales/en.json
index 68bcab97c0..d801755229 100644
--- a/packages/docs/locales/en.json
+++ b/packages/docs/locales/en.json
@@ -221,7 +221,13 @@
     },
     "VaForm": {
       "props": {
-        "autofocus": "Focus on first form-component <!-- TODO Add link --> on render"
+        "autofocus": "Focus on first form-component on render",
+        "hideErrorMessages": "Hide error messages for all form-components. Can be used if you want to display messages separately",
+        "hideErrors": "Do not highlight invalid form-components",
+        "hideLoading": "Do not show loading state for all form-components",
+        "immediate": "Validate form-components on mount. By default validation is performed on first user interaction with form-components",
+        "modelValue": "Used to indicate if form is valid or not. Can be used to disable submit button for example",
+        "stateful": "Makes all form-components stateful. By default form-components are stateless and you need to pass `v-model` to them to make them stateful"
       },
       "events": {
         "validation": "Triggered on validation update"
diff --git a/packages/docs/page-config/navigationRoutes.ts b/packages/docs/page-config/navigationRoutes.ts
index 4024937946..5f5f0f8135 100644
--- a/packages/docs/page-config/navigationRoutes.ts
+++ b/packages/docs/page-config/navigationRoutes.ts
@@ -206,6 +206,9 @@ export const navigationRoutes: NavigationRoute[] = [
         category: "menu.categories.form",
         name: "form",
         displayName: "menu.form",
+        meta: {
+          badge: "updated",
+        }
       },
       {
         name: "switch",
diff --git a/packages/docs/page-config/ui-elements/form/api-options.ts b/packages/docs/page-config/ui-elements/form/api-options.ts
index 3881255522..f1a3f16a6b 100644
--- a/packages/docs/page-config/ui-elements/form/api-options.ts
+++ b/packages/docs/page-config/ui-elements/form/api-options.ts
@@ -1,4 +1,9 @@
 export default defineManualApi({
+  props: {
+    trigger: {
+      hidden: true,
+    }
+  },
   methods: {
     validate: {
       types: "`() => boolean`",
diff --git a/packages/docs/page-config/ui-elements/form/examples/AsyncValidation.vue b/packages/docs/page-config/ui-elements/form/examples/AsyncValidation.vue
new file mode 100644
index 0000000000..46dd7aa63f
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/form/examples/AsyncValidation.vue
@@ -0,0 +1,25 @@
+<template>
+  <va-form ref="myForm" class="flex flex-col gap-2">
+    <va-progress-bar v-show="isLoading" indeterminate />
+
+    <va-input stateful label="Name" :rules="[(v) => !!v || 'Required']" />
+
+    <va-input stateful label="Phone" :rules="[asyncRule, (v) => !!v || 'Required']" />
+
+    <va-button :loading="isLoading" :disabled="isLoading || !isValid">Send</va-button>
+  </va-form>
+</template>
+
+<script setup lang="ts">
+  import { useForm } from 'vuestic-ui'
+
+  const { isLoading, isValid } = useForm('myForm')
+
+  const asyncRule = (v: string) => {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve(v.length > 3 || 'Should be more than 3 symbols')
+      }, 3000)
+    })
+  }
+</script>
\ No newline at end of file
diff --git a/packages/docs/page-config/ui-elements/form/examples/Default.vue b/packages/docs/page-config/ui-elements/form/examples/Default.vue
index 70111048d1..8235d5d979 100644
--- a/packages/docs/page-config/ui-elements/form/examples/Default.vue
+++ b/packages/docs/page-config/ui-elements/form/examples/Default.vue
@@ -1,26 +1,115 @@
 <template>
-  <va-form style="width: 300px;">
+  <va-form class="flex flex-col gap-6" ref="formRef">
     <va-input
-      v-model="inputValue1"
-      label="First Name"
-      :rules="[(value) => (value && value.length > 0) || 'Field is required']"
+      v-model="form.firstName"
+      :rules="[(value) => (value && value.length > 0) || 'First name is required']"
+      label="firstName"
     />
+  
     <va-input
-      v-model="inputValue2"
-      class="mt-3"
+      v-model="form.lastName"
+      :rules="[(value) => (value && value.length > 0) || 'Last name is required']"
       label="Last Name"
-      :rules="[(value) => (value && value.length > 0) || 'Field is required']"
     />
+  
+    <va-date-input 
+      v-model="form.birthDate"
+      :rules="[(v) => validateBirthday(v)]"
+      label="Birth Date"
+      manual-input
+    />
+
+    <va-select
+      v-model="form.country"
+      :options="countries"
+      :rules="[(v) => v || 'Field is required', (v) => v.value === 'ua' ? 'Delivery currently unavailable in your country' : undefined]"
+      label="Country"
+    />
+
+    <va-slider 
+      v-model="form.amount"
+      :min="1"
+      :max="100"
+      :rules="[(v) => v || 'Field is required', (v) => form.country === 'us' && v > 20 || 'Package to US can not be more than 20kg']"
+      label="Weight, kg"
+    />
+  
+    <va-switch 
+      v-model="form.notifications"
+      label="Notifications"
+      size="small"
+    />
+  
+    <div>
+      <span class="va-title">Payment method</span>
+      <va-option-list
+        v-model="form.paymentMethod"
+        :options="['Visa', 'MasterCard', 'PayPal']"
+        type="radio"
+      />      
+    </div>
+
+    <va-checkbox 
+      v-model="form.acknowledgement"
+      :rules="[(v) => v || 'You must agree with terms and conditions']"
+      label="I'm okay if you lose my package"
+    />
+
+    <va-button :disabled="!isValid" @click="validate() && submit()">
+      Submit
+    </va-button>
   </va-form>
+
+  <div class="mt-8 flex w-full gap-3 background-element">
+    <va-button @click="validate() && submit()">
+      Validate
+    </va-button>
+    <va-button @click="resetValidation">
+      Reset validation
+    </va-button>
+    <va-button @click="reset">
+      Reset
+    </va-button>
+  </div>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      inputValue1: "",
-      inputValue2: "",
-    };
-  },
-};
+<script setup lang="ts">
+  import { useForm } from 'vuestic-ui'
+
+  const { isValid, validate, reset, resetValidation } = useForm('formRef')
+
+  const form = reactive({
+    firstName: '',
+    lastName: '',
+    country: '',
+    birthDate: null as Date | null,
+    acknowledgement: false,
+    notifications: true,
+    paymentMethod: '',
+    amount: 1,
+  })
+
+  const countries = [
+    { value: 'ua', text: 'Ukraine' },
+    { value: 'us', text: 'USA' },
+    { value: 'uk', text: 'United Kingdom' },
+  ]
+
+  const validateBirthday = (value: Date | null) => {
+    if (!value) {
+      return 'Field is required'
+    }
+
+    const today = new Date()
+    let yearDiff = today.getFullYear() - value.getFullYear()
+    const monthDiff = today.getMonth() - value.getMonth()
+
+    if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < value.getDate())) {
+      yearDiff--
+    }
+
+    return yearDiff >= 18 || 'You must be at least 18 years old'
+  }
+
+  const submit = () => alert('Form submitted!')
 </script>
diff --git a/packages/docs/page-config/ui-elements/form/examples/FormData.vue b/packages/docs/page-config/ui-elements/form/examples/FormData.vue
new file mode 100644
index 0000000000..93ac422947
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/form/examples/FormData.vue
@@ -0,0 +1,19 @@
+<template>
+  <va-form ref="myForm" stateful class="mb-2 flex flex-col gap-2">
+    <va-input name="firstName" label="First Name" />
+    <va-input name="lastName" label="Last Name" />
+    <va-date-input name="birthDay" label="Birth day" />
+  </va-form>
+
+  <ul>
+    <li>First name: {{ formData.firstName }}</li>
+    <li>Last name: {{ formData.lastName }}</li>
+    <li>Birth day: {{ formData.birthDay }}</li>
+  </ul>
+</template>
+
+<script setup lang="ts">
+  import { useForm } from 'vuestic-ui'
+
+  const { formData } = useForm('myForm')
+</script>
diff --git a/packages/docs/page-config/ui-elements/form/examples/HideErrors.vue b/packages/docs/page-config/ui-elements/form/examples/HideErrors.vue
new file mode 100644
index 0000000000..9739689b50
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/form/examples/HideErrors.vue
@@ -0,0 +1,40 @@
+<template>
+  <va-form immediate hide-error-messages ref="myForm" class="flex flex-col gap-2 mb-2">
+    <va-input
+      label="Login"
+      v-model="form.login"
+      name="Login"
+      :rules="[(v) => Boolean(v) || 'Login is required']"
+    />
+    <va-input
+      label="Password"
+      v-model="form.password"
+      type="password"
+      name="Password"
+      :rules="[
+        (v) => Boolean(v) || 'Password is required',
+        (v) => v.length > 6 || 'Password must be a least 6 symbols',
+      ]"
+    />
+  </va-form>
+
+  <div v-for="errors, fieldName in errorMessagesNamed" :key="fieldName">
+    <span class="va-title" v-if="errors.length > 0">{{ fieldName }}</span>
+    <ul>
+      <li v-for="error in errors" :key="error">
+        {{ error }}
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useForm } from "vuestic-ui";
+
+const form = reactive({
+  login: "",
+  password: "",
+});
+
+const { errorMessagesNamed } = useForm("myForm");
+</script>
diff --git a/packages/docs/page-config/ui-elements/form/examples/WithInputs.vue b/packages/docs/page-config/ui-elements/form/examples/WithInputs.vue
deleted file mode 100644
index 6957700b40..0000000000
--- a/packages/docs/page-config/ui-elements/form/examples/WithInputs.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <div style="width: 300px;">
-    <va-button
-      class="mb-3"
-      @click="$refs.form.validate()"
-    >
-      Validate
-    </va-button>
-
-    <va-form
-      ref="form"
-      @validation="validation = $event"
-    >
-      <va-input
-        v-model="inputValue"
-        label="Name"
-        :rules="inputRules"
-      />
-      <va-select
-        v-model="selectValue"
-        class="mt-3"
-        label="City"
-        :rules="selectRules"
-        :options="options"
-      />
-      <va-date-input
-        v-model="inputDate"
-        class="mt-3"
-        label="Date"
-        :rules="dateRules"
-      />
-    </va-form>
-
-    <va-alert
-      v-if="validation !== null"
-      class="mt-6"
-      border="left"
-    >
-      <span>
-        Validate form:
-        <va-chip>{{ validation }}</va-chip>
-      </span>
-    </va-alert>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      inputValue: "",
-      selectValue: "",
-      inputDate: undefined,
-      validation: null,
-      options: ["Minsk", "Los Angeles", "San Francisco", "Peru"],
-      inputRules: [(value) => value === "Ben" || "Should be Ben"],
-      selectRules: [(value) => value === "Minsk" || "Should be Minsk"],
-      dateRules: [(value) => !!value || "Should be date"],
-    };
-  },
-};
-</script>
diff --git a/packages/docs/page-config/ui-elements/form/index.ts b/packages/docs/page-config/ui-elements/form/index.ts
index d223689f88..98439d69e3 100644
--- a/packages/docs/page-config/ui-elements/form/index.ts
+++ b/packages/docs/page-config/ui-elements/form/index.ts
@@ -8,7 +8,9 @@ export default definePageConfig({
     block.subtitle("all.examples"),
 
     block.example("Default"),
-    block.example("WithInputs"),
+    block.example("HideErrors"),
+    block.example("FormData"),
+    block.example("AsyncValidation"),
     block.example("Submit"),
 
     block.subtitle("all.api"),
diff --git a/packages/docs/page-config/ui-elements/form/translation/en.json b/packages/docs/page-config/ui-elements/form/translation/en.json
new file mode 100644
index 0000000000..707413d741
--- /dev/null
+++ b/packages/docs/page-config/ui-elements/form/translation/en.json
@@ -0,0 +1,20 @@
+{
+  "examples": {
+    "default": {
+      "title": "Default usage",
+      "text": "`VaForm` component in pair with `useForm` composable provides a simple way to validate multiple form fields. It gives you `isValid`, `errorMessages` computeds and `validate` method to validate all form fields at once. You can also reset validation with `resetValidation` method or reset whole form and it's values with `reset` method."
+    },
+    "hideErrors": {
+      "title": "Named fields",
+      "text": "If you don't like when form jumps you can name each form field and access it's error messages with `errorMessagesNamed` with `useForm` composable and hide errors under form fields using `hide-error-messages` props, so you can display them in a custom way."
+    },
+    "asyncValidation": {
+      "title": "Async validation",
+      "text": "By default if you return `Promise` in validation rule it will be treated as async, set field in `loading` state and show error after promise resolved. If there is error in synchronous rule it will be shown immediately and async validation will not be triggered to prevent extra backend calls. You can use `hide-loading` `VaForm` prop to hide loading state of form fields. You also can use `asyncValidate` method to validate form fields asynchronously. "
+    },
+    "formData": {
+      "title": "FormData",
+      "text": "You can access `formData` to get access to value of named fields. Notice, that `formData` is not the same as native implementation of [FormData](https://developer.mozilla.org/en-US/docs/Web/API/FormData), instead it is a reactive object which can contain `string`, `number` or `Date` values of form fields."
+    }
+  }
+}
\ No newline at end of file
diff --git a/packages/ui/src/components/va-config/VaConfig.vue b/packages/ui/src/components/va-config/VaConfig.vue
index 315af7727d..e66fc5e63c 100644
--- a/packages/ui/src/components/va-config/VaConfig.vue
+++ b/packages/ui/src/components/va-config/VaConfig.vue
@@ -7,7 +7,7 @@ import { computed, defineComponent, PropType } from 'vue'
 import { useComponentPresetProp } from '../../composables/useComponentPreset'
 import { ComponentConfig } from '../../services/component-config'
 
-import { provideLocalConfig, useLocalConfig } from './hooks/useLocalConfig'
+import { provideLocalConfig, useLocalConfig } from '../../composables/useLocalConfig'
 
 export default defineComponent({
   name: 'VaConfig',
diff --git a/packages/ui/src/components/va-counter/VaCounter.vue b/packages/ui/src/components/va-counter/VaCounter.vue
index 3ace8669f3..4121eaffe2 100644
--- a/packages/ui/src/components/va-counter/VaCounter.vue
+++ b/packages/ui/src/components/va-counter/VaCounter.vue
@@ -112,7 +112,7 @@ import pick from 'lodash/pick'
 import { safeCSSLength } from '../../utils/css'
 import {
   useComponentPresetProp,
-  useFormProps,
+  useFormFieldProps,
   useEmitProxy,
   useFocus, useFocusEmits,
   useStateful, useStatefulProps,
@@ -143,7 +143,7 @@ export default defineComponent({
   components: { VaInputWrapper, VaButton },
 
   props: {
-    ...useFormProps,
+    ...useFormFieldProps,
     ...useStatefulProps,
     ...useComponentPresetProp,
     // input
diff --git a/packages/ui/src/components/va-date-input/VaDateInput.vue b/packages/ui/src/components/va-date-input/VaDateInput.vue
index e20ae61e62..7bf52eef11 100644
--- a/packages/ui/src/components/va-date-input/VaDateInput.vue
+++ b/packages/ui/src/components/va-date-input/VaDateInput.vue
@@ -316,7 +316,7 @@ export default defineComponent({
       validationAriaAttributes,
       withoutValidation,
       resetValidation,
-    } = useValidation(props, emit, { reset, focus })
+    } = useValidation(props, emit, { reset, focus, value: valueComputed })
 
     const hasError = computed(() => (!isValid.value && valueComputed.value !== props.clearValue) || computedError.value)
 
diff --git a/packages/ui/src/components/va-form/VaForm.vue b/packages/ui/src/components/va-form/VaForm.vue
index 1085f66f8d..7fb7fc5804 100644
--- a/packages/ui/src/components/va-form/VaForm.vue
+++ b/packages/ui/src/components/va-form/VaForm.vue
@@ -2,104 +2,84 @@
   <component
     class="va-form"
     :is="tag"
+    v-bind="$attrs"
   >
-    <slot />
+    <slot v-bind="{ isValid, validate }" />
   </component>
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, Ref, onMounted, onUnmounted, nextTick, provide, inject } from 'vue'
+import { defineComponent, watch, PropType, computed } from 'vue'
 
-import { FormServiceKey, FormChild, Form } from './consts'
 import { useComponentPresetProp } from '../../composables/useComponentPreset'
-
-const isVaForm = (value: any): value is Form => !!value.focusInvalid
+import { useFormParent } from '../../composables/useForm'
+import { useLocalConfigProvider } from '../../composables/useLocalConfig'
+
+const props = { stateful: true }
+
+const statefulConfig = {
+  VaInput: props,
+  VaSelect: props,
+  VaCheckbox: props,
+  VaRadio: props,
+  VaDatePicker: props,
+  VaTimePicker: props,
+  VaColorPicker: props,
+  VaSlider: props,
+  VaSwitch: props,
+  VaFileUpload: props,
+  VaRating: props,
+  VaDateInput: props,
+  VaTimeInput: props,
+}
 
 export default defineComponent({
   name: 'VaForm',
-  emits: ['validation'],
+
   props: {
     ...useComponentPresetProp,
     autofocus: { type: Boolean, default: false },
+    immediate: { type: Boolean, default: false },
     tag: { type: String, default: 'div' },
+    trigger: { type: String as PropType<'blur' | 'change'>, default: 'blur' },
+    modelValue: { type: Boolean, default: true },
+    hideErrors: { type: Boolean, default: false },
+    hideErrorMessages: { type: Boolean, default: false },
+    hideLoading: { type: Boolean, default: false },
+    stateful: { type: Boolean, default: false },
   },
 
-  setup (props, { emit }) {
-    const nestedFormElements: Ref<(FormChild | Form)[]> = ref([])
+  emits: ['update:modelValue'],
 
-    const parentFormProvider = () => inject(FormServiceKey, undefined)
+  setup (props, { emit }) {
+    const context = useFormParent(props)
 
-    provide(FormServiceKey, {
-      onChildMounted: (child: FormChild | Form) => childMountedHandler(child),
-      onChildUnmounted: (removableChild: FormChild | Form) => childUnmountedHandler(removableChild),
+    watch(context.isValid, (value) => {
+      emit('update:modelValue', value)
     })
 
-    const childMountedHandler = (child: FormChild | Form) => {
-      nestedFormElements.value.push(child)
-    }
-
-    const childUnmountedHandler = (removableChild: FormChild | Form) => {
-      nestedFormElements.value = nestedFormElements.value.filter(child => child !== removableChild)
-    }
-
-    /** @public */
-    const reset = () => {
-      nestedFormElements.value
-        .filter(({ reset }) => reset)
-        .forEach((item) => { item.reset() })
-    }
-
-    const resetValidation = () => {
-      nestedFormElements.value
-        .filter(({ resetValidation }) => resetValidation)
-        .forEach((item: any) => { item.resetValidation() })
-    }
-
-    const focus = () => { nestedFormElements.value.find(({ focus }) => focus)?.focus() }
-
-    const focusInvalid = () => {
-      const invalidComponent = nestedFormElements.value
-        .find((item) => !isVaForm(item) && item.hasError())
-
-      if (invalidComponent) {
-        invalidComponent.focus()
-      } else {
-        nestedFormElements.value
-          .forEach(item => isVaForm(item) && item.focusInvalid())
+    watch(() => props.autofocus, (value) => {
+      if (value) {
+        context.focus()
       }
-    }
+    }, { immediate: true })
 
-    // validation for every nested child
-    const validate = () => { // NOTE: temporarily synchronous validation
-      const formValid = nestedFormElements.value
-        .filter(({ validate }) => validate)
-        .map((child) => child.validate()) // more readable than with 'forEach'
-        .every((isValid) => isValid)
+    watch(context.fields, (newVal) => {
+      if (newVal.length && props.immediate) {
+        context.validate()
+      }
+    }, { immediate: true })
 
-      emit('validation', formValid)
+    useLocalConfigProvider(computed(() => {
+      if (!props.stateful) { return {} }
 
-      return formValid
-    }
+      return statefulConfig
+    }))
 
-    const publicMethods: Form = {
-      reset,
-      resetValidation,
-      focus,
-      focusInvalid,
-      validate,
+    return {
+      ...context,
+      context: context,
     }
-
-    onMounted(() => {
-      parentFormProvider()?.onChildMounted?.(publicMethods)
-
-      if (props.autofocus) { nextTick(focus) }
-    })
-
-    onUnmounted(() => {
-      parentFormProvider()?.onChildUnmounted?.(publicMethods)
-    })
-
-    return publicMethods
   },
 })
 </script>
diff --git a/packages/ui/src/components/va-form/VaFormNew.demo.vue b/packages/ui/src/components/va-form/VaFormNew.demo.vue
new file mode 100644
index 0000000000..1642adc4e2
--- /dev/null
+++ b/packages/ui/src/components/va-form/VaFormNew.demo.vue
@@ -0,0 +1,92 @@
+<template>
+  <VbDemo>
+    <VbCard title="all form items">
+      <va-form autofocus class="flex flex-col gap-4" ref="formEl">
+        <va-input v-model="form.input" :rules="[(v) => !!v || 'Required']" />
+        <va-select v-model="form.select" :rules="[(v) => !!v || 'Required']" />
+        <va-checkbox
+          v-model="form.checkbox"
+          :rules="[(v) => !!v || 'Required']"
+        />
+        <va-date-input
+          v-model="form.date"
+          :rules="[(v) => !!v || 'Required']"
+        />
+        <va-date-picker
+          v-model="form.date"
+          :rules="[(v) => !!v || 'Required']"
+        />
+        <va-time-input
+          v-model="form.time"
+          :rules="[(v) => !!v || 'Required']"
+        />
+        <va-time-picker
+          v-model="form.time"
+          :rules="[(v) => !!v || 'Required']"
+        />
+        <va-switch v-model="form.switch" :rules="[(v) => !!v || 'Required']" />
+        <va-option-list
+          v-model="form.optionsList"
+          :rules="[(v) => !!v || 'Required']"
+          :options="['1', '2']"
+        />
+        <va-counter
+          v-model="form.counter"
+          :rules="[(v) => !!v || 'Required']"
+        />
+        <va-rating v-model="form.rating" :rules="[(v) => !!v || 'Required']" />
+        <va-slider v-model="form.slider" :rules="[(v) => !!v || 'Required']" />
+        <va-file-upload />
+      </va-form>
+
+      <span>Is Valid: {{ isValid }}</span>
+
+      <div class="flex gap-2">
+        <va-button @click="validate"> Validate </va-button>
+        <va-button @click="resetValidation"> Reset validation </va-button>
+        <va-button @click="reset"> Reset </va-button>
+      </div>
+
+      <pre>{{ errorMessages }}</pre>
+    </VbCard>
+  </VbDemo>
+</template>
+
+<script setup lang="ts">
+import { useForm } from '../../composables/useForm'
+
+import {
+  VaForm,
+  VaFileUpload,
+  VaInput,
+  VaSelect,
+  VaButton,
+  VaCheckbox,
+  VaDateInput,
+  VaTimeInput,
+  VaSwitch,
+  VaOptionList,
+  VaCounter,
+  VaRating,
+  VaSlider,
+  VaDatePicker,
+  VaTimePicker,
+} from '../'
+import { reactive } from 'vue'
+
+const form = reactive({
+  input: '',
+  select: '',
+  checkbox: false,
+  date: undefined,
+  time: undefined,
+  switch: false,
+  optionsList: '',
+  counter: 0,
+  rating: 0,
+  slider: 0,
+})
+
+const { validate, isValid, reset, resetValidation, errorMessages } =
+  useForm('formEl')
+</script>
diff --git a/packages/ui/src/components/va-form/consts.ts b/packages/ui/src/components/va-form/consts.ts
deleted file mode 100644
index 5dae90eda0..0000000000
--- a/packages/ui/src/components/va-form/consts.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { InjectionKey } from 'vue'
-
-export type Form = {
-  reset: () => void;
-  resetValidation: () => void;
-  focus: () => void;
-  validate: () => boolean;
-  focusInvalid: () => void;
-}
-
-export type FormChild = {
-  hasError: () => boolean;
-  reset: () => void;
-  resetValidation: () => void;
-  focus: () => void;
-  validate: () => boolean;
-}
-
-export type FormProvider = {
-  onChildMounted: (child: FormChild | Form) => void;
-  onChildUnmounted: (child: FormChild | Form) => void;
-}
-
-export const FormServiceKey: InjectionKey<FormProvider> = Symbol('FormService')
diff --git a/packages/ui/src/components/va-input/VaInput.vue b/packages/ui/src/components/va-input/VaInput.vue
index 7c1f09628c..353f27eb30 100644
--- a/packages/ui/src/components/va-input/VaInput.vue
+++ b/packages/ui/src/components/va-input/VaInput.vue
@@ -10,6 +10,7 @@
     :disabled="$props.disabled"
     :success="$props.success"
     :messages="$props.messages"
+    :loading="$props.loading || isLoading"
     :error="computedError"
     :error-messages="computedErrorMessages"
     :error-count="errorCount"
@@ -78,12 +79,13 @@ import { extractComponentProps, filterComponentProps } from '../../utils/compone
 
 import {
   useComponentPresetProp,
-  useFormProps,
+  useFormFieldProps,
   useValidation, useValidationProps, useValidationEmits, ValidationProps,
   useEmitProxy,
   useClearable, useClearableProps, useClearableEmits,
   useFocusDeep,
   useTranslation,
+  useStateful, useStatefulProps, useStatefulEmits,
 } from '../../composables'
 import { useCleave, useCleaveProps } from './hooks/useCleave'
 
@@ -115,17 +117,18 @@ export default defineComponent({
   components: { VaInputWrapper, VaTextarea, VaIcon },
 
   props: {
-    ...useFormProps,
+    ...useFormFieldProps,
     ...useValidationProps as ValidationProps<string>,
     ...useClearableProps,
     ...useCleaveProps,
     ...VaTextareaProps,
     ...useComponentPresetProp,
+    ...useStatefulProps,
 
     // input
     placeholder: { type: String, default: '' },
     tabindex: { type: [String, Number], default: 0 },
-    modelValue: { type: [String, Number], default: '' },
+    modelValue: { type: [String, Number] },
     label: { type: String, default: '' },
     type: { type: String as AnyStringPropType<'textarea' | 'text' | 'password'>, default: 'text' },
     loading: { type: Boolean, default: false },
@@ -151,6 +154,7 @@ export default defineComponent({
     ...useClearableEmits,
     ...createInputEmits(),
     ...createFieldEmits(),
+    ...useStatefulEmits,
   ],
 
   inheritAttrs: false,
@@ -158,6 +162,8 @@ export default defineComponent({
   setup (props, { emit, attrs, slots }) {
     const input = shallowRef<HTMLInputElement | typeof VaTextarea>()
 
+    const { valueComputed } = useStateful(props, emit, 'modelValue', { defaultValue: '' })
+
     const isFocused = useFocusDeep()
 
     const reset = () => withoutValidation(() => {
@@ -184,9 +190,10 @@ export default defineComponent({
       computedErrorMessages,
       listeners: validationListeners,
       validationAriaAttributes,
+      isLoading,
       withoutValidation,
       resetValidation,
-    } = useValidation(props, emit, { reset, focus })
+    } = useValidation(props, emit, { reset, focus, value: valueComputed })
 
     const { modelValue } = toRefs(props)
     const {
@@ -199,7 +206,7 @@ export default defineComponent({
       ? undefined
       : input.value as HTMLInputElement | undefined)
 
-    const { computedValue, onInput } = useCleave(computedCleaveTarget, props, emit)
+    const { computedValue, onInput } = useCleave(computedCleaveTarget, props, valueComputed)
 
     const inputListeners = createInputListeners(emit)
 
@@ -247,6 +254,7 @@ export default defineComponent({
       ...useTranslation(),
       input,
       inputEvents,
+      isLoading,
 
       valueLengthComputed,
       computedChildAttributes,
diff --git a/packages/ui/src/components/va-input/components/VaInputWrapper/VaInputWrapper.vue b/packages/ui/src/components/va-input/components/VaInputWrapper/VaInputWrapper.vue
index bc8bfcd6d8..25578d2760 100644
--- a/packages/ui/src/components/va-input/components/VaInputWrapper/VaInputWrapper.vue
+++ b/packages/ui/src/components/va-input/components/VaInputWrapper/VaInputWrapper.vue
@@ -109,7 +109,7 @@
 import { computed, defineComponent, toRef } from 'vue'
 import pick from 'lodash/pick.js'
 
-import { useBem, useFormProps, useValidationProps, useColors, useTextColor, useCSSVariables } from '../../../../composables'
+import { useBem, useFormFieldProps, useValidationProps, useColors, useTextColor, useCSSVariables } from '../../../../composables'
 
 import { VaMessageList } from '../VaMessageList'
 import { VaIcon } from '../../../va-icon'
@@ -120,7 +120,7 @@ export default defineComponent({
   components: { VaMessageList, VaIcon },
 
   props: {
-    ...useFormProps,
+    ...useFormFieldProps,
     ...useValidationProps,
     counterValue: { type: Number, default: undefined },
     maxLength: { type: Number, default: undefined },
diff --git a/packages/ui/src/components/va-input/components/VaTextarea/VaTextarea.vue b/packages/ui/src/components/va-input/components/VaTextarea/VaTextarea.vue
index 3d38c79e93..f5e397bffd 100644
--- a/packages/ui/src/components/va-input/components/VaTextarea/VaTextarea.vue
+++ b/packages/ui/src/components/va-input/components/VaTextarea/VaTextarea.vue
@@ -12,7 +12,7 @@
 import { computed, defineComponent, onMounted, ref, watch, nextTick, CSSProperties, shallowRef } from 'vue'
 import pick from 'lodash/pick.js'
 
-import { useFormProps, useEmitProxy } from '../../../../composables'
+import { useFormFieldProps, useEmitProxy } from '../../../../composables'
 import { useTextareaRowHeight } from './useTextareaRowHeight'
 
 const positiveNumberValidator = (val: number) => {
@@ -30,7 +30,7 @@ export default defineComponent({
   name: 'VaTextarea',
 
   props: {
-    ...useFormProps,
+    ...useFormFieldProps,
     modelValue: { type: [String, Number], default: '' },
     placeholder: { type: String },
     autosize: { type: Boolean, default: false },
diff --git a/packages/ui/src/components/va-input/hooks/useCleave.ts b/packages/ui/src/components/va-input/hooks/useCleave.ts
index dde038740e..ab4944f169 100644
--- a/packages/ui/src/components/va-input/hooks/useCleave.ts
+++ b/packages/ui/src/components/va-input/hooks/useCleave.ts
@@ -1,4 +1,4 @@
-import { computed, onBeforeUnmount, onMounted, PropType, ref, Ref, watch, ExtractPropTypes } from 'vue'
+import { computed, onBeforeUnmount, onMounted, PropType, ref, Ref, watch, ExtractPropTypes, WritableComputedRef } from 'vue'
 import Cleave from 'cleave.js'
 import { CleaveOptions } from 'cleave.js/options'
 
@@ -24,13 +24,12 @@ const DEFAULT_MASK_TOKENS: Record<string, Record<string, unknown>> = {
 export const useCleaveProps = {
   mask: { type: [String, Object] as PropType<string | Record<string, number[]> | CleaveOptions>, default: '' },
   returnRaw: { type: Boolean, default: true },
-  modelValue: { type: [String, Number], default: '' },
 }
 
 export const useCleave = (
   element: Ref<HTMLInputElement | undefined>,
   props: ExtractPropTypes<typeof useCleaveProps>,
-  emit: (event: 'update:modelValue' | any, ...args: any[]) => any,
+  syncValue: WritableComputedRef<string | number>,
 ) => {
   const cleave = ref<Cleave>()
 
@@ -60,34 +59,34 @@ export const useCleave = (
 
   const computedValue = computed<string | number>(() => {
     if (cleave.value) {
-      if (props.returnRaw && props.modelValue === cleave.value.getRawValue()) {
+      if (props.returnRaw && syncValue.value === cleave.value.getRawValue()) {
         return cleave.value.getFormattedValue()
       }
     }
 
-    return props.modelValue
+    return syncValue.value
   })
 
   const onInput = (event: Event) => {
     const value = (event.target as HTMLInputElement).value
 
     if (props.mask !== 'string' && !Object.keys(props.mask).length) {
-      emit('update:modelValue', value)
+      syncValue.value = value
       return
     }
 
     if (cleave.value) {
       cleave.value.setRawValue(value)
       if (props.returnRaw) {
-        emit('update:modelValue', cleave.value.getRawValue())
+        syncValue.value = cleave.value.getRawValue()
         return
       }
 
-      emit('update:modelValue', cleave.value.getFormattedValue())
+      syncValue.value = cleave.value.getFormattedValue()
       return
     }
 
-    emit('update:modelValue', value)
+    syncValue.value = value
   }
 
   return {
diff --git a/packages/ui/src/components/va-option-list/VaOptionList.vue b/packages/ui/src/components/va-option-list/VaOptionList.vue
index 39b22970fe..089a9abea7 100644
--- a/packages/ui/src/components/va-option-list/VaOptionList.vue
+++ b/packages/ui/src/components/va-option-list/VaOptionList.vue
@@ -141,7 +141,7 @@ export default defineComponent({
       computedErrorMessages,
       withoutValidation,
       resetValidation,
-    } = useValidation(props, emit, { reset, focus })
+    } = useValidation(props, emit, { reset, focus, value: valueComputed })
 
     const computedProps = computed(() => pick(props, ['name', 'color', 'readonly', 'leftLabel']))
 
diff --git a/packages/ui/src/components/va-radio/VaRadio.vue b/packages/ui/src/components/va-radio/VaRadio.vue
index e172dc302c..df166644db 100644
--- a/packages/ui/src/components/va-radio/VaRadio.vue
+++ b/packages/ui/src/components/va-radio/VaRadio.vue
@@ -44,13 +44,13 @@
 import { defineComponent, PropType, computed } from 'vue'
 
 import { generateUniqueId } from '../../utils/uuid'
-import { useComponentPresetProp, useColors, useFormProps, useForm } from '../../composables'
+import { useComponentPresetProp, useColors, useFormFieldProps, useFormField } from '../../composables'
 
 export default defineComponent({
   name: 'VaRadio',
   emits: ['update:modelValue', 'focus'],
   props: {
-    ...useFormProps,
+    ...useFormFieldProps,
     ...useComponentPresetProp,
     modelValue: { type: [Boolean, Array, String, Object, Number] as PropType<boolean | null | string | number | Record<any, unknown> | unknown[]>, default: null },
     option: { type: [String, Boolean, Object, Number] as PropType<any>, default: null },
@@ -65,7 +65,7 @@ export default defineComponent({
 
     const isActive = computed(() => props.modelValue === props.option)
 
-    const { computedClasses } = useForm('va-radio', props)
+    const { computedClasses } = useFormField('va-radio', props)
 
     const computedClass = computed(() => ({
       'va-radio--left-label': props.leftLabel,
diff --git a/packages/ui/src/components/va-rating/VaRating.vue b/packages/ui/src/components/va-rating/VaRating.vue
index bd956911b7..b151b0ecf7 100644
--- a/packages/ui/src/components/va-rating/VaRating.vue
+++ b/packages/ui/src/components/va-rating/VaRating.vue
@@ -50,7 +50,7 @@
 import { defineComponent, computed, PropType } from 'vue'
 
 import { extractComponentProps, filterComponentProps } from '../../utils/component-options'
-import { useForm, useFormProps, useTranslation } from '../../composables'
+import { useFormField, useFormFieldProps, useTranslation } from '../../composables'
 import { useRating, useRatingProps } from './hooks/useRating'
 import { useVaRatingColors, useVaRatingColorsProps } from './hooks/useVaRatingColors'
 
@@ -68,7 +68,7 @@ export default defineComponent({
   props: {
     ...useRatingProps,
     ...useVaRatingColorsProps,
-    ...useFormProps,
+    ...useFormFieldProps,
     ...VaRatingItemProps,
     ...VaRatingItemNumberButtonProps,
     ...useComponentPresetProp,
@@ -83,7 +83,7 @@ export default defineComponent({
   emits: ['update:modelValue'],
   components: { VaRatingItem, VaRatingItemNumberButton },
   setup (props) {
-    const { computedClasses: rootClass } = useForm('va-rating', props)
+    const { computedClasses: rootClass } = useFormField('va-rating', props)
     const rating = useRating(props)
     const isInteractionsEnabled = computed(() => !props.disabled && !props.readonly)
 
diff --git a/packages/ui/src/components/va-rating/hooks/useRating.ts b/packages/ui/src/components/va-rating/hooks/useRating.ts
index 9c252d8e1d..7830458d1e 100644
--- a/packages/ui/src/components/va-rating/hooks/useRating.ts
+++ b/packages/ui/src/components/va-rating/hooks/useRating.ts
@@ -1,7 +1,7 @@
 import { ref, getCurrentInstance, computed, ExtractPropTypes } from 'vue'
 import clamp from 'lodash/clamp.js'
 
-import { useHover, useStateful, useStatefulProps, useFormProps } from '../../../composables'
+import { useHover, useStateful, useStatefulProps, useFormFieldProps } from '../../../composables'
 
 import { RatingValue } from '../types'
 
@@ -24,7 +24,7 @@ export const useRatingProps = {
   hover: { type: Boolean, default: false },
 }
 
-export const useRating = (props: ExtractPropTypes<typeof useRatingProps> & ExtractPropTypes<typeof useFormProps>) => {
+export const useRating = (props: ExtractPropTypes<typeof useRatingProps> & ExtractPropTypes<typeof useFormFieldProps>) => {
   const { emit } = getContext()
   const { isHovered, onMouseEnter, onMouseLeave } = useHover()
   const { valueComputed: modelValue } = useStateful(props, emit)
diff --git a/packages/ui/src/components/va-select/VaSelect.vue b/packages/ui/src/components/va-select/VaSelect.vue
index dc6b941fe5..78d0d39781 100644
--- a/packages/ui/src/components/va-select/VaSelect.vue
+++ b/packages/ui/src/components/va-select/VaSelect.vue
@@ -115,7 +115,7 @@ import {
   useComponentPresetProp,
   useSelectableList, useSelectableListProps,
   useValidation, useValidationProps, useValidationEmits, ValidationProps,
-  useFormProps,
+  useFormFieldProps,
   useLoadingProps,
   useMaxSelections, useMaxSelectionsProps,
   useClearableProps, useClearable, useClearableEmits,
@@ -183,7 +183,7 @@ export default defineComponent({
     ...useLoadingProps,
     ...useMaxSelectionsProps,
     ...useClearableProps,
-    ...useFormProps,
+    ...useFormFieldProps,
     ...useMaxVisibleOptionsProps,
     ...useToggleIconProps,
     ...useThrottleProps,
@@ -682,7 +682,7 @@ export default defineComponent({
       computedErrorMessages,
       withoutValidation,
       resetValidation,
-    } = useValidation(props, emit, { reset, focus })
+    } = useValidation(props, emit, { reset, focus, value: valueComputed })
 
     return {
       input,
diff --git a/packages/ui/src/components/va-select/components/VaSelectContent/VaSelectContent.vue b/packages/ui/src/components/va-select/components/VaSelectContent/VaSelectContent.vue
index 97751e8001..4b936cf5ee 100644
--- a/packages/ui/src/components/va-select/components/VaSelectContent/VaSelectContent.vue
+++ b/packages/ui/src/components/va-select/components/VaSelectContent/VaSelectContent.vue
@@ -99,7 +99,7 @@
 <script lang="ts">
 import { defineComponent, ref, toRefs, computed, watch, type PropType } from 'vue'
 
-import { useFormProps } from '../../../../composables'
+import { useFormFieldProps } from '../../../../composables'
 
 import { VaBadge, VaIcon } from '../../../index'
 
@@ -111,7 +111,7 @@ export default defineComponent({
   components: { VaBadge, VaIcon },
 
   props: {
-    ...useFormProps,
+    ...useFormFieldProps,
 
     value: { type: Array as PropType<SelectOption[]>, required: true },
     valueString: { type: String },
diff --git a/packages/ui/src/components/va-time-input/VaTimeInput.vue b/packages/ui/src/components/va-time-input/VaTimeInput.vue
index 2c4ae9b118..72325b920b 100644
--- a/packages/ui/src/components/va-time-input/VaTimeInput.vue
+++ b/packages/ui/src/components/va-time-input/VaTimeInput.vue
@@ -78,7 +78,7 @@
       <va-time-picker
         ref="timePicker"
         v-bind="timePickerProps"
-        v-model="modelValueSync"
+        v-model="valueComputed"
       />
     </va-dropdown-content>
   </va-dropdown>
@@ -95,6 +95,7 @@ import {
   useValidation, useValidationEmits, useValidationProps, ValidationProps,
   useClearable, useClearableEmits, useClearableProps,
   useFocus, useFocusEmits,
+  useStateful, useStatefulEmits, useStatefulProps,
   useTranslation,
 } from '../../composables'
 import { useTimeParser } from './hooks/time-text-parser'
@@ -119,6 +120,7 @@ export default defineComponent({
     ...useFocusEmits,
     ...useValidationEmits,
     ...useClearableEmits,
+    ...useStatefulEmits,
     'update:modelValue',
     'update:isOpen',
   ],
@@ -130,6 +132,7 @@ export default defineComponent({
     ...VaInputWrapperProps,
     ...extractComponentProps(VaTimePicker),
     ...useValidationProps as ValidationProps<Date>,
+    ...useStatefulProps,
 
     isOpen: { type: Boolean, default: undefined },
     closeOnContentClick: { type: Boolean, default: false },
@@ -155,12 +158,12 @@ export default defineComponent({
     const timePicker = shallowRef<typeof VaTimePicker>()
 
     const [isOpenSync] = useSyncProp('isOpen', props, emit, false as boolean)
-    const [modelValueSync] = useSyncProp('modelValue', props, emit)
+    const { valueComputed } = useStateful(props, emit)
 
     const { parse, isValid } = useTimeParser(props)
     const { format } = useTimeFormatter(props)
 
-    const valueText = computed<string>(() => format(modelValueSync.value || props.clearValue))
+    const valueText = computed<string>(() => format(valueComputed.value || props.clearValue))
 
     const doShowDropdown = computed({
       get () {
@@ -192,24 +195,24 @@ export default defineComponent({
       const v = parse(val)
 
       if (isValid.value && v) {
-        modelValueSync.value = v
+        valueComputed.value = v
       } else {
-        modelValueSync.value = undefined
+        valueComputed.value = undefined
         isValid.value = true
       }
     }
 
     // --- not used yet ---
     // const changePeriod = (isPM: boolean) => {
-    //   if (!modelValueSync.value) { return }
+    //   if (!valueComputed.value) { return }
 
     //   const halfDayPeriod = 12
-    //   const h = modelValueSync.value.getHours()
+    //   const h = valueComputed.value.getHours()
 
     //   if (isPM && h <= halfDayPeriod) {
-    //     modelValueSync.value = new Date(modelValueSync.value.setHours(h + halfDayPeriod))
+    //     valueComputed.value = new Date(valueComputed.value.setHours(h + halfDayPeriod))
     //   } else if (!isPM && h >= halfDayPeriod) {
-    //     modelValueSync.value = new Date(modelValueSync.value.setHours(h - halfDayPeriod))
+    //     valueComputed.value = new Date(valueComputed.value.setHours(h - halfDayPeriod))
     //   }
     // }
 
@@ -229,7 +232,7 @@ export default defineComponent({
       validationAriaAttributes,
       withoutValidation,
       resetValidation,
-    } = useValidation(props, emit, { reset, focus })
+    } = useValidation(props, emit, { reset, focus, value: valueComputed })
 
     const {
       canBeCleared,
@@ -350,7 +353,7 @@ export default defineComponent({
       computedInputListeners,
       isOpenSync,
       doShowDropdown,
-      modelValueSync,
+      valueComputed,
       valueText,
       onInputTextChanged,
       canBeClearedComputed,
diff --git a/packages/ui/src/components/va-time-picker/VaTimePicker.vue b/packages/ui/src/components/va-time-picker/VaTimePicker.vue
index 6d942caa81..7d2ac98c8e 100644
--- a/packages/ui/src/components/va-time-picker/VaTimePicker.vue
+++ b/packages/ui/src/components/va-time-picker/VaTimePicker.vue
@@ -31,8 +31,8 @@ import {
   useStatefulProps,
   useStatefulEmits,
   useStateful,
-  useFormProps,
-  useForm,
+  useFormFieldProps,
+  useFormField,
   useArrayRefs,
   useCSSVariables,
 } from '../../composables'
@@ -44,7 +44,7 @@ export default defineComponent({
 
   props: {
     ...useStatefulProps,
-    ...useFormProps,
+    ...useFormFieldProps,
     ...useComponentPresetProp,
     modelValue: { type: Date, required: false },
     ampm: { type: Boolean, default: false },
@@ -77,7 +77,7 @@ export default defineComponent({
       idx ? pickers.value[idx]?.blur() : pickers.value.forEach((el) => el?.blur())
     }
 
-    const { computedClasses: computedFormClasses } = useForm('va-time-picker', props)
+    const { computedClasses: computedFormClasses } = useFormField('va-time-picker', props)
 
     const focusNext = () => {
       const nextIndex = (activeColumnIndex?.value || 0) + 1
diff --git a/packages/ui/src/composables/index.ts b/packages/ui/src/composables/index.ts
index 0b37750684..0fee4bf565 100644
--- a/packages/ui/src/composables/index.ts
+++ b/packages/ui/src/composables/index.ts
@@ -24,6 +24,7 @@ export * from './useEvent'
 export * from './useFixedBar'
 export * from './useFocus'
 export * from './useFocusDeep'
+export * from './useFormField'
 export * from './useForm'
 export * from './useHover'
 export * from './useHoverStyle'
diff --git a/packages/ui/src/composables/tests/useForm.spec.ts b/packages/ui/src/composables/tests/useFormField.spec.ts
similarity index 77%
rename from packages/ui/src/composables/tests/useForm.spec.ts
rename to packages/ui/src/composables/tests/useFormField.spec.ts
index 58b72a2c28..4be8a0dc6e 100644
--- a/packages/ui/src/composables/tests/useForm.spec.ts
+++ b/packages/ui/src/composables/tests/useFormField.spec.ts
@@ -1,4 +1,4 @@
-import { useForm } from '../useForm'
+import { useFormField } from '../useFormField'
 import { describe, it, expect } from 'vitest'
 
 describe('useForm', () => {
@@ -8,10 +8,9 @@ describe('useForm', () => {
     [{ disabled: true, readonly: false } , 'va-test'        , { 'va-test--disabled': true }                           ],
     [{ disabled: true, readonly: false } , ''               , { '--disabled': true }                                  ],
     [{ disabled: true, readonly: true }  , 'va-test'        , { 'va-test--disabled': true, 'va-test--readonly': true }],
-    [{}                                  , 'va-test'        , {}                                                      ],
     /* eslint-enable */
   ])('props %s & prefix %s should be %s', (props, prefix, expected) => {
-    const { computedClasses } = useForm(prefix, props)
+    const { computedClasses } = useFormField(prefix, props)
     expect(computedClasses.asObject.value).toMatchObject(expected)
   })
 })
diff --git a/packages/ui/src/composables/useComponentUuid.ts b/packages/ui/src/composables/useComponentUuid.ts
new file mode 100644
index 0000000000..756c7f64cf
--- /dev/null
+++ b/packages/ui/src/composables/useComponentUuid.ts
@@ -0,0 +1,7 @@
+import { getCurrentInstance } from 'vue'
+
+export const useComponentUuid = () => {
+  const vm = getCurrentInstance()!
+
+  return vm.uid + vm.appContext.app._uid
+}
diff --git a/packages/ui/src/composables/useForm/consts.ts b/packages/ui/src/composables/useForm/consts.ts
new file mode 100644
index 0000000000..61bf49d615
--- /dev/null
+++ b/packages/ui/src/composables/useForm/consts.ts
@@ -0,0 +1,4 @@
+import { InjectionKey } from 'vue'
+import { type createFormContext } from './useFormParent'
+
+export const FormServiceKey: InjectionKey<ReturnType<(typeof createFormContext)>> = Symbol('FormService')
diff --git a/packages/ui/src/composables/useForm/index.ts b/packages/ui/src/composables/useForm/index.ts
new file mode 100644
index 0000000000..278f726cf1
--- /dev/null
+++ b/packages/ui/src/composables/useForm/index.ts
@@ -0,0 +1,3 @@
+export { useForm } from './useForm'
+export { useFormChild } from './useFormChild'
+export { useFormParent } from './useFormParent'
diff --git a/packages/ui/src/composables/useForm/types.ts b/packages/ui/src/composables/useForm/types.ts
new file mode 100644
index 0000000000..6d7731447a
--- /dev/null
+++ b/packages/ui/src/composables/useForm/types.ts
@@ -0,0 +1,29 @@
+import { ComputedRef } from 'vue'
+
+export type FormFiled<Name extends string = string> = {
+  name?: Name;
+  value: unknown;
+  isValid: boolean;
+  isLoading: boolean;
+  errorMessages: string[];
+  validate: () => boolean;
+  validateAsync: () => Promise<boolean>;
+  reset: () => void;
+  resetValidation: () => void;
+  focus: () => void;
+}
+
+export type Form<Names extends string = string> = {
+  fields: ComputedRef<FormFiled<Names>[]>;
+  fieldNames: ComputedRef<Names[]>;
+  formData: ComputedRef<Record<Names, unknown>>;
+  isValid: ComputedRef<boolean>;
+  isLoading: ComputedRef<boolean>;
+  errorMessages: ComputedRef<string[]>;
+  errorMessagesNamed: ComputedRef<Record<Names, string[]>>;
+  validate: () => boolean;
+  reset: () => void;
+  resetValidation: () => void;
+  focus: () => void;
+  focusInvalidField: () => void;
+}
diff --git a/packages/ui/src/composables/useForm/useForm.ts b/packages/ui/src/composables/useForm/useForm.ts
new file mode 100644
index 0000000000..27841d3c59
--- /dev/null
+++ b/packages/ui/src/composables/useForm/useForm.ts
@@ -0,0 +1,45 @@
+import { type Ref, computed } from 'vue'
+import { type VaForm } from '../../components'
+import { useTemplateRef } from '../useTemplateRef'
+import { Form } from './types'
+
+// EXPOSED API: TS support for Form instance
+/**
+ * Provides access to the form instance.
+ *
+ * @param ref - Form instance or template ref
+ *
+ * @example
+ *
+ * ```vue
+ * <template>
+ *   <va-form ref="myForm">...</va-form>
+ * </template>
+ *
+ * <script setup>
+ *  const { isValid, errorMessages, validate, reset, resetValidation, focus } = useForm('myForm')
+ * </script>
+ * ```
+ */
+export const useForm = <Names extends string = string>(ref: string | Ref<typeof VaForm>): Form<Names> => {
+  const form = typeof ref === 'string'
+    ? useTemplateRef(ref) as any as Ref<typeof VaForm>
+    : ref
+
+  return {
+    isValid: computed(() => form.value?.isValid || false),
+    isLoading: computed(() => form.value?.isLoading || false),
+    fields: computed(() => form.value?.fields ?? []),
+    fieldNames: computed(() => form.value?.fieldNames ?? []),
+    formData: computed(() => form.value?.formData ?? {}),
+    errorMessages: computed(() => form.value?.errorMessages || []),
+    errorMessagesNamed: computed(() => form.value?.errorMessagesNamed || {}),
+    validate: () => form.value?.validate(),
+    reset: () => {
+      form.value?.reset()
+    },
+    resetValidation: () => form.value?.resetValidation(),
+    focus: () => form.value?.focus(),
+    focusInvalidField: () => form.value?.focusInvalidField(),
+  }
+}
diff --git a/packages/ui/src/composables/useForm/useFormChild.ts b/packages/ui/src/composables/useForm/useFormChild.ts
new file mode 100644
index 0000000000..be36fc346e
--- /dev/null
+++ b/packages/ui/src/composables/useForm/useFormChild.ts
@@ -0,0 +1,33 @@
+import { inject, ref, computed, onMounted, onBeforeUnmount } from 'vue'
+import { useComponentUuid } from '../useComponentUuid'
+import { FormServiceKey } from './consts'
+import { type FormFiled } from './types'
+
+export const useFormChild = (createContext: () => FormFiled) => {
+  const formContext = inject(FormServiceKey, null)
+
+  if (!formContext) {
+    return {
+      doShowError: ref(true),
+      doShowErrorMessages: ref(true),
+      doShowLoading: ref(true),
+    }
+  }
+
+  const context = computed(createContext)
+  const uid = useComponentUuid()
+
+  onMounted(() => {
+    formContext.registerField(uid, context)
+  })
+
+  onBeforeUnmount(() => {
+    formContext.unregisterField(uid)
+  })
+
+  return {
+    doShowError: formContext.doShowError,
+    doShowErrorMessages: formContext.doShowErrorMessages,
+    doShowLoading: formContext.doShowLoading,
+  }
+}
diff --git a/packages/ui/src/composables/useForm/useFormParent.ts b/packages/ui/src/composables/useForm/useFormParent.ts
new file mode 100644
index 0000000000..8eda14cf8d
--- /dev/null
+++ b/packages/ui/src/composables/useForm/useFormParent.ts
@@ -0,0 +1,108 @@
+import { computed, provide, ref, type Ref } from 'vue'
+import { FormServiceKey } from './consts'
+import { Form, FormFiled } from './types'
+import { useFormChild } from './useFormChild'
+
+type FormParentOptions = {
+  hideLoading: boolean
+  hideErrors: boolean
+  hideErrorMessages: boolean
+}
+
+export const createFormContext = <Names extends string>(options: FormParentOptions) => {
+  const fields: Ref<Record<number, Ref<FormFiled>>> = ref({})
+
+  return {
+    // Vue unwrap ref automatically, but types are not for some reason
+    fields: computed(() => Object.values(fields.value) as any as FormFiled<Names>[]),
+    doShowError: computed(() => !options.hideErrors),
+    doShowErrorMessages: computed(() => !options.hideErrorMessages),
+    doShowLoading: computed(() => !options.hideLoading),
+    registerField: (uid: number, field: Ref<FormFiled>) => {
+      fields.value[uid] = field
+    },
+    unregisterField: (uid: number) => {
+      delete fields.value[uid]
+    },
+  }
+}
+
+export const useFormParent = <Names extends string = string>(options: FormParentOptions): Form<Names> => {
+  const formContext = createFormContext<Names>(options)
+
+  provide(FormServiceKey, formContext)
+
+  const { fields } = formContext
+
+  const fieldNames = computed(() => fields.value.map((field) => field.name).filter(Boolean) as Names[])
+  const formData = computed(() => fields.value.reduce((acc, field) => {
+    if (field.name) { acc[field.name] = field.value }
+    return acc
+  }, {} as Record<Names, any>))
+  const isValid = computed(() => fields.value.every((field) => field.isValid))
+  const isLoading = computed(() => fields.value.some((field) => field.isLoading))
+  const errorMessages = computed(() => fields.value.map((field) => field.errorMessages).flat())
+  const errorMessagesNamed = computed(() => fields.value.reduce((acc, field) => {
+    if (field.name) { acc[field.name] = field.errorMessages }
+    return acc
+  }, {} as Record<Names, any>))
+
+  const validate = () => {
+    // Validate each filed to get the error messages
+    return fields.value.reduce((acc, field) => {
+      return field.validate() && acc
+    }, true)
+  }
+
+  const validateAsync = () => {
+    return Promise.all(fields.value.map((field) => field.validateAsync())).then((results) => {
+      return results.every(Boolean)
+    })
+  }
+
+  const reset = () => {
+    fields.value.forEach((field) => field.reset())
+  }
+
+  const resetValidation = () => {
+    fields.value.forEach((field) => field.resetValidation())
+  }
+
+  const focus = () => {
+    fields.value[0]?.focus()
+  }
+
+  const focusInvalidField = () => {
+    const invalidField = fields.value.find((field) => !field.isValid)
+
+    invalidField?.focus()
+  }
+
+  useFormChild(() => ({
+    name: '',
+    value: undefined,
+    isValid: isValid.value,
+    isLoading: isLoading.value,
+    validate,
+    validateAsync,
+    reset,
+    resetValidation,
+    focus,
+    errorMessages: errorMessages.value,
+  }))
+
+  return {
+    formData,
+    fields,
+    fieldNames,
+    isValid,
+    isLoading,
+    errorMessages,
+    errorMessagesNamed,
+    validate,
+    reset,
+    resetValidation,
+    focus,
+    focusInvalidField,
+  }
+}
diff --git a/packages/ui/src/composables/useForm.ts b/packages/ui/src/composables/useFormField.ts
similarity index 78%
rename from packages/ui/src/composables/useForm.ts
rename to packages/ui/src/composables/useFormField.ts
index 6789cfaf8d..9d88af238d 100644
--- a/packages/ui/src/composables/useForm.ts
+++ b/packages/ui/src/composables/useFormField.ts
@@ -3,13 +3,13 @@ import pick from 'lodash/pick.js'
 
 import { useBem } from './useBem'
 
-export const useFormProps = {
+export const useFormFieldProps = {
   disabled: { type: Boolean, default: false },
   readonly: { type: Boolean, default: false },
 }
 
-export const useFormPropsWithId = {
-  ...useFormProps,
+export const useFormFieldPropsWithId = {
+  ...useFormFieldProps,
   id: { type: [String, Number], default: undefined },
   name: { type: [String, Number], default: undefined },
 }
@@ -20,9 +20,9 @@ export const useFormPropsWithId = {
  * @param props component props.
  * @returns computed classes object starting with `prefix` and ending with form state BEM modifier.
  */
-export const useForm = <Prefix extends string = ''>(
+export const useFormField = <Prefix extends string = ''>(
   prefix: Prefix,
-  props: ExtractPropTypes<typeof useFormProps>,
+  props: ExtractPropTypes<typeof useFormFieldProps>,
 ) => {
   const computedClasses = useBem<'disabled' | 'readonly', Prefix>(prefix, computed(() => pick(props, ['disabled', 'readonly'])))
   return { computedClasses }
diff --git a/packages/ui/src/components/va-config/hooks/useLocalConfig.ts b/packages/ui/src/composables/useLocalConfig.ts
similarity index 55%
rename from packages/ui/src/components/va-config/hooks/useLocalConfig.ts
rename to packages/ui/src/composables/useLocalConfig.ts
index 69f65a8ac2..383dec00f2 100644
--- a/packages/ui/src/components/va-config/hooks/useLocalConfig.ts
+++ b/packages/ui/src/composables/useLocalConfig.ts
@@ -1,5 +1,5 @@
 import { inject, provide, computed, ComputedRef } from 'vue'
-import { ComponentConfig } from '../../../services/component-config'
+import { ComponentConfig } from '../services/component-config'
 
 /**
  * We need another key to provide injected value.
@@ -15,3 +15,11 @@ export function useLocalConfig (): ComputedRef<ComponentConfig[]> {
 export function provideLocalConfig (config: ComputedRef<ComponentConfig[]>) {
   provide(LocalConfigKey, config)
 }
+
+export function useLocalConfigProvider (config: ComputedRef<ComponentConfig>) {
+  const prevChain = useLocalConfig()
+  // We want it to be an array and not a merged object for optimization purposes
+  const nextChain = computed(() => [...prevChain.value, config.value])
+
+  provideLocalConfig(nextChain)
+}
diff --git a/packages/ui/src/composables/useSelectable.ts b/packages/ui/src/composables/useSelectable.ts
index e96d14f7ad..805df169e7 100644
--- a/packages/ui/src/composables/useSelectable.ts
+++ b/packages/ui/src/composables/useSelectable.ts
@@ -72,6 +72,8 @@ export const useSelectable = (
     input.value?.focus()
   }
 
+  const { valueComputed } = useStateful(props, emit)
+
   const {
     computedError,
     computedErrorMessages,
@@ -79,8 +81,7 @@ export const useSelectable = (
     validationAriaAttributes,
     withoutValidation,
     resetValidation,
-  } = useValidation(props, emit, { reset, focus })
-  const { valueComputed } = useStateful(props, emit)
+  } = useValidation(props, emit, { reset, focus, value: valueComputed })
   const { isFocused } = useFocus()
 
   const isElementRelated = (element: HTMLElement | undefined) => {
@@ -89,7 +90,6 @@ export const useSelectable = (
   const onBlur = (event: FocusEvent) => {
     if ((input.value === event.target) && !isElementRelated(event.relatedTarget as HTMLElement)) {
       isFocused.value = false
-      computedError.value = false
       validate()
       emit('blur', event)
     }
diff --git a/packages/ui/src/composables/useValidation.ts b/packages/ui/src/composables/useValidation.ts
index 6543d2f1a7..19d26b077c 100644
--- a/packages/ui/src/composables/useValidation.ts
+++ b/packages/ui/src/composables/useValidation.ts
@@ -1,11 +1,11 @@
 import {
   watch,
-  inject,
   computed,
-  onMounted,
-  onBeforeUnmount,
   PropType,
   ExtractPropTypes,
+  nextTick,
+  type WritableComputedRef,
+  ref,
 } from 'vue'
 import flatten from 'lodash/flatten.js'
 import isFunction from 'lodash/isFunction.js'
@@ -13,13 +13,14 @@ import isString from 'lodash/isString.js'
 
 import { useSyncProp } from './useSyncProp'
 import { useFocus } from './useFocus'
-import { FormServiceKey } from '../components/va-form/consts'
+import { useFormChild } from './useForm'
 
-export type ValidationRule<V extends any = any> = ((v: V) => any | string)
+export type ValidationRule<V extends any = any> = ((v: V) => any | string) | Promise<((v: V) => any | string)>
 
 type UseValidationOptions = {
   reset: () => void
   focus: () => void
+  value: WritableComputedRef<any>
 }
 
 const normalizeValidationRules = (rules: string | ValidationRule[] = [], callArguments: unknown = null) => {
@@ -30,6 +31,7 @@ const normalizeValidationRules = (rules: string | ValidationRule[] = [], callArg
 }
 
 export const useValidationProps = {
+  name: { type: String, default: undefined },
   modelValue: { required: false },
   error: { type: Boolean, default: undefined },
   errorMessages: { type: [Array, String] as PropType<string[] | string>, default: undefined },
@@ -47,6 +49,10 @@ export type ValidationProps<V extends any> = typeof useValidationProps & {
 
 export const useValidationEmits = ['update:error', 'update:errorMessages']
 
+const isPromise = (value: any): value is Promise<any> => {
+  return typeof value === 'object' && typeof value.then === 'function'
+}
+
 export const useValidation = <V, P extends ExtractPropTypes<typeof useValidationProps>>(
   props: P,
   emit: (event: any, ...args: any[]) => void,
@@ -54,81 +60,125 @@ export const useValidation = <V, P extends ExtractPropTypes<typeof useValidation
 ) => {
   const { reset, focus } = options
   const { isFocused, onFocus, onBlur } = useFocus()
-  let canValidate = true
 
-  const [computedError] = useSyncProp('error', props, emit, false)
+  const [computedError] = useSyncProp('error', props, emit, false as boolean)
   const [computedErrorMessages] = useSyncProp('errorMessages', props, emit, [] as string[])
+  const isLoading = ref(false)
+
+  const validationAriaAttributes = computed(() => ({
+    'aria-invalid': !!computedErrorMessages.value.length,
+    'aria-errormessage': typeof computedErrorMessages.value === 'string'
+      ? computedErrorMessages.value
+      : computedErrorMessages.value.join(', '),
+  }))
 
   const resetValidation = () => {
     computedError.value = false
     computedErrorMessages.value = []
   }
 
-  const withoutValidation = (cb: () => any): void => {
-    canValidate = false
-    cb()
-  }
+  const processResults = (results: any[]) => {
+    let error = false
+    let errorMessages: string[] = []
 
-  const validate = (): boolean => {
-    if (!props.rules || !props.rules.length || !canValidate) {
-      canValidate = true
+    results.forEach((result: any) => {
+      if (isString(result)) {
+        errorMessages = [...errorMessages, result]
+        error = true
+      } else if (result === false) {
+        error = true
+      } // Ignore if result is Promise
+    })
+
+    computedErrorMessages.value = errorMessages
+    computedError.value = error
+
+    return !error
+  }
 
+  const validateAsync = async (): Promise<boolean> => {
+    if (!props.rules || !props.rules.length) {
       return true
     }
 
-    let error = false
-    let errorMessages: string[] = []
+    const results = normalizeValidationRules(flatten(props.rules), options.value.value)
+    const asyncPromiseResults = results.filter((result) => isPromise(result))
+    const syncRules = results.filter((result) => !isPromise(result))
+
+    if (!asyncPromiseResults.length) { return processResults(syncRules) }
+
+    isLoading.value = true
+    return Promise.all(asyncPromiseResults).then((asyncResults) => {
+      isLoading.value = false
+      return processResults([...syncRules, ...asyncResults])
+    })
+  }
+
+  const validate = (): boolean => {
+    if (!props.rules || !props.rules.length) {
+      return true
+    }
 
     const rules = flatten(props.rules)
 
-    normalizeValidationRules(rules, props.modelValue)
-      .forEach((validationResult: boolean | string) => {
-        if (isString(validationResult)) {
-          errorMessages = [...errorMessages, validationResult]
-          error = true
-        } else if (validationResult === false) {
-          error = true
-        }
+    const results = normalizeValidationRules(rules, options.value.value)
+    const asyncPromiseResults = results.filter((result) => isPromise(result))
+    const syncRules = results.filter((result) => !isPromise(result))
+    const isSyncedError = syncRules.some((result: string | boolean) => isString(result) ? result : result === false)
+
+    // Prevent async rules from being executed if sync rules are invalid
+    if (asyncPromiseResults.length && !isSyncedError) {
+      isLoading.value = true
+      Promise.all(asyncPromiseResults).then((asyncResults) => {
+        processResults([...syncRules, ...asyncResults]) // Process sync rules and async rules at the same time
+        isLoading.value = false
       })
+      return isSyncedError
+    }
 
-    computedErrorMessages.value = errorMessages
-    computedError.value = error
-
-    return !error
+    return processResults(syncRules)
   }
 
   watch(isFocused, (newVal) => !newVal && validate())
 
-  watch(() => props.modelValue, () => validate(), { immediate: props.immediateValidation })
-
-  const context = {
+  let canValidate = true
+  const withoutValidation = (cb: () => any): void => {
+    canValidate = false
+    cb()
+    // NextTick because we update props in the same tick, but they are updated in the next one
+    nextTick(() => { canValidate = true })
+  }
+  watch(
+    () => props.modelValue,
+    () => {
+      if (!canValidate) { return }
+
+      return validate()
+    },
+    { immediate: props.immediateValidation },
+  )
+
+  const {
+    doShowErrorMessages,
+    doShowError,
+    doShowLoading,
+  } = useFormChild(() => ({
+    isValid: !computedError.value,
+    isLoading: isLoading.value,
+    errorMessages: computedErrorMessages.value,
+    validate,
+    validateAsync,
     resetValidation,
     focus,
-    validate,
     reset,
-    hasError: () => computedError.value,
-  }
-
-  const form = inject(FormServiceKey, undefined)
-
-  const validationAriaAttributes = computed(() => ({
-    'aria-invalid': !!computedErrorMessages.value.length,
-    'aria-errormessage': typeof computedErrorMessages.value === 'string'
-      ? computedErrorMessages.value
-      : computedErrorMessages.value.join(', '),
+    value: options.value || props.modelValue,
+    name: props.name,
   }))
 
-  onMounted(() => {
-    form?.onChildMounted(context as any)
-  })
-
-  onBeforeUnmount(() => {
-    form?.onChildUnmounted(context as any)
-  })
-
   return {
-    computedError,
-    computedErrorMessages,
+    computedError: computed(() => doShowError.value ? computedError.value : false),
+    computedErrorMessages: computed(() => doShowErrorMessages.value ? computedErrorMessages.value : []),
+    isLoading: computed(() => doShowLoading.value ? isLoading.value : false),
     listeners: { onFocus, onBlur },
     validate,
     resetValidation,
diff --git a/packages/ui/src/main.ts b/packages/ui/src/main.ts
index 45c7d8efa5..81717e9b6b 100644
--- a/packages/ui/src/main.ts
+++ b/packages/ui/src/main.ts
@@ -5,6 +5,7 @@ export {
   useI18nConfig,
   useIcon as useIcons,
   type ValidationRule,
+  useForm,
 } from './composables'
 
 export * from './services/vue-plugin'
diff --git a/packages/ui/src/services/component-config/utils/use-component-config-props.ts b/packages/ui/src/services/component-config/utils/use-component-config-props.ts
index 32653b6e0d..dab5ee174b 100644
--- a/packages/ui/src/services/component-config/utils/use-component-config-props.ts
+++ b/packages/ui/src/services/component-config/utils/use-component-config-props.ts
@@ -1,5 +1,5 @@
 import type { VuesticComponent, VuesticComponentName, Props } from '../types'
-import { useLocalConfig } from '../../../components/va-config/hooks/useLocalConfig'
+import { useLocalConfig } from '../../../composables/useLocalConfig'
 import { useGlobalConfig } from '../../global-config/global-config'
 import { computed } from 'vue'
 

From a799630d0b7b186be08c8d1e446dc98eeb4e7eae Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 00:42:57 +0300
Subject: [PATCH 21/30] chore(build): fix types build

---
 packages/ui/src/components/va-form/VaFormNew.demo.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/components/va-form/VaFormNew.demo.vue b/packages/ui/src/components/va-form/VaFormNew.demo.vue
index 1642adc4e2..3547f15c96 100644
--- a/packages/ui/src/components/va-form/VaFormNew.demo.vue
+++ b/packages/ui/src/components/va-form/VaFormNew.demo.vue
@@ -14,7 +14,7 @@
         />
         <va-date-picker
           v-model="form.date"
-          :rules="[(v) => !!v || 'Required']"
+          :rules="[(v: any) => !!v || 'Required']"
         />
         <va-time-input
           v-model="form.time"
@@ -22,7 +22,7 @@
         />
         <va-time-picker
           v-model="form.time"
-          :rules="[(v) => !!v || 'Required']"
+          :rules="[(v: any) => !!v || 'Required']"
         />
         <va-switch v-model="form.switch" :rules="[(v) => !!v || 'Required']" />
         <va-option-list
@@ -32,10 +32,10 @@
         />
         <va-counter
           v-model="form.counter"
-          :rules="[(v) => !!v || 'Required']"
+          :rules="[(v: any) => !!v || 'Required']"
         />
-        <va-rating v-model="form.rating" :rules="[(v) => !!v || 'Required']" />
-        <va-slider v-model="form.slider" :rules="[(v) => !!v || 'Required']" />
+        <va-rating v-model="form.rating" :rules="[(v: any) => !!v || 'Required']" />
+        <va-slider v-model="form.slider" :rules="[(v: any) => !!v || 'Required']" />
         <va-file-upload />
       </va-form>
 

From 42af6564626f358e6d186b3d33e693a693050559 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 01:35:09 +0300
Subject: [PATCH 22/30] chore: fix docs build

---
 .../page-config/ui-elements/config/examples/ExampleCard.vue     | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/docs/page-config/ui-elements/config/examples/ExampleCard.vue b/packages/docs/page-config/ui-elements/config/examples/ExampleCard.vue
index 0af36351f6..174ee534a7 100644
--- a/packages/docs/page-config/ui-elements/config/examples/ExampleCard.vue
+++ b/packages/docs/page-config/ui-elements/config/examples/ExampleCard.vue
@@ -19,6 +19,8 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue'
+
 export default defineComponent({
   data () {
     return {

From 89fb646b93e2fe2630498af41cc7573040ded9c3 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 01:35:23 +0300
Subject: [PATCH 23/30] chore: update nuxt to 3.4.0 in dev env

---
 package.json                  |    5 +-
 packages/docs/package.json    |    2 +-
 packages/sandbox/package.json |    2 +-
 yarn.lock                     | 2274 ++++++++++++++++++---------------
 4 files changed, 1243 insertions(+), 1040 deletions(-)

diff --git a/package.json b/package.json
index a860757b1e..ea1293be14 100644
--- a/package.json
+++ b/package.json
@@ -41,9 +41,10 @@
     "pre-commit": "lerna run --concurrency 1 --stream precommit --since HEAD"
   },
   "resolutions": {
-    "nuxt": "3.1.1",
+    "nuxt": "3.4.0",
+    "semver": "^7.0.0",
     "vue": "3.2.37",
     "vue-router": "4.1.6",
-    "@nuxt/schema": "3.0.0"
+    "@nuxt/schema": "3.4.0"
   }
 }
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 89643cc0ba..5aaab24412 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -26,7 +26,7 @@
     "autoprefixer": "^10.4.13",
     "escodegen": "^2.0.0",
     "eslint": "7",
-    "nuxt": "^3.1.1",
+    "nuxt": "latest",
     "postcss": "^7",
     "postcss-custom-properties": "^13.1.1",
     "stylelint": "^13.13.1",
diff --git a/packages/sandbox/package.json b/packages/sandbox/package.json
index 471241fa90..a4c7ad2857 100644
--- a/packages/sandbox/package.json
+++ b/packages/sandbox/package.json
@@ -34,7 +34,7 @@
     "@vitejs/plugin-vue": "^1.3.0",
     "@vue/test-utils": "^2.0.2",
     "lodash": "^4.17.21",
-    "nuxt": "3.0.0",
+    "nuxt": "latest",
     "rollup-plugin-analyzer": "^4.0.0",
     "sass": "^1.54.4",
     "serve": "^12.0.0",
diff --git a/yarn.lock b/yarn.lock
index 32158f8f5e..7dfe37f3dc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -159,7 +159,15 @@
     "@algolia/logger-common" "4.14.3"
     "@algolia/requester-common" "4.14.3"
 
-"@ampproject/remapping@^2.1.0", "@ampproject/remapping@^2.2.0":
+"@ampproject/remapping@^2.1.0":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.1.tgz#99e8e11851128b8702cd57c33684f1d0f260b630"
+  integrity sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
+"@ampproject/remapping@^2.2.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
   integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==
@@ -174,14 +182,14 @@
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.12.13", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.16.7", "@babel/code-frame@^7.8.3":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
   integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
   dependencies:
     "@babel/highlight" "^7.18.6"
 
-"@babel/code-frame@^7.21.4":
+"@babel/code-frame@^7.12.13", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"
   integrity sha512-LYvhNKfwWSPpocw8GI7gpK2nq3HSDuEPC/uSYaALSJu9xjsalaaYFOq0Pwt5KmVqwEbZlDu81aLXwBOmD/Fv9g==
@@ -198,12 +206,12 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.18.8.tgz#2483f565faca607b8535590e84e7de323f27764d"
   integrity sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ==
 
-"@babel/compat-data@^7.18.8", "@babel/compat-data@^7.20.5":
+"@babel/compat-data@^7.18.8":
   version "7.20.10"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.20.10.tgz#9d92fa81b87542fff50e848ed585b4212c1d34ec"
   integrity sha512-sEnuDPpOJR/fcafHMjpcpGN5M2jbUGUHwmuWKM/YdPzeEDJg8bgmbcWQFUfE32MQjti1koACvoPVsDe8Uq+idg==
 
-"@babel/compat-data@^7.21.4":
+"@babel/compat-data@^7.20.5", "@babel/compat-data@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.4.tgz#457ffe647c480dff59c2be092fc3acf71195c87f"
   integrity sha512-/DYyDpeCfaVinT40FPGdkkb+lYSKvsVuMjDAG7jPOWWiM1ibOaB9CXJAlc4d1QpP/U2q2P9jbrSlClKSErd55g==
@@ -250,7 +258,7 @@
     json5 "^2.2.1"
     semver "^6.3.0"
 
-"@babel/core@^7.19.6", "@babel/core@^7.20.12", "@babel/core@^7.20.5":
+"@babel/core@^7.19.6":
   version "7.20.12"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.20.12.tgz#7930db57443c6714ad216953d1356dac0eb8496d"
   integrity sha512-XsMfHovsUYHFMdrIHkZphTN/2Hzzi78R08NuHfDBehym2VsPDL6Zn/JAD/JQdnRvbSsbQc4mVaU1m6JgtTEElg==
@@ -271,7 +279,7 @@
     json5 "^2.2.2"
     semver "^6.3.0"
 
-"@babel/core@^7.21.3":
+"@babel/core@^7.20.7", "@babel/core@^7.21.3":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.4.tgz#c6dc73242507b8e2a27fd13a9c1814f9fa34a659"
   integrity sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==
@@ -292,7 +300,7 @@
     json5 "^2.2.2"
     semver "^6.3.0"
 
-"@babel/generator@^7.17.10", "@babel/generator@^7.18.10", "@babel/generator@^7.20.7":
+"@babel/generator@^7.17.10", "@babel/generator@^7.18.10":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.7.tgz#f8ef57c8242665c5929fe2e8d82ba75460187b4a"
   integrity sha512-7wqMOJq8doJMZmP4ApXTzLxSr7+oO2jroJURrVEp6XShrQUObV8Tq/D0NCcoYg2uHqUrjzO0zwBjoYzelxK+sw==
@@ -301,7 +309,7 @@
     "@jridgewell/gen-mapping" "^0.3.2"
     jsesc "^2.5.1"
 
-"@babel/generator@^7.21.4":
+"@babel/generator@^7.20.7", "@babel/generator@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.21.4.tgz#64a94b7448989f421f919d5239ef553b37bb26bc"
   integrity sha512-NieM3pVIYW2SwGzKoqfPrQsf4xGs9M9AIG3ThppsSRmO+m7eQhmI6amajKMUeIO37wFfsvnvcxQFx6x6iqxDnA==
@@ -343,7 +351,7 @@
     browserslist "^4.20.2"
     semver "^6.3.0"
 
-"@babel/helper-compilation-targets@^7.17.10", "@babel/helper-compilation-targets@^7.20.7":
+"@babel/helper-compilation-targets@^7.17.10":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.7.tgz#a6cd33e93629f5eb473b021aac05df62c4cd09bb"
   integrity sha512-4tGORmfQcrc+bvrjb5y3dG9Mx1IOZjsHqQVUz7XCNHO+iTmqxWnVg3KRygjGmpRLJGdQSKuvFinbIb0CnZwHAQ==
@@ -364,7 +372,7 @@
     browserslist "^4.20.2"
     semver "^6.3.0"
 
-"@babel/helper-compilation-targets@^7.21.4":
+"@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.4.tgz#770cd1ce0889097ceacb99418ee6934ef0572656"
   integrity sha512-Fa0tTuOXZ1iL8IeDFUWCzjZcn+sJGd9RZdH9esYVjEejGmzf+FFYQpMi/kZUk2kPy/q1H3/GPw7np8qar/stfg==
@@ -388,7 +396,7 @@
     "@babel/helper-replace-supers" "^7.16.7"
     "@babel/helper-split-export-declaration" "^7.16.7"
 
-"@babel/helper-create-class-features-plugin@^7.20.12", "@babel/helper-create-class-features-plugin@^7.20.7":
+"@babel/helper-create-class-features-plugin@^7.20.7":
   version "7.20.12"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.20.12.tgz#4349b928e79be05ed2d1643b20b99bb87c503819"
   integrity sha512-9OunRkbT0JQcednL0UFvbfXpAsUXiGjUk0a7sN8fUXX7Mue79cUSMjHGDRRi/Vz9vYlpIhLV5fMD5dKoMhhsNQ==
@@ -402,6 +410,20 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
     "@babel/helper-split-export-declaration" "^7.18.6"
 
+"@babel/helper-create-class-features-plugin@^7.21.0":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.21.4.tgz#3a017163dc3c2ba7deb9a7950849a9586ea24c18"
+  integrity sha512-46QrX2CQlaFRF4TkwfTt6nJD7IHq8539cCL7SDpqWSDeJKY1xylKKY5F/33mJhLZ3mFvKv2gGrVS6NkyF6qs+Q==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.18.6"
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-function-name" "^7.21.0"
+    "@babel/helper-member-expression-to-functions" "^7.21.0"
+    "@babel/helper-optimise-call-expression" "^7.18.6"
+    "@babel/helper-replace-supers" "^7.20.7"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+
 "@babel/helper-create-regexp-features-plugin@^7.16.7", "@babel/helper-create-regexp-features-plugin@^7.17.0":
   version "7.17.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.17.0.tgz#1dcc7d40ba0c6b6b25618997c5dbfd310f186fe1"
@@ -444,7 +466,7 @@
     "@babel/template" "^7.16.7"
     "@babel/types" "^7.17.0"
 
-"@babel/helper-function-name@^7.17.9", "@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.19.0":
+"@babel/helper-function-name@^7.17.9", "@babel/helper-function-name@^7.18.9":
   version "7.19.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c"
   integrity sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==
@@ -452,7 +474,7 @@
     "@babel/template" "^7.18.10"
     "@babel/types" "^7.19.0"
 
-"@babel/helper-function-name@^7.21.0":
+"@babel/helper-function-name@^7.19.0", "@babel/helper-function-name@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.21.0.tgz#d552829b10ea9f120969304023cd0645fa00b1b4"
   integrity sha512-HfK1aMRanKHpxemaY2gqBmL04iAPOPRj7DxtNbiDOrJK+gdwkiNRVpCpUJYbUT+aZyemKN8brqTOxzCaG6ExRg==
@@ -474,19 +496,19 @@
   dependencies:
     "@babel/types" "^7.17.0"
 
-"@babel/helper-member-expression-to-functions@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.20.7.tgz#a6f26e919582275a93c3aa6594756d71b0bb7f05"
-  integrity sha512-9J0CxJLq315fEdi4s7xK5TQaNYjZw+nDVpVqr1axNGKzdrdwYBD5b4uKv3n75aABG0rCCTK8Im8Ww7eYfMrZgw==
+"@babel/helper-member-expression-to-functions@^7.20.7", "@babel/helper-member-expression-to-functions@^7.21.0":
+  version "7.21.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.21.0.tgz#319c6a940431a133897148515877d2f3269c3ba5"
+  integrity sha512-Muu8cdZwNN6mRRNG6lAYErJ5X3bRevgYR2O8wN0yn7jJSnGDu6eG59RfT29JHxGUovyfrh6Pj0XzmR7drNVL3Q==
   dependencies:
-    "@babel/types" "^7.20.7"
+    "@babel/types" "^7.21.0"
 
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
-  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.18.6":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz#ac88b2f76093637489e718a90cec6cf8a9b029af"
+  integrity sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==
   dependencies:
-    "@babel/types" "^7.18.6"
+    "@babel/types" "^7.21.4"
 
 "@babel/helper-module-imports@^7.12.13":
   version "7.16.7"
@@ -495,6 +517,13 @@
   dependencies:
     "@babel/types" "^7.16.7"
 
+"@babel/helper-module-imports@^7.16.7":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
+  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-module-transforms@^7.16.7":
   version "7.17.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.17.7.tgz#3943c7f777139e7954a5355c815263741a9c1cbd"
@@ -509,7 +538,7 @@
     "@babel/traverse" "^7.17.3"
     "@babel/types" "^7.17.0"
 
-"@babel/helper-module-transforms@^7.17.7", "@babel/helper-module-transforms@^7.20.11":
+"@babel/helper-module-transforms@^7.17.7":
   version "7.20.11"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.20.11.tgz#df4c7af713c557938c50ea3ad0117a7944b2f1b0"
   integrity sha512-uRy78kN4psmji1s2QtbtcCSaj/LILFDp0f/ymhpQH5QY3nljUZCaNWz9X1dEj/8MBdBEFECs7yRhKn8i7NjZgg==
@@ -537,7 +566,7 @@
     "@babel/traverse" "^7.18.9"
     "@babel/types" "^7.18.9"
 
-"@babel/helper-module-transforms@^7.21.2":
+"@babel/helper-module-transforms@^7.20.11", "@babel/helper-module-transforms@^7.21.2":
   version "7.21.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.21.2.tgz#160caafa4978ac8c00ac66636cb0fa37b024e2d2"
   integrity sha512-79yj2AR4U/Oqq/WOV7Lx6hUjau1Zfo4cI+JLAVYeMV5XIlbOhmjEk5ulbTc9fMpmlojzZHkUUxAiK+UKn+hNQQ==
@@ -570,7 +599,7 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz#aa3a8ab4c3cceff8e65eb9e73d87dc4ff320b2f5"
   integrity sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==
 
-"@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2":
+"@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.20.2":
   version "7.20.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
   integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
@@ -657,12 +686,12 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
   integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
 
-"@babel/helper-validator-option@^7.16.7", "@babel/helper-validator-option@^7.18.6":
+"@babel/helper-validator-option@^7.16.7":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
   integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==
 
-"@babel/helper-validator-option@^7.21.0":
+"@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
   integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
@@ -677,7 +706,7 @@
     "@babel/traverse" "^7.16.8"
     "@babel/types" "^7.16.8"
 
-"@babel/helpers@^7.17.9", "@babel/helpers@^7.20.7":
+"@babel/helpers@^7.17.9":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.20.7.tgz#04502ff0feecc9f20ecfaad120a18f011a8e6dce"
   integrity sha512-PBPjs5BppzsGaxHQCDKnZ6Gd9s6xl8bBCluz3vEInLGRJmnZan4F6BYCeqtyXqkk4W5IlPmjK4JlOuZkpJ3xZA==
@@ -695,7 +724,7 @@
     "@babel/traverse" "^7.18.9"
     "@babel/types" "^7.18.9"
 
-"@babel/helpers@^7.21.0":
+"@babel/helpers@^7.20.7", "@babel/helpers@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.21.0.tgz#9dd184fb5599862037917cdc9eecb84577dc4e7e"
   integrity sha512-XXve0CBtOW0pd7MRzzmoyuSj0e3SEzj8pgyFxnTT1NJZL38BD1MK7yYrm8yefRPIDvNNe14xR4FdbHwpInD4rA==
@@ -722,16 +751,16 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.16.4", "@babel/parser@^7.17.10", "@babel/parser@^7.18.10", "@babel/parser@^7.18.11", "@babel/parser@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.7.tgz#66fe23b3c8569220817d5feb8b9dcdc95bb4f71b"
-  integrity sha512-T3Z9oHybU+0vZlY9CiDSJQTD5ZapcW18ZctFMi0MOAl/4BjFF4ul7NVSARLdbGO5vDqy9eQiGTV0LtKfvCYvcg==
-
-"@babel/parser@^7.21.4":
+"@babel/parser@^7.16.4", "@babel/parser@^7.20.7", "@babel/parser@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.4.tgz#94003fdfc520bbe2875d4ae557b43ddb6d880f17"
   integrity sha512-alVJj7k7zIxqBZ7BTRhz0IqJFxW1VJbm6N8JbcYhQ186df9ZBPbZBmWSqAMXwHGsCJdYks7z/voa3ibiS5bCIw==
 
+"@babel/parser@^7.17.10", "@babel/parser@^7.18.10", "@babel/parser@^7.18.11":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.7.tgz#66fe23b3c8569220817d5feb8b9dcdc95bb4f71b"
+  integrity sha512-T3Z9oHybU+0vZlY9CiDSJQTD5ZapcW18ZctFMi0MOAl/4BjFF4ul7NVSARLdbGO5vDqy9eQiGTV0LtKfvCYvcg==
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.16.7.tgz#4eda6d6c2a0aa79c70fa7b6da67763dfe2141050"
@@ -938,11 +967,11 @@
     "@babel/helper-plugin-utils" "^7.8.0"
 
 "@babel/plugin-syntax-jsx@^7.0.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0"
-  integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz#f264ed7bf40ffc9ec239edabc17a50c4f5b6fea2"
+  integrity sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
 "@babel/plugin-syntax-jsx@^7.12.13", "@babel/plugin-syntax-jsx@^7.2.0":
   version "7.16.7"
@@ -1008,11 +1037,11 @@
     "@babel/helper-plugin-utils" "^7.14.5"
 
 "@babel/plugin-syntax-typescript@^7.20.0":
-  version "7.20.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz#4e9a0cfc769c85689b77a2e642d24e9f697fc8c7"
-  integrity sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ==
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.21.4.tgz#2751948e9b7c6d771a8efa59340c15d4a2891ff8"
+  integrity sha512-xz0D39NvhQn4t4RNsHmDnnsaQizIlUkdtYvLs8La1BlfjQ6JEwxkJGeqJMW2tAXx+q6H+WFuUTXNdYVpEya0YA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.19.0"
+    "@babel/helper-plugin-utils" "^7.20.2"
 
 "@babel/plugin-transform-arrow-functions@^7.16.7":
   version "7.16.7"
@@ -1270,12 +1299,13 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-typescript" "^7.20.0"
 
-"@babel/plugin-transform-typescript@^7.20.2":
-  version "7.20.13"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.20.13.tgz#e3581b356b8694f6ff450211fe6774eaff8d25ab"
-  integrity sha512-O7I/THxarGcDZxkgWKMUrk7NK1/WbHAg3Xx86gqS6x9MTrNL6AwIluuZ96ms4xeDe6AVx6rjHbWHP7x26EPQBA==
+"@babel/plugin-transform-typescript@^7.20.7":
+  version "7.21.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.21.3.tgz#316c5be579856ea890a57ebc5116c5d064658f2b"
+  integrity sha512-RQxPz6Iqt8T0uw/WsJNReuBpWpBqs/n7mNo18sKLoTbMp+UrEekhH+pKSVC7gWz+DNjo9gryfV8YzCiT45RgMw==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.20.12"
+    "@babel/helper-annotate-as-pure" "^7.18.6"
+    "@babel/helper-create-class-features-plugin" "^7.21.0"
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/plugin-syntax-typescript" "^7.20.0"
 
@@ -1392,11 +1422,6 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/standalone@^7.20.12":
-  version "7.20.12"
-  resolved "https://registry.yarnpkg.com/@babel/standalone/-/standalone-7.20.12.tgz#ae882b8642b4efb1ddd80c8a64a929e028095562"
-  integrity sha512-hK/X+m1il3w1tYS4H8LDaGCEdiT47SVqEXY8RiEAgou26BystipSU8ZL6EvBR6t5l7lTv0ilBiChXWblKJ5iUA==
-
 "@babel/standalone@^7.21.3":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/standalone/-/standalone-7.21.4.tgz#f1a7131775df87c526cc393c36d013acd2b3c609"
@@ -1411,19 +1436,19 @@
     "@babel/parser" "^7.20.7"
     "@babel/types" "^7.20.7"
 
-"@babel/traverse@^7.0.0", "@babel/traverse@^7.17.10", "@babel/traverse@^7.18.9", "@babel/traverse@^7.20.10", "@babel/traverse@^7.20.12", "@babel/traverse@^7.20.7":
-  version "7.20.12"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.12.tgz#7f0f787b3a67ca4475adef1f56cb94f6abd4a4b5"
-  integrity sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==
+"@babel/traverse@^7.0.0", "@babel/traverse@^7.20.10", "@babel/traverse@^7.20.12", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4":
+  version "7.21.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.4.tgz#a836aca7b116634e97a6ed99976236b3282c9d36"
+  integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==
   dependencies:
-    "@babel/code-frame" "^7.18.6"
-    "@babel/generator" "^7.20.7"
+    "@babel/code-frame" "^7.21.4"
+    "@babel/generator" "^7.21.4"
     "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.19.0"
+    "@babel/helper-function-name" "^7.21.0"
     "@babel/helper-hoist-variables" "^7.18.6"
     "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.20.7"
-    "@babel/types" "^7.20.7"
+    "@babel/parser" "^7.21.4"
+    "@babel/types" "^7.21.4"
     debug "^4.1.0"
     globals "^11.1.0"
 
@@ -1443,6 +1468,22 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.17.10", "@babel/traverse@^7.18.9":
+  version "7.20.12"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.12.tgz#7f0f787b3a67ca4475adef1f56cb94f6abd4a4b5"
+  integrity sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==
+  dependencies:
+    "@babel/code-frame" "^7.18.6"
+    "@babel/generator" "^7.20.7"
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-function-name" "^7.19.0"
+    "@babel/helper-hoist-variables" "^7.18.6"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/parser" "^7.20.7"
+    "@babel/types" "^7.20.7"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/traverse@^7.17.3", "@babel/traverse@^7.18.10":
   version "7.18.11"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.11.tgz#3d51f2afbd83ecf9912bcbb5c4d94e3d2ddaa16f"
@@ -1459,26 +1500,10 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4":
+"@babel/types@^7.0.0", "@babel/types@^7.18.6", "@babel/types@^7.19.0", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.3", "@babel/types@^7.21.4":
   version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.4.tgz#a836aca7b116634e97a6ed99976236b3282c9d36"
-  integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==
-  dependencies:
-    "@babel/code-frame" "^7.21.4"
-    "@babel/generator" "^7.21.4"
-    "@babel/helper-environment-visitor" "^7.18.9"
-    "@babel/helper-function-name" "^7.21.0"
-    "@babel/helper-hoist-variables" "^7.18.6"
-    "@babel/helper-split-export-declaration" "^7.18.6"
-    "@babel/parser" "^7.21.4"
-    "@babel/types" "^7.21.4"
-    debug "^4.1.0"
-    globals "^11.1.0"
-
-"@babel/types@^7.0.0", "@babel/types@^7.16.7", "@babel/types@^7.17.0", "@babel/types@^7.17.10", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.19.0", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.7":
-  version "7.20.7"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.7.tgz#54ec75e252318423fc07fb644dc6a58a64c09b7f"
-  integrity sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.4.tgz#2d5d6bb7908699b3b416409ffd3b5daa25b030d4"
+  integrity sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==
   dependencies:
     "@babel/helper-string-parser" "^7.19.4"
     "@babel/helper-validator-identifier" "^7.19.1"
@@ -1492,10 +1517,10 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.3", "@babel/types@^7.21.4":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.4.tgz#2d5d6bb7908699b3b416409ffd3b5daa25b030d4"
-  integrity sha512-rU2oY501qDxE8Pyo7i/Orqma4ziCOrby0/9mvbDUGEfvZjb279Nk9k19e2fiCxHbRRpY2ZyrgW1eq22mvmOIzA==
+"@babel/types@^7.16.7", "@babel/types@^7.17.0", "@babel/types@^7.17.10", "@babel/types@^7.18.10", "@babel/types@^7.18.9":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.7.tgz#54ec75e252318423fc07fb644dc6a58a64c09b7f"
+  integrity sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==
   dependencies:
     "@babel/helper-string-parser" "^7.19.4"
     "@babel/helper-validator-identifier" "^7.19.1"
@@ -1616,235 +1641,125 @@
     "@esbuild-kit/core-utils" "^3.0.0"
     get-tsconfig "^4.2.0"
 
-"@esbuild/android-arm64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.16.17.tgz#cf91e86df127aa3d141744edafcba0abdc577d23"
-  integrity sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==
-
-"@esbuild/android-arm64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.5.tgz#a145f43018e639bed94ed637369e2dcdd6bf9ea2"
-  integrity sha512-KHWkDqYAMmKZjY4RAN1PR96q6UOtfkWlTS8uEwWxdLtkRt/0F/csUhXIrVfaSIFxnscIBMPynGfhsMwQDRIBQw==
+"@esbuild/android-arm64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.16.tgz#7b18cab5f4d93e878306196eed26b6d960c12576"
+  integrity sha512-QX48qmsEZW+gcHgTmAj+x21mwTz8MlYQBnzF6861cNdQGvj2jzzFjqH0EBabrIa/WVZ2CHolwMoqxVryqKt8+Q==
 
 "@esbuild/android-arm@0.15.18":
   version "0.15.18"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz#266d40b8fdcf87962df8af05b76219bc786b4f80"
   integrity sha512-5GT+kcs2WVGjVs7+boataCkO5Fg0y4kCjzkB5bAip7H4jfnOS3dA6KPiww9W1OEKTKeAcUVhdZGvgI65OXmUnw==
 
-"@esbuild/android-arm@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.16.17.tgz#025b6246d3f68b7bbaa97069144fb5fb70f2fff2"
-  integrity sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==
-
-"@esbuild/android-arm@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.5.tgz#9fa2deff7fc5d180bb4ecff70beea3a95ac44251"
-  integrity sha512-crmPUzgCmF+qZXfl1YkiFoUta2XAfixR1tEnr/gXIixE+WL8Z0BGqfydP5oox0EUOgQMMRgtATtakyAcClQVqQ==
-
-"@esbuild/android-x64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.16.17.tgz#c820e0fef982f99a85c4b8bfdd582835f04cd96e"
-  integrity sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==
-
-"@esbuild/android-x64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.5.tgz#145fc61f810400e65a56b275280d1422a102c2ef"
-  integrity sha512-8fI/AnIdmWz/+1iza2WrCw8kwXK9wZp/yZY/iS8ioC+U37yJCeppi9EHY05ewJKN64ASoBIseufZROtcFnX5GA==
-
-"@esbuild/darwin-arm64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.16.17.tgz#edef4487af6b21afabba7be5132c26d22379b220"
-  integrity sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==
-
-"@esbuild/darwin-arm64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.5.tgz#61fb0546aa4bae0850817d6e0d008b1cb3f64b49"
-  integrity sha512-EAvaoyIySV6Iif3NQCglUNpnMfHSUgC5ugt2efl3+QDntucJe5spn0udNZjTgNi6tKVqSceOw9tQ32liNZc1Xw==
-
-"@esbuild/darwin-x64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.16.17.tgz#42829168730071c41ef0d028d8319eea0e2904b4"
-  integrity sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==
-
-"@esbuild/darwin-x64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.5.tgz#54b770f0c49f524ae9ba24c85d6dea8b521f610d"
-  integrity sha512-ha7QCJh1fuSwwCgoegfdaljowwWozwTDjBgjD3++WAy/qwee5uUi1gvOg2WENJC6EUyHBOkcd3YmLDYSZ2TPPA==
-
-"@esbuild/freebsd-arm64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.17.tgz#1f4af488bfc7e9ced04207034d398e793b570a27"
-  integrity sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==
-
-"@esbuild/freebsd-arm64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.5.tgz#be1dd18b7b9411f10bdc362ba8bff16386175367"
-  integrity sha512-VbdXJkn2aI2pQ/wxNEjEcnEDwPpxt3CWWMFYmO7CcdFBoOsABRy2W8F3kjbF9F/pecEUDcI3b5i2w+By4VQFPg==
-
-"@esbuild/freebsd-x64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.16.17.tgz#636306f19e9bc981e06aa1d777302dad8fddaf72"
-  integrity sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==
-
-"@esbuild/freebsd-x64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.5.tgz#c9c1960fa3e1eada4e5d4be2a11a2f04ce14198f"
-  integrity sha512-olgGYND1/XnnWxwhjtY3/ryjOG/M4WfcA6XH8dBTH1cxMeBemMODXSFhkw71Kf4TeZFFTN25YOomaNh0vq2iXg==
-
-"@esbuild/linux-arm64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.16.17.tgz#a003f7ff237c501e095d4f3a09e58fc7b25a4aca"
-  integrity sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==
-
-"@esbuild/linux-arm64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.5.tgz#34d96d11c6899017ecae42fb97de8e0c3282902f"
-  integrity sha512-8a0bqSwu3OlLCfu2FBbDNgQyBYdPJh1B9PvNX7jMaKGC9/KopgHs37t+pQqeMLzcyRqG6z55IGNQAMSlCpBuqg==
-
-"@esbuild/linux-arm@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.16.17.tgz#b591e6a59d9c4fe0eeadd4874b157ab78cf5f196"
-  integrity sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==
-
-"@esbuild/linux-arm@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.5.tgz#86332e6293fd713a54ab299a5e2ed7c60c9e1c07"
-  integrity sha512-YBdCyQwA3OQupi6W2/WO4FnI+NWFWe79cZEtlbqSESOHEg7a73htBIRiE6uHPQe7Yp5E4aALv+JxkRLGEUL7tw==
-
-"@esbuild/linux-ia32@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.16.17.tgz#24333a11027ef46a18f57019450a5188918e2a54"
-  integrity sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==
-
-"@esbuild/linux-ia32@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.5.tgz#7bd9185c844e7dfce6a01dfdec584e115602a8c4"
-  integrity sha512-uCwm1r/+NdP7vndctgq3PoZrnmhmnecWAr114GWMRwg2QMFFX+kIWnp7IO220/JLgnXK/jP7VKAFBGmeOYBQYQ==
+"@esbuild/android-arm@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.16.tgz#5c47f6a7c2cada6ed4b4d4e72d8c66e76d812812"
+  integrity sha512-baLqRpLe4JnKrUXLJChoTN0iXZH7El/mu58GE3WIA6/H834k0XWvLRmGLG8y8arTRS9hJJibPnF0tiGhmWeZgw==
+
+"@esbuild/android-x64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.16.tgz#8686a6e98359071ffd5312046551943e7244c51a"
+  integrity sha512-G4wfHhrrz99XJgHnzFvB4UwwPxAWZaZBOFXh+JH1Duf1I4vIVfuYY9uVLpx4eiV2D/Jix8LJY+TAdZ3i40tDow==
+
+"@esbuild/darwin-arm64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.16.tgz#aa79fbf447630ca0696a596beba962a775bbf394"
+  integrity sha512-/Ofw8UXZxuzTLsNFmz1+lmarQI6ztMZ9XktvXedTbt3SNWDn0+ODTwxExLYQ/Hod91EZB4vZPQJLoqLF0jvEzA==
+
+"@esbuild/darwin-x64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.16.tgz#d5d68ee510507104da7e7503224c647c957e163e"
+  integrity sha512-SzBQtCV3Pdc9kyizh36Ol+dNVhkDyIrGb/JXZqFq8WL37LIyrXU0gUpADcNV311sCOhvY+f2ivMhb5Tuv8nMOQ==
+
+"@esbuild/freebsd-arm64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.16.tgz#b00b4cc8c2e424907cfe3a607384ab24794edd52"
+  integrity sha512-ZqftdfS1UlLiH1DnS2u3It7l4Bc3AskKeu+paJSfk7RNOMrOxmeFDhLTMQqMxycP1C3oj8vgkAT6xfAuq7ZPRA==
+
+"@esbuild/freebsd-x64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.16.tgz#84af4430a07730b50bbc945a90cf7036c1853b76"
+  integrity sha512-rHV6zNWW1tjgsu0dKQTX9L0ByiJHHLvQKrWtnz8r0YYJI27FU3Xu48gpK2IBj1uCSYhJ+pEk6Y0Um7U3rIvV8g==
+
+"@esbuild/linux-arm64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.16.tgz#35571d15de6272c862d9ce6341372fb3cef0f266"
+  integrity sha512-8yoZhGkU6aHu38WpaM4HrRLTFc7/VVD9Q2SvPcmIQIipQt2I/GMTZNdEHXoypbbGao5kggLcxg0iBKjo0SQYKA==
+
+"@esbuild/linux-arm@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.16.tgz#b65c7cd5b0eadd08f91aab66b9dda81b6a4b2a70"
+  integrity sha512-n4O8oVxbn7nl4+m+ISb0a68/lcJClIbaGAoXwqeubj/D1/oMMuaAXmJVfFlRjJLu/ZvHkxoiFJnmbfp4n8cdSw==
+
+"@esbuild/linux-ia32@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.16.tgz#673a68cb251ce44a00a6422ada29064c5a1cd2c0"
+  integrity sha512-9ZBjlkdaVYxPNO8a7OmzDbOH9FMQ1a58j7Xb21UfRU29KcEEU3VTHk+Cvrft/BNv0gpWJMiiZ/f4w0TqSP0gLA==
 
 "@esbuild/linux-loong64@0.15.18":
   version "0.15.18"
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.15.18.tgz#128b76ecb9be48b60cf5cfc1c63a4f00691a3239"
   integrity sha512-L4jVKS82XVhw2nvzLg/19ClLWg0y27ulRwuP7lcyL6AbUWB5aPglXY3M21mauDQMDfRLs8cQmeT03r/+X3cZYQ==
 
-"@esbuild/linux-loong64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.16.17.tgz#d5ad459d41ed42bbd4d005256b31882ec52227d8"
-  integrity sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==
-
-"@esbuild/linux-loong64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.5.tgz#2907d4120c7b3642b96be6014f77e7624c378eea"
-  integrity sha512-3YxhSBl5Sb6TtBjJu+HP93poBruFzgXmf3PVfIe4xOXMj1XpxboYZyw3W8BhoX/uwxzZz4K1I99jTE/5cgDT1g==
-
-"@esbuild/linux-mips64el@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.16.17.tgz#4e5967a665c38360b0a8205594377d4dcf9c3726"
-  integrity sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==
-
-"@esbuild/linux-mips64el@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.5.tgz#fc98be741e8080ecd13b404d5fca5302d3835bf4"
-  integrity sha512-Hy5Z0YVWyYHdtQ5mfmfp8LdhVwGbwVuq8mHzLqrG16BaMgEmit2xKO+iDakHs+OetEx0EN/2mUzDdfdktI+Nmg==
-
-"@esbuild/linux-ppc64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.16.17.tgz#206443a02eb568f9fdf0b438fbd47d26e735afc8"
-  integrity sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==
-
-"@esbuild/linux-ppc64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.5.tgz#ea12e8f6b290a613ac4903c9e00835c69ced065c"
-  integrity sha512-5dbQvBLbU/Y3Q4ABc9gi23hww1mQcM7KZ9KBqabB7qhJswYMf8WrDDOSw3gdf3p+ffmijMd28mfVMvFucuECyg==
-
-"@esbuild/linux-riscv64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.16.17.tgz#c351e433d009bf256e798ad048152c8d76da2fc9"
-  integrity sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==
-
-"@esbuild/linux-riscv64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.5.tgz#ce47b15fd4227eeb0590826e41bdc430c5bfd06c"
-  integrity sha512-fp/KUB/ZPzEWGTEUgz9wIAKCqu7CjH1GqXUO2WJdik1UNBQ7Xzw7myIajpxztE4Csb9504ERiFMxZg5KZ6HlZQ==
-
-"@esbuild/linux-s390x@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.16.17.tgz#661f271e5d59615b84b6801d1c2123ad13d9bd87"
-  integrity sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==
-
-"@esbuild/linux-s390x@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.5.tgz#962fa540d7498967270eb1d4b9ac6c4a4f339735"
-  integrity sha512-kRV3yw19YDqHTp8SfHXfObUFXlaiiw4o2lvT1XjsPZ++22GqZwSsYWJLjMi1Sl7j9qDlDUduWDze/nQx0d6Lzw==
-
-"@esbuild/linux-x64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.16.17.tgz#e4ba18e8b149a89c982351443a377c723762b85f"
-  integrity sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==
-
-"@esbuild/linux-x64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.5.tgz#9fa52884c3d876593a522aa1d4df43b717907050"
-  integrity sha512-vnxuhh9e4pbtABNLbT2ANW4uwQ/zvcHRCm1JxaYkzSehugoFd5iXyC4ci1nhXU13mxEwCnrnTIiiSGwa/uAF1g==
-
-"@esbuild/netbsd-x64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.16.17.tgz#7d4f4041e30c5c07dd24ffa295c73f06038ec775"
-  integrity sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==
-
-"@esbuild/netbsd-x64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.5.tgz#47bb187b86aad9622051cb80c27e439b7d9e3a9a"
-  integrity sha512-cigBpdiSx/vPy7doUyImsQQBnBjV5f1M99ZUlaJckDAJjgXWl6y9W17FIfJTy8TxosEF6MXq+fpLsitMGts2nA==
-
-"@esbuild/openbsd-x64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.16.17.tgz#970fa7f8470681f3e6b1db0cc421a4af8060ec35"
-  integrity sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==
-
-"@esbuild/openbsd-x64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.5.tgz#abc55c35a1ed2bc3c5ede2ef50a3b2f87395009a"
-  integrity sha512-VdqRqPVIjjZfkf40LrqOaVuhw9EQiAZ/GNCSM2UplDkaIzYVsSnycxcFfAnHdWI8Gyt6dO15KHikbpxwx+xHbw==
-
-"@esbuild/sunos-x64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.16.17.tgz#abc60e7c4abf8b89fb7a4fe69a1484132238022c"
-  integrity sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==
-
-"@esbuild/sunos-x64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.5.tgz#b83c080a2147662599a5d18b2ff47f07c93e03a0"
-  integrity sha512-ItxPaJ3MBLtI4nK+mALLEoUs6amxsx+J1ibnfcYMkqaCqHST1AkF4aENpBehty3czqw64r/XqL+W9WqU6kc2Qw==
-
-"@esbuild/win32-arm64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.16.17.tgz#7b0ff9e8c3265537a7a7b1fd9a24e7bd39fcd87a"
-  integrity sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==
-
-"@esbuild/win32-arm64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.5.tgz#2a4c41f427d9cf25b75f9d61493711a482106850"
-  integrity sha512-4u2Q6qsJTYNFdS9zHoAi80spzf78C16m2wla4eJPh4kSbRv+BpXIfl6TmBSWupD8e47B1NrTfrOlEuco7mYQtg==
-
-"@esbuild/win32-ia32@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.16.17.tgz#e90fe5267d71a7b7567afdc403dfd198c292eb09"
-  integrity sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==
-
-"@esbuild/win32-ia32@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.5.tgz#7c14e3250725d0e2c21f89c98eb6abb520cba0e0"
-  integrity sha512-KYlm+Xu9TXsfTWAcocLuISRtqxKp/Y9ZBVg6CEEj0O5J9mn7YvBKzAszo2j1ndyzUPk+op+Tie2PJeN+BnXGqQ==
-
-"@esbuild/win32-x64@0.16.17":
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.16.17.tgz#c5a1a4bfe1b57f0c3e61b29883525c6da3e5c091"
-  integrity sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==
-
-"@esbuild/win32-x64@0.17.5":
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.5.tgz#a8f3d26d8afc5186eccda265ceb1820b8e8830be"
-  integrity sha512-XgA9qWRqby7xdYXuF6KALsn37QGBMHsdhmnpjfZtYxKxbTOwfnDM6MYi2WuUku5poNaX2n9XGVr20zgT/2QwCw==
+"@esbuild/linux-loong64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.16.tgz#477e2da34ab46ffdbf4740fa6441e80045249385"
+  integrity sha512-TIZTRojVBBzdgChY3UOG7BlPhqJz08AL7jdgeeu+kiObWMFzGnQD7BgBBkWRwOtKR1i2TNlO7YK6m4zxVjjPRQ==
+
+"@esbuild/linux-mips64el@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.16.tgz#e1e9687bbdaa831d7c34edc9278200982c1a4bf4"
+  integrity sha512-UPeRuFKCCJYpBbIdczKyHLAIU31GEm0dZl1eMrdYeXDH+SJZh/i+2cAmD3A1Wip9pIc5Sc6Kc5cFUrPXtR0XHA==
+
+"@esbuild/linux-ppc64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.16.tgz#2f19075d63622987e86e83a4b7866cd57b796c60"
+  integrity sha512-io6yShgIEgVUhExJejJ21xvO5QtrbiSeI7vYUnr7l+v/O9t6IowyhdiYnyivX2X5ysOVHAuyHW+Wyi7DNhdw6Q==
+
+"@esbuild/linux-riscv64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.16.tgz#bbf40a38f03ba2434fe69b5ceeec5d13c742b329"
+  integrity sha512-WhlGeAHNbSdG/I2gqX2RK2gfgSNwyJuCiFHMc8s3GNEMMHUI109+VMBfhVqRb0ZGzEeRiibi8dItR3ws3Lk+cA==
+
+"@esbuild/linux-s390x@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.16.tgz#d2b8c0779ccd2b7917cdf0fab8831a468e0f9c01"
+  integrity sha512-gHRReYsJtViir63bXKoFaQ4pgTyah4ruiMRQ6im9YZuv+gp3UFJkNTY4sFA73YDynmXZA6hi45en4BGhNOJUsw==
+
+"@esbuild/linux-x64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.16.tgz#da48b39cfdc1b12a74976625f583f031eac43590"
+  integrity sha512-mfiiBkxEbUHvi+v0P+TS7UnA9TeGXR48aK4XHkTj0ZwOijxexgMF01UDFaBX7Q6CQsB0d+MFNv9IiXbIHTNd4g==
+
+"@esbuild/netbsd-x64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.16.tgz#ddef985aed37cc81908d2573b66c0299dbc49037"
+  integrity sha512-n8zK1YRDGLRZfVcswcDMDM0j2xKYLNXqei217a4GyBxHIuPMGrrVuJ+Ijfpr0Kufcm7C1k/qaIrGy6eG7wvgmA==
+
+"@esbuild/openbsd-x64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.16.tgz#85035bf89efd66e9068bc72aa6bb85a2c317d090"
+  integrity sha512-lEEfkfsUbo0xC47eSTBqsItXDSzwzwhKUSsVaVjVji07t8+6KA5INp2rN890dHZeueXJAI8q0tEIfbwVRYf6Ew==
+
+"@esbuild/sunos-x64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.16.tgz#16338ecab854cb2d831cc9ee9cc21ef69566e1f3"
+  integrity sha512-jlRjsuvG1fgGwnE8Afs7xYDnGz0dBgTNZfgCK6TlvPH3Z13/P5pi6I57vyLE8qZYLrGVtwcm9UbUx1/mZ8Ukag==
+
+"@esbuild/win32-arm64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.16.tgz#423f46bb744aff897a5f74435469e1ef4952e343"
+  integrity sha512-TzoU2qwVe2boOHl/3KNBUv2PNUc38U0TNnzqOAcgPiD/EZxT2s736xfC2dYQbszAwo4MKzzwBV0iHjhfjxMimg==
+
+"@esbuild/win32-ia32@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.16.tgz#1978be5b192c7063bd2c8d5960eb213e1964740e"
+  integrity sha512-B8b7W+oo2yb/3xmwk9Vc99hC9bNolvqjaTZYEfMQhzdpBsjTvZBlXQ/teUE55Ww6sg//wlcDjOaqldOKyigWdA==
+
+"@esbuild/win32-x64@0.17.16":
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.16.tgz#260f19b0a3300d22c3a3f52722c671dc561edaa3"
+  integrity sha512-xJ7OH/nanouJO9pf03YsL9NAFQBHd8AqfrQd7Pf5laGyyTt/gToul6QYOA/i5i/q8y9iaM5DQFNTgpi995VkOg==
 
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
@@ -2135,9 +2050,9 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
 "@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
-  integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"
+  integrity sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==
   dependencies:
     "@jridgewell/set-array" "^1.0.1"
     "@jridgewell/sourcemap-codec" "^1.4.10"
@@ -2154,18 +2069,23 @@
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
 "@jridgewell/source-map@^0.3.2":
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.2.tgz#f45351aaed4527a298512ec72f81040c998580fb"
-  integrity sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.3.tgz#8108265659d4c33e72ffe14e33d6cc5eb59f2fda"
+  integrity sha512-b+fsZXeLYi9fEULmfBrhxn4IrPlINf8fiNarzTof004v3lFdntdwa9PF7vFJqm3mg7s+ScJMxXaE3Acp1irZcg==
   dependencies:
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
+"@jridgewell/sourcemap-codec@1.4.14":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.13":
+  version "1.4.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
 "@jridgewell/trace-mapping@0.3.9":
   version "0.3.9"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz#6534fd5933a53ba7cbf3a17615e273a0d1273ff9"
@@ -2190,7 +2110,7 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
+"@jridgewell/trace-mapping@^0.3.17":
   version "0.3.17"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
   integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
@@ -2198,6 +2118,14 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.18"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz#25783b2086daf6ff1dcb53c9249ae480e4dd4cd6"
+  integrity sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==
+  dependencies:
+    "@jridgewell/resolve-uri" "3.1.0"
+    "@jridgewell/sourcemap-codec" "1.4.14"
+
 "@koa/router@^9.0.1":
   version "9.4.0"
   resolved "https://registry.yarnpkg.com/@koa/router/-/router-9.4.0.tgz#734b64c0ae566eb5af752df71e4143edc4748e48"
@@ -2978,7 +2906,7 @@
     eslint-plugin-vue "^9.8.0"
     typescript "^4.9.3"
 
-"@nuxt/kit@3.0.0", "@nuxt/kit@^3.0.0":
+"@nuxt/kit@3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.0.0.tgz#ae49b4e27b15285556cb88f35a56309c5ca0dd79"
   integrity sha512-7ZsOLt5s9a0ZleAIzmoD70JwkZf5ti6bDdxl6f8ew7Huxz+ni/oRfTPTX9TrORXsgW5CvDt6Q9M7IJNPkAN/Iw==
@@ -3002,7 +2930,31 @@
     unimport "^1.0.1"
     untyped "^1.0.0"
 
-"@nuxt/kit@3.1.1", "@nuxt/kit@^3.1.1":
+"@nuxt/kit@3.4.0", "@nuxt/kit@^3.0.0", "@nuxt/kit@^3.3.3":
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.4.0.tgz#6b5df545f73b0279420ad17944a9b58293edc842"
+  integrity sha512-CBS1wyyGnXpmzIDINnL96WPLvTjf2IQXrgz/hSKTUWra9h/iO/crLjqcuJWpIIMS420qiRoTnHDFALAXY8ktsw==
+  dependencies:
+    "@nuxt/schema" "3.4.0"
+    c12 "^1.2.0"
+    consola "^3.0.1"
+    defu "^6.1.2"
+    globby "^13.1.3"
+    hash-sum "^2.0.0"
+    ignore "^5.2.4"
+    jiti "^1.18.2"
+    knitwork "^1.0.0"
+    lodash.template "^4.5.0"
+    mlly "^1.2.0"
+    pathe "^1.1.0"
+    pkg-types "^1.0.2"
+    scule "^1.0.0"
+    semver "^7.4.0"
+    unctx "^2.2.0"
+    unimport "^3.0.6"
+    untyped "^1.3.2"
+
+"@nuxt/kit@^3.1.1":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-3.1.1.tgz#7641afe192297db02d3585234e9d2a71caf164df"
   integrity sha512-wmqVCIuD/te6BKf3YiqWyMumKI5JIpkiv0li/1Y3QHnTkoxyIhLkbFgNcQHuBxJ3eMlk2UjAjAqWiqBHTX54vQ==
@@ -3075,93 +3027,96 @@
     postcss-url "^10.1.1"
     semver "^7.3.4"
 
-"@nuxt/schema@3.0.0", "@nuxt/schema@3.1.1", "@nuxt/schema@3.3.3", "@nuxt/schema@latest":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@nuxt/schema/-/schema-3.0.0.tgz#d499fd7d8309f9bd3403411b32c19e726969cd71"
-  integrity sha512-5fwsidhs5NjFzR8sIzHMXO0WFGkI3tCH3ViANn2W4N5qCwoYZ0n1sZBkQ9Esn1VoEed6RsIlTpWrPZPVtqNkGQ==
+"@nuxt/schema@3.0.0", "@nuxt/schema@3.1.1", "@nuxt/schema@3.3.3", "@nuxt/schema@3.4.0", "@nuxt/schema@latest":
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/schema/-/schema-3.4.0.tgz#01612d8065b67ab92628036887eafceab4adad9a"
+  integrity sha512-i04UuprxtMaBK1qCaAupJEIkUUJDt6vyMpBTJ0aajAxehL6O6xV3xqHB5iqDBmtOWlsRL8vGM+M/E/5E+lKuPg==
   dependencies:
-    c12 "^1.0.1"
+    c12 "^1.2.0"
     create-require "^1.1.1"
-    defu "^6.1.1"
-    jiti "^1.16.0"
-    pathe "^1.0.0"
-    pkg-types "^1.0.1"
+    defu "^6.1.2"
+    hookable "^5.5.3"
+    jiti "^1.18.2"
+    pathe "^1.1.0"
+    pkg-types "^1.0.2"
     postcss-import-resolver "^2.0.0"
     scule "^1.0.0"
-    std-env "^3.3.1"
-    ufo "^1.0.0"
-    unimport "^1.0.1"
-    untyped "^1.0.0"
+    std-env "^3.3.2"
+    ufo "^1.1.1"
+    unimport "^3.0.6"
+    untyped "^1.3.2"
 
-"@nuxt/telemetry@^2.1.9":
-  version "2.1.9"
-  resolved "https://registry.yarnpkg.com/@nuxt/telemetry/-/telemetry-2.1.9.tgz#e1ccc39396ead5024082788d173097d32b58c5da"
-  integrity sha512-mUyDqmB8GUJwTHVnwxuapeUHDSsUycOt+ZsA7GB6F8MOBJiVhQl/EeEAWoO2TUs0BPp2SlY9uO6eQihvxyLRqQ==
+"@nuxt/telemetry@^2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/telemetry/-/telemetry-2.2.0.tgz#99b79173f4f2aa6af445b4d6e6e1f30b73cdcd65"
+  integrity sha512-Z2UmPkBy5WjxvHKuUcl1X6vKWnIyWSP+9UGde1F+MzzZxYgAQybFud1uL2B3KCowxZdoqT1hd2WklV7EtyCwrQ==
   dependencies:
-    "@nuxt/kit" "^3.0.0"
+    "@nuxt/kit" "^3.3.3"
     chalk "^5.2.0"
-    ci-info "^3.7.1"
-    consola "^2.15.3"
+    ci-info "^3.8.0"
+    consola "^3.0.1"
     create-require "^1.1.1"
-    defu "^6.1.1"
+    defu "^6.1.2"
     destr "^1.2.2"
     dotenv "^16.0.3"
     fs-extra "^10.1.0"
     git-url-parse "^13.1.0"
-    inquirer "^9.1.4"
+    inquirer "^9.1.5"
     is-docker "^3.0.0"
-    jiti "^1.16.2"
+    jiti "^1.18.2"
     mri "^1.2.0"
-    nanoid "^4.0.0"
-    node-fetch "^3.3.0"
-    ofetch "^1.0.0"
+    nanoid "^4.0.2"
+    node-fetch "^3.3.1"
+    ofetch "^1.0.1"
     parse-git-config "^3.0.0"
-    rc9 "^2.0.0"
-    std-env "^3.3.1"
+    rc9 "^2.1.0"
+    std-env "^3.3.2"
 
-"@nuxt/ui-templates@^1.1.0":
+"@nuxt/ui-templates@^1.1.1":
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/@nuxt/ui-templates/-/ui-templates-1.1.1.tgz#db3539e3c9391c217510def5242cf74739e685ea"
   integrity sha512-PjVETP7+iZXAs5Q8O4ivl4t6qjWZMZqwiTVogUXHoHGZZcw7GZW3u3tzfYfE1HbzyYJfr236IXqQ02MeR8Fz2w==
 
-"@nuxt/vite-builder@3.1.1":
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/@nuxt/vite-builder/-/vite-builder-3.1.1.tgz#cffaf152ea9487e1bfd9ee69bfcbfa7a227fb487"
-  integrity sha512-tTV369sIURut6z+t36ib3J2GbgiazMc4VO9wB372A5hnd+faLtapknswMvzF23M+4z1/5tGaV/kkU/ZrO3V1Ag==
+"@nuxt/vite-builder@3.4.0":
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/vite-builder/-/vite-builder-3.4.0.tgz#e7366ce453d63c98233d72b959df8b800a595db9"
+  integrity sha512-SusA0l9JZfmLBMwTEea/6fmGHe70k2jyAvAGzpgBMrTwzz+eE49zbVxN+koLZXrUdGYTG4U1Ni0H2BrU8eQ1Ow==
   dependencies:
-    "@nuxt/kit" "3.1.1"
+    "@nuxt/kit" "3.4.0"
     "@rollup/plugin-replace" "^5.0.2"
-    "@vitejs/plugin-vue" "^4.0.0"
-    "@vitejs/plugin-vue-jsx" "^3.0.0"
-    autoprefixer "^10.4.13"
+    "@vitejs/plugin-vue" "^4.1.0"
+    "@vitejs/plugin-vue-jsx" "^3.0.1"
+    autoprefixer "^10.4.14"
     chokidar "^3.5.3"
-    cssnano "^5.1.14"
+    clear "^0.1.0"
+    cssnano "^6.0.0"
     defu "^6.1.2"
-    esbuild "^0.17.4"
+    esbuild "^0.17.16"
     escape-string-regexp "^5.0.0"
     estree-walker "^3.0.3"
     externality "^1.0.0"
-    fs-extra "^11.1.0"
+    fs-extra "^11.1.1"
     get-port-please "^3.0.1"
-    h3 "^1.0.2"
+    h3 "^1.6.4"
     knitwork "^1.0.0"
-    magic-string "^0.27.0"
-    mlly "^1.1.0"
+    magic-string "^0.30.0"
+    mlly "^1.2.0"
     ohash "^1.0.0"
     pathe "^1.1.0"
     perfect-debounce "^0.1.3"
-    pkg-types "^1.0.1"
+    pkg-types "^1.0.2"
     postcss "^8.4.21"
     postcss-import "^15.1.0"
     postcss-url "^10.1.3"
-    rollup "^3.10.1"
     rollup-plugin-visualizer "^5.9.0"
-    ufo "^1.0.1"
-    unplugin "^1.0.1"
-    vite "~4.0.4"
-    vite-node "^0.28.2"
-    vite-plugin-checker "^0.5.4"
-    vue-bundle-renderer "^1.0.0"
+    std-env "^3.3.2"
+    strip-literal "^1.0.1"
+    ufo "^1.1.1"
+    unplugin "^1.3.1"
+    vite "~4.2.1"
+    vite-node "^0.30.1"
+    vite-plugin-checker "^0.5.6"
+    vue-bundle-renderer "^1.0.3"
 
 "@nuxt/vite-builder@latest":
   version "3.0.0"
@@ -3413,10 +3368,10 @@
   dependencies:
     slash "^3.0.0"
 
-"@rollup/plugin-alias@^4.0.3":
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-alias/-/plugin-alias-4.0.3.tgz#571f6fb26387df91d0363905a7fd835757727ae2"
-  integrity sha512-ZuDWE1q4PQDhvm/zc5Prun8sBpLJy41DMptYrS6MhAy9s9kL/doN1613BWfEchGVfKxzliJ3BjbOPizXX38DbQ==
+"@rollup/plugin-alias@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-alias/-/plugin-alias-5.0.0.tgz#70f3d504bd17d8922e35c6b61c08b40a6ec25af2"
+  integrity sha512-l9hY5chSCjuFRPsnRm16twWBiSApl2uYFLsepQYwtBuAxNMQ/1dJqADld40P0Jkqm65GRTLy/AC6hnpVebtLsA==
   dependencies:
     slash "^4.0.0"
 
@@ -3447,9 +3402,9 @@
     resolve "^1.17.0"
 
 "@rollup/plugin-commonjs@^24.0.1":
-  version "24.0.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.1.tgz#d54ba26a3e3c495dc332bd27a81f7e9e2df46f90"
-  integrity sha512-15LsiWRZk4eOGqvrJyu3z3DaBu5BhXIMeWnijSRvd8irrrg9SHpQ1pH+BUK4H6Z9wL9yOxZJMTLU+Au86XHxow==
+  version "24.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-24.1.0.tgz#79e54bd83bb64396761431eee6c44152ef322100"
+  integrity sha512-eSL45hjhCWI0jCCXcNtLVqM5N1JlBGvlFfY0m6oOYnLCJ6N0qEXoZql4sY2MOUArzhH4SA/qBpTxvvZp2Sc+DQ==
   dependencies:
     "@rollup/pluginutils" "^5.0.1"
     commondir "^1.0.1"
@@ -3493,15 +3448,15 @@
     is-module "^1.0.0"
     resolve "^1.19.0"
 
-"@rollup/plugin-node-resolve@^15.0.1":
-  version "15.0.1"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.1.tgz#72be449b8e06f6367168d5b3cd5e2802e0248971"
-  integrity sha512-ReY88T7JhJjeRVbfCyNj+NXAG3IIsVMsX9b5/9jC98dRP8/yxlZdz7mHZbHk5zHr24wZZICS5AcXsFZAXYUQEg==
+"@rollup/plugin-node-resolve@^15.0.2":
+  version "15.0.2"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.0.2.tgz#8183a80c2cbf7b471f5ac86b16747997f3b5d185"
+  integrity sha512-Y35fRGUjC3FaurG722uhUuG8YHOJRJQbI6/CkbRkdPotSpDj9NtIN85z1zrcyDcCQIW4qp5mgG72U+gJ0TAFEg==
   dependencies:
     "@rollup/pluginutils" "^5.0.1"
     "@types/resolve" "1.20.2"
     deepmerge "^4.2.2"
-    is-builtin-module "^3.2.0"
+    is-builtin-module "^3.2.1"
     is-module "^1.0.0"
     resolve "^1.22.1"
 
@@ -3521,10 +3476,10 @@
     "@rollup/pluginutils" "^5.0.1"
     magic-string "^0.27.0"
 
-"@rollup/plugin-terser@^0.4.0":
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-terser/-/plugin-terser-0.4.0.tgz#4c76249ad337f3eb04ab409332f23717af2c1fbf"
-  integrity sha512-Ipcf3LPNerey1q9ZMjiaWHlNPEHNU/B5/uh9zXLltfEQ1lVSLLeZSgAtTPWGyw8Ip1guOeq+mDtdOlEj/wNxQw==
+"@rollup/plugin-terser@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-terser/-/plugin-terser-0.4.1.tgz#5c323fd066355056224b6993fcb14c409d29873e"
+  integrity sha512-aKS32sw5a7hy+fEXVy+5T95aDIwjpGHCTv833HXVtyKMDoVS7pBr5K3L9hEQoNqbJFjfANPrNpIXlTQ7is00eA==
   dependencies:
     serialize-javascript "^6.0.0"
     smob "^0.0.6"
@@ -4228,35 +4183,46 @@
     "@typescript-eslint/types" "5.52.0"
     eslint-visitor-keys "^3.3.0"
 
-"@unhead/dom@1.0.20", "@unhead/dom@^1.0.20":
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/@unhead/dom/-/dom-1.0.20.tgz#bb15e893ed2242d79e7f8e85ca55fc4556c00d29"
-  integrity sha512-kGIR64Wo1GSC0TZt7wTVntMXFhuVYgxnm2vYZ7z/1Oiafj6uRsapKIlspft6klKZvndqUZuUUXVu++zgE0TdLg==
+"@unhead/dom@1.1.25":
+  version "1.1.25"
+  resolved "https://registry.yarnpkg.com/@unhead/dom/-/dom-1.1.25.tgz#08b4809e8dc3a4f7daf4f54db326dffcd96a3c8e"
+  integrity sha512-kJ5jhJFNQCyNENSw+mtmzgulA0kqUuXS3SRPl1umpofc8PH8tblSzXwqStxTj9r6E4wxJbEuygT/aHFJVioizw==
   dependencies:
-    "@unhead/schema" "1.0.20"
+    "@unhead/schema" "1.1.25"
+    "@unhead/shared" "1.1.25"
 
-"@unhead/schema@1.0.20", "@unhead/schema@^1.0.20":
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/@unhead/schema/-/schema-1.0.20.tgz#6812231c8aeb7f7a4dd17c1dd1269e463dc8b660"
-  integrity sha512-BKLAlskamfqiXHxJV8r0Yl+HbOXYWxxs94mNUigHXsY9lma5AkcdKDTtKKXknfZLZRBUt5T/t44hw6BakFilkg==
+"@unhead/schema@1.1.25":
+  version "1.1.25"
+  resolved "https://registry.yarnpkg.com/@unhead/schema/-/schema-1.1.25.tgz#0fd0acfa1b3a672f235e41f0d2c4ba823af0ede5"
+  integrity sha512-ygmaxWgGTAq9CcB6zGY4+0HlGdQt/oMq+CM18tTnvOBY0Og/uPGt7roW8eH717GpTPibKRTpagSYzZYdL0tWeg==
   dependencies:
-    "@zhead/schema" "^1.1.0"
-    hookable "^5.4.2"
+    hookable "^5.5.1"
+    zhead "^2.0.4"
 
-"@unhead/ssr@^1.0.18", "@unhead/ssr@^1.0.20":
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/@unhead/ssr/-/ssr-1.0.20.tgz#43159511e316f504fe1196965f7d4fc07beb9bdb"
-  integrity sha512-xqaeMbO6yYbkYEuOtSQKQaqlDdfUE4KiLbYIjGd3+CLXpJS0Svgd5IzAcnLYIVNcc2KaJwnrAQiPNXx8QmVNtw==
+"@unhead/shared@1.1.25":
+  version "1.1.25"
+  resolved "https://registry.yarnpkg.com/@unhead/shared/-/shared-1.1.25.tgz#acbdb5fc9b226563d120742958cee2e0da05cf45"
+  integrity sha512-KptKbk4py1MFYHYwDJ/0kPOs+95dYMrWIT1fCV9lGcVAwu20wIHh+WX18s+iEWhc66xkGRxgC/xsl4wJJFPE+w==
   dependencies:
-    "@unhead/schema" "1.0.20"
+    "@unhead/schema" "1.1.25"
 
-"@unhead/vue@^1.0.20":
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/@unhead/vue/-/vue-1.0.20.tgz#63621ec68473af2526edc2e8666d67c59de790da"
-  integrity sha512-MB8EkRji7sWhCr8gXwYHfHUDvZXoHhXzRvGgNQIrlbmmh3R9G84cOMsvzFVUKsnvcCk7K/8hjSHFhP7Dmh9I4g==
+"@unhead/ssr@^1.1.25":
+  version "1.1.25"
+  resolved "https://registry.yarnpkg.com/@unhead/ssr/-/ssr-1.1.25.tgz#fc332c8e3c65d315b3a7357c7211659227cb2ae7"
+  integrity sha512-2S3tiajy6n3D1WY2pVkRLr74WGaHD08w0+nFaQGNy0LszPlkWUuAmYYqDCXdh03ijEl+Tjwqjn+E9w1e3QakuQ==
   dependencies:
-    "@unhead/schema" "1.0.20"
-    hookable "^5.4.2"
+    "@unhead/schema" "1.1.25"
+    "@unhead/shared" "1.1.25"
+
+"@unhead/vue@^1.1.25":
+  version "1.1.25"
+  resolved "https://registry.yarnpkg.com/@unhead/vue/-/vue-1.1.25.tgz#ff9c603349ccb9f6a69e6ded1e4878566d5565f8"
+  integrity sha512-ujincFHftg2N2i3G/gVkMyJ7CFzVyZ8SMb5cJCWZEnDBQGjgy3uvWT6EaM0d2jnaeXiYbB+iyY0O1o/H+XlpKQ==
+  dependencies:
+    "@unhead/schema" "1.1.25"
+    "@unhead/shared" "1.1.25"
+    hookable "^5.5.1"
+    unhead "1.1.25"
 
 "@vercel/nft@^0.22.6":
   version "0.22.6"
@@ -4284,13 +4250,13 @@
     "@babel/plugin-transform-typescript" "^7.20.0"
     "@vue/babel-plugin-jsx" "^1.1.1"
 
-"@vitejs/plugin-vue-jsx@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-3.0.0.tgz#42e89d6d9eb89604d109ff9a615d77c3c080dd25"
-  integrity sha512-vurkuzgac5SYuxd2HUZqAFAWGTF10diKBwJNbCvnWijNZfXd+7jMtqjPFbGt7idOJUn584fP1Ar9j/GN2jQ3Ew==
+"@vitejs/plugin-vue-jsx@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-3.0.1.tgz#4c088ce445e34ae27e78a66e6dbf2cc2e85f827d"
+  integrity sha512-+Jb7ggL48FSPS1uhPnJbJwWa9Sr90vQ+d0InW+AhBM22n+cfuYqJZDckBc+W3QSHe1WDvewMZfa4wZOtk5pRgw==
   dependencies:
-    "@babel/core" "^7.20.5"
-    "@babel/plugin-transform-typescript" "^7.20.2"
+    "@babel/core" "^7.20.7"
+    "@babel/plugin-transform-typescript" "^7.20.7"
     "@vue/babel-plugin-jsx" "^1.1.1"
 
 "@vitejs/plugin-vue@^1.3.0":
@@ -4303,11 +4269,6 @@
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-3.2.0.tgz#a1484089dd85d6528f435743f84cdd0d215bbb54"
   integrity sha512-E0tnaL4fr+qkdCNxJ+Xd0yM31UwMkQje76fsDVBBUCoGOUPexu2VDUYHL8P4CwV+zMvWw6nlRw19OnRKmYAJpw==
 
-"@vitejs/plugin-vue@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.0.0.tgz#93815beffd23db46288c787352a8ea31a0c03e5e"
-  integrity sha512-e0X4jErIxAB5oLtDqbHvHpJe/uWNkdpYV83AOG2xo2tEVSzCzewgJMtREZM30wXnM5ls90hxiOtAuVU6H5JgbA==
-
 "@vitejs/plugin-vue@^4.1.0":
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.1.0.tgz#b6a9d83cd91575f7ee15593f6444397f68751073"
@@ -4797,11 +4758,16 @@
   optionalDependencies:
     prettier "^1.18.2 || ^2.0.0"
 
-"@vue/devtools-api@^6.2.1", "@vue/devtools-api@^6.4.5":
+"@vue/devtools-api@^6.2.1":
   version "6.4.5"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.4.5.tgz#d54e844c1adbb1e677c81c665ecef1a2b4bb8380"
   integrity sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==
 
+"@vue/devtools-api@^6.4.5":
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.5.0.tgz#98b99425edee70b4c992692628fa1ea2c1e57d07"
+  integrity sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==
+
 "@vue/eslint-config-standard@^6.0.0":
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/@vue/eslint-config-standard/-/eslint-config-standard-6.1.0.tgz#b362ba67c86caa4e7b44481c2303c9dccc2dc037"
@@ -4858,12 +4824,12 @@
   dependencies:
     "@vue/shared" "3.2.37"
 
-"@vue/reactivity@^3.2.45":
-  version "3.2.45"
-  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.45.tgz#412a45b574de601be5a4a5d9a8cbd4dee4662ff0"
-  integrity sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==
+"@vue/reactivity@^3.2.45", "@vue/reactivity@^3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.47.tgz#1d6399074eadfc3ed35c727e2fd707d6881140b6"
+  integrity sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==
   dependencies:
-    "@vue/shared" "3.2.45"
+    "@vue/shared" "3.2.47"
 
 "@vue/runtime-core@3.2.37":
   version "3.2.37"
@@ -4900,11 +4866,16 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
   integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
 
-"@vue/shared@3.2.45", "@vue/shared@^3.2.45":
+"@vue/shared@3.2.45":
   version "3.2.45"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.45.tgz#a3fffa7489eafff38d984e23d0236e230c818bc2"
   integrity sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==
 
+"@vue/shared@3.2.47", "@vue/shared@^3.2.45", "@vue/shared@^3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.47.tgz#e597ef75086c6e896ff5478a6bfc0a7aa4bbd14c"
+  integrity sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==
+
 "@vue/test-utils@2.0.0-beta.14":
   version "2.0.0-beta.14"
   resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.0-beta.14.tgz#9300d48789b334b52c5514efdc4648f704a7e94b"
@@ -4931,16 +4902,6 @@
   resolved "https://registry.yarnpkg.com/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz#b6b40a7625429d2bd7c2281ddba601ed05dc7f1a"
   integrity sha512-Iu8Tbg3f+emIIMmI2ycSI8QcEuAUgPTgHwesDU1eKMLE4YC/c/sFbGc70QgMq31ijRftV0R7vCm9co6rldCeOA==
 
-"@vueuse/head@^1.0.23":
-  version "1.0.24"
-  resolved "https://registry.yarnpkg.com/@vueuse/head/-/head-1.0.24.tgz#daea6b6865a867f217e1edb67d1599098579e7b0"
-  integrity sha512-3D5ON5OOJrHmD4JcHV+zK989CaxGdmtREqzRW40JFQyxtDcl91YyHxzmPrDEQT+FPcQ+P/7z9JR1Tg8C3LIXMg==
-  dependencies:
-    "@unhead/dom" "^1.0.20"
-    "@unhead/schema" "^1.0.20"
-    "@unhead/ssr" "^1.0.20"
-    "@unhead/vue" "^1.0.20"
-
 "@webassemblyjs/ast@1.11.1":
   version "1.11.1"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
@@ -5094,11 +5055,6 @@
   resolved "https://registry.yarnpkg.com/@zeit/schemas/-/schemas-2.6.0.tgz#004e8e553b4cd53d538bd38eac7bcbf58a867fe3"
   integrity sha512-uUrgZ8AxS+Lio0fZKAipJjAh415JyrOZowliZAzmnJSsf7piVL5w+G0+gFJ0KSu3QRhvui/7zuvpLz03YjXAhg==
 
-"@zhead/schema@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@zhead/schema/-/schema-1.1.0.tgz#5c500382ad0f63e347bfe3cf83b95fb19f5a3d6d"
-  integrity sha512-hEtK+hUAKS3w1+F++m6EeZ6bWeLDXraqN2nCyRVIP5vvR3bWjXVP9OM9x7Pmn7Hp6T7FKmsG2C8rvouQU2806w==
-
 "@zkochan/cmd-shim@^3.1.0":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@zkochan/cmd-shim/-/cmd-shim-3.1.0.tgz#2ab8ed81f5bb5452a85f25758eb9b8681982fd2e"
@@ -5318,9 +5274,9 @@ ansi-escapes@^5.0.0:
     type-fest "^1.0.2"
 
 ansi-escapes@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-6.0.0.tgz#68c580e87a489f6df3d761028bb93093fde6bd8a"
-  integrity sha512-IG23inYII3dWlU2EyiAiGj6Bwal5GzsgPMwjYGvc1HPE2dgbj4ZB5ToWBKSquKw74nB3TIuOwaI6/jSULzfgrw==
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-6.1.0.tgz#f2912cdaa10785f3f51f4b562a2497b885aadc5e"
+  integrity sha512-bQyg9bzRntwR/8b89DOEhGwctcwCrbWW/TuqTQnpqpy5Fz3aovcOTj5i8NJV6AHc8OGNdMaqdxAWww8pz2kiKg==
   dependencies:
     type-fest "^3.0.0"
 
@@ -5383,7 +5339,7 @@ any-promise@^1.0.0:
   resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
   integrity sha1-q8av7tzqUugJzcA3au0845Y10X8=
 
-anymatch@^3.1.2, anymatch@~3.1.2:
+anymatch@^3.1.3, anymatch@~3.1.2:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
   integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
@@ -5652,7 +5608,7 @@ autoprefixer@^10.2.4:
     picocolors "^1.0.0"
     postcss-value-parser "^4.2.0"
 
-autoprefixer@^10.2.5, autoprefixer@^10.4.13:
+autoprefixer@^10.2.5:
   version "10.4.13"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.13.tgz#b5136b59930209a321e9fa3dca2e7c4d223e83a8"
   integrity sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==
@@ -5664,6 +5620,18 @@ autoprefixer@^10.2.5, autoprefixer@^10.4.13:
     picocolors "^1.0.0"
     postcss-value-parser "^4.2.0"
 
+autoprefixer@^10.4.13, autoprefixer@^10.4.14:
+  version "10.4.14"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
+  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
+  dependencies:
+    browserslist "^4.21.5"
+    caniuse-lite "^1.0.30001464"
+    fraction.js "^4.2.0"
+    normalize-range "^0.1.2"
+    picocolors "^1.0.0"
+    postcss-value-parser "^4.2.0"
+
 autoprefixer@^9.8.6:
   version "9.8.8"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.8.tgz#fd4bd4595385fa6f06599de749a4d5f7a474957a"
@@ -5928,7 +5896,17 @@ browser-process-hrtime@^1.0.0:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.3, browserslist@^4.16.6, browserslist@^4.20.2, browserslist@^4.20.3, browserslist@^4.21.3, browserslist@^4.21.4:
+browserslist@^4.0.0, browserslist@^4.16.6, browserslist@^4.21.3, browserslist@^4.21.4, browserslist@^4.21.5:
+  version "4.21.5"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
+  integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
+  dependencies:
+    caniuse-lite "^1.0.30001449"
+    electron-to-chromium "^1.4.284"
+    node-releases "^2.0.8"
+    update-browserslist-db "^1.0.10"
+
+browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.16.3, browserslist@^4.20.2, browserslist@^4.20.3:
   version "4.21.4"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987"
   integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==
@@ -6031,21 +6009,7 @@ bytes@3.1.2:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
-c12@^1.0.1, c12@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/c12/-/c12-1.1.0.tgz#2d73596c885f0b990dcd91244b15e3c0405ebbeb"
-  integrity sha512-9KRFWEng+TH8sGST4NNdiKzZGw1Z1CHnPGAmNqAyVP7suluROmBjD8hsiR34f94DdlrvtGvvmiGDsoFXlCBWIw==
-  dependencies:
-    defu "^6.1.1"
-    dotenv "^16.0.3"
-    giget "^1.0.0"
-    jiti "^1.16.0"
-    mlly "^1.0.0"
-    pathe "^1.0.0"
-    pkg-types "^1.0.1"
-    rc9 "^2.0.0"
-
-c12@^1.2.0:
+c12@^1.0.1, c12@^1.1.0, c12@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/c12/-/c12-1.2.0.tgz#2c946dd5ea37fd4f21c4b2671bf21f69a7028707"
   integrity sha512-CMznkE0LpNEuD8ILp5QvsQVP+YvcpJnrI/zFeFnosU2PyDtx1wT7tXfZ8S3Tl3l9MTTXbKeuhDYKwgvnAPOx3w==
@@ -6270,10 +6234,10 @@ caniuse-api@^3.0.0:
     lodash.memoize "^4.1.2"
     lodash.uniq "^4.5.0"
 
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001400, caniuse-lite@^1.0.30001426:
-  version "1.0.30001445"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001445.tgz#cf2d4eb93f2bcdf0310de9dd6d18be271bc0b447"
-  integrity sha512-8sdQIdMztYmzfTMO6KfLny878Ln9c2M0fc7EH60IjlP4Dc4PiCy7K2Vl3ITmWgOyPgVQKa5x+UP/KqFsxj4mBg==
+caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001400, caniuse-lite@^1.0.30001426, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
+  version "1.0.30001477"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001477.tgz#a2ffb2276258233034bbb869d4558b02658a511e"
+  integrity sha512-lZim4iUHhGcy5p+Ri/G7m84hJwncj+Kz7S5aD4hoQfslKZJgt0tHc/hafVbqHC5bbhHb+mrW2JOUHkI5KH7toQ==
 
 caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001335:
   version "1.0.30001341"
@@ -6353,7 +6317,7 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^5.0.0, chalk@^5.0.1, chalk@^5.1.2, chalk@^5.2.0:
+chalk@^5.0.0, chalk@^5.0.1, chalk@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.2.0.tgz#249623b7d66869c673699fb66d65723e54dfcfb3"
   integrity sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==
@@ -6433,10 +6397,10 @@ ci-info@^3.3.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.3.1.tgz#58331f6f472a25fe3a50a351ae3052936c2c7f32"
   integrity sha512-SXgeMX9VwDe7iFFaEWkA5AstuER9YKqy4EhHqr4DVqkwmD9rpVimkMKWHdjn30Ja45txyjhSn63lVX69eVCckg==
 
-ci-info@^3.7.1:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.7.1.tgz#708a6cdae38915d597afdf3b145f2f8e1ff55f3f"
-  integrity sha512-4jYS4MOAaCIStSRwiuxc4B8MYhIe676yO1sYGzARnjXkWpmzZMMYxY6zu8WYWDhSuth5zhrQ1rhNSibyyvv4/w==
+ci-info@^3.8.0:
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
+  integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
 
 class-utils@^0.3.5:
   version "0.3.6"
@@ -6475,6 +6439,11 @@ clear-module@^4.1.2:
     parent-module "^2.0.0"
     resolve-from "^5.0.0"
 
+clear@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/clear/-/clear-0.1.0.tgz#b81b1e03437a716984fd7ac97c87d73bdfe7048a"
+  integrity sha512-qMjRnoL+JDPJHeLePZJuao6+8orzHMGP04A8CdwCNsKhRbOnKRjefxONR7bwILT3MHecxKBjHkKL/tkZ8r4Uzw==
+
 cleave.js@^1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/cleave.js/-/cleave.js-1.6.0.tgz#0e4e011943bdd70c67c9dcf4ff800ce710529171"
@@ -6523,11 +6492,16 @@ cli-spinners@^1.0.1:
   resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-1.3.1.tgz#002c1990912d0d59580c93bd36c056de99e4259a"
   integrity sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==
 
-cli-spinners@^2.5.0, cli-spinners@^2.6.1:
+cli-spinners@^2.5.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.7.0.tgz#f815fd30b5f9eaac02db604c7a231ed7cb2f797a"
   integrity sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw==
 
+cli-spinners@^2.6.1:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.8.0.tgz#e97a3e2bd00e6d85aa0c13d7f9e3ce236f7787fc"
+  integrity sha512-/eG5sJcvEIwxcdYM86k5tPwn0MUzkX5YY3eImTGpJOZgVe4SdTMY14vQpcxgBzJ0wXwAYrS8E+c3uHeK4JNyzQ==
+
 cli-truncate@2.1.0, cli-truncate@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
@@ -6918,6 +6892,11 @@ consola@^2.15.3:
   resolved "https://registry.yarnpkg.com/consola/-/consola-2.15.3.tgz#2e11f98d6a4be71ff72e0bdf07bd23e12cb61550"
   integrity sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==
 
+consola@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-3.0.1.tgz#d68680c3b28cc6b260f7fe771f52e04fe01ca4d4"
+  integrity sha512-08E7bC2N6gaFdzPU/qtBi4ulVvJitYnfrDdxEiwElC3jSNICbOvkcE+8N56EfIrBoxp37O9Qnn5ZZPElov83UQ==
+
 console-control-strings@^1.0.0, console-control-strings@^1.1.0, console-control-strings@~1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
@@ -7238,9 +7217,9 @@ css-declaration-sorter@^6.2.2:
   integrity sha512-Ufadglr88ZLsrvS11gjeu/40Lw74D9Am/Jpr3LlYm5Q4ZP5KdlUhG+6u2EjyXeZcxmZ2h1ebCKngDjolpeLHpg==
 
 css-declaration-sorter@^6.3.1:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz#be5e1d71b7a992433fb1c542c7a1b835e45682ec"
-  integrity sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w==
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.4.0.tgz#630618adc21724484b3e9505bce812def44000ad"
+  integrity sha512-jDfsatwWMWN0MODAFuHszfjphEXfNw9JUAhmY4pLu3TyTU+ohUpsbVtbU+1MZn4a47D9kqh03i4eyOm+74+zew==
 
 css-loader@^5.0.0:
   version "5.2.7"
@@ -7310,6 +7289,17 @@ css-select@^4.1.3:
     domutils "^2.8.0"
     nth-check "^2.0.1"
 
+css-select@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6"
+  integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.1.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    nth-check "^2.0.1"
+
 css-tree@1.0.0-alpha.37:
   version "1.0.0-alpha.37"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
@@ -7326,12 +7316,28 @@ css-tree@^1.1.2, css-tree@^1.1.3:
     mdn-data "2.0.14"
     source-map "^0.6.1"
 
+css-tree@^2.2.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
+  integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==
+  dependencies:
+    mdn-data "2.0.30"
+    source-map-js "^1.0.1"
+
+css-tree@~2.2.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.2.1.tgz#36115d382d60afd271e377f9c5f67d02bd48c032"
+  integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==
+  dependencies:
+    mdn-data "2.0.28"
+    source-map-js "^1.0.1"
+
 css-what@^3.2.1:
   version "3.4.2"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
   integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
 
-css-what@^6.0.1:
+css-what@^6.0.1, css-what@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
   integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
@@ -7377,22 +7383,22 @@ cssnano-preset-default@^4.0.8:
     postcss-svgo "^4.0.3"
     postcss-unique-selectors "^4.0.1"
 
-cssnano-preset-default@^5.2.13:
-  version "5.2.13"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.13.tgz#e7353b0c57975d1bdd97ac96e68e5c1b8c68e990"
-  integrity sha512-PX7sQ4Pb+UtOWuz8A1d+Rbi+WimBIxJTRyBdgGp1J75VU0r/HFQeLnMYgHiCAp6AR4rqrc7Y4R+1Rjk3KJz6DQ==
+cssnano-preset-default@^5.2.14:
+  version "5.2.14"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz#309def4f7b7e16d71ab2438052093330d9ab45d8"
+  integrity sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==
   dependencies:
     css-declaration-sorter "^6.3.1"
     cssnano-utils "^3.1.0"
     postcss-calc "^8.2.3"
-    postcss-colormin "^5.3.0"
+    postcss-colormin "^5.3.1"
     postcss-convert-values "^5.1.3"
     postcss-discard-comments "^5.1.2"
     postcss-discard-duplicates "^5.1.0"
     postcss-discard-empty "^5.1.1"
     postcss-discard-overridden "^5.1.0"
     postcss-merge-longhand "^5.1.7"
-    postcss-merge-rules "^5.1.3"
+    postcss-merge-rules "^5.1.4"
     postcss-minify-font-values "^5.1.0"
     postcss-minify-gradients "^5.1.1"
     postcss-minify-params "^5.1.4"
@@ -7407,7 +7413,7 @@ cssnano-preset-default@^5.2.13:
     postcss-normalize-url "^5.1.0"
     postcss-normalize-whitespace "^5.1.1"
     postcss-ordered-values "^5.1.3"
-    postcss-reduce-initial "^5.1.1"
+    postcss-reduce-initial "^5.1.2"
     postcss-reduce-transforms "^5.1.0"
     postcss-svgo "^5.1.0"
     postcss-unique-selectors "^5.1.1"
@@ -7447,6 +7453,41 @@ cssnano-preset-default@^5.2.7:
     postcss-svgo "^5.1.0"
     postcss-unique-selectors "^5.1.1"
 
+cssnano-preset-default@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-6.0.0.tgz#058726536bdc18711c01b1d328766cbc5691cf71"
+  integrity sha512-BDxlaFzObRDXUiCCBQUNQcI+f1/aX2mgoNtXGjV6PG64POcHoDUoX+LgMWw+Q4609QhxwkcSnS65YFs42RA6qQ==
+  dependencies:
+    css-declaration-sorter "^6.3.1"
+    cssnano-utils "^4.0.0"
+    postcss-calc "^8.2.3"
+    postcss-colormin "^6.0.0"
+    postcss-convert-values "^6.0.0"
+    postcss-discard-comments "^6.0.0"
+    postcss-discard-duplicates "^6.0.0"
+    postcss-discard-empty "^6.0.0"
+    postcss-discard-overridden "^6.0.0"
+    postcss-merge-longhand "^6.0.0"
+    postcss-merge-rules "^6.0.0"
+    postcss-minify-font-values "^6.0.0"
+    postcss-minify-gradients "^6.0.0"
+    postcss-minify-params "^6.0.0"
+    postcss-minify-selectors "^6.0.0"
+    postcss-normalize-charset "^6.0.0"
+    postcss-normalize-display-values "^6.0.0"
+    postcss-normalize-positions "^6.0.0"
+    postcss-normalize-repeat-style "^6.0.0"
+    postcss-normalize-string "^6.0.0"
+    postcss-normalize-timing-functions "^6.0.0"
+    postcss-normalize-unicode "^6.0.0"
+    postcss-normalize-url "^6.0.0"
+    postcss-normalize-whitespace "^6.0.0"
+    postcss-ordered-values "^6.0.0"
+    postcss-reduce-initial "^6.0.0"
+    postcss-reduce-transforms "^6.0.0"
+    postcss-svgo "^6.0.0"
+    postcss-unique-selectors "^6.0.0"
+
 cssnano-util-get-arguments@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/cssnano-util-get-arguments/-/cssnano-util-get-arguments-4.0.0.tgz#ed3a08299f21d75741b20f3b81f194ed49cc150f"
@@ -7474,6 +7515,11 @@ cssnano-utils@^3.1.0:
   resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz#95684d08c91511edfc70d2636338ca37ef3a6861"
   integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==
 
+cssnano-utils@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-4.0.0.tgz#d1da885ec04003ab19505ff0e62e029708d36b08"
+  integrity sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==
+
 cssnano@^4.1.10:
   version "4.1.11"
   resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-4.1.11.tgz#c7b5f5b81da269cb1fd982cb960c1200910c9a99"
@@ -7494,14 +7540,22 @@ cssnano@^5.0.0, cssnano@^5.0.1, cssnano@^5.0.6:
     yaml "^1.10.2"
 
 cssnano@^5.1.14:
-  version "5.1.14"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.14.tgz#07b0af6da73641276fe5a6d45757702ebae2eb05"
-  integrity sha512-Oou7ihiTocbKqi0J1bB+TRJIQX5RMR3JghA8hcWSw9mjBLQ5Y3RWqEDoYG3sRNlAbCIXpqMoZGbq5KDR3vdzgw==
+  version "5.1.15"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.15.tgz#ded66b5480d5127fcb44dac12ea5a983755136bf"
+  integrity sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==
   dependencies:
-    cssnano-preset-default "^5.2.13"
+    cssnano-preset-default "^5.2.14"
     lilconfig "^2.0.3"
     yaml "^1.10.2"
 
+cssnano@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-6.0.0.tgz#53f4cb81101cccba0809fad779f006b5d44925ee"
+  integrity sha512-RGlcbzGhzEBCHuQe3k+Udyj5M00z0pm9S+VurHXFEOXxH+y0sVrJH2sMzoyz2d8N1EScazg+DVvmgyx0lurwwA==
+  dependencies:
+    cssnano-preset-default "^6.0.0"
+    lilconfig "^2.1.0"
+
 csso@^4.0.2, csso@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
@@ -7509,6 +7563,13 @@ csso@^4.0.2, csso@^4.2.0:
   dependencies:
     css-tree "^1.1.2"
 
+csso@^5.0.5:
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.5.tgz#f9b7fe6cc6ac0b7d90781bb16d5e9874303e2ca6"
+  integrity sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==
+  dependencies:
+    css-tree "~2.2.0"
+
 cssom@^0.4.4:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
@@ -7694,12 +7755,7 @@ deepmerge@^1.5.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
   integrity sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ==
 
-deepmerge@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
-  integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
-
-deepmerge@^4.3.0:
+deepmerge@^4.2.2, deepmerge@^4.3.0:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
@@ -7768,12 +7824,7 @@ defu@^5.0.0, defu@^5.0.1:
   resolved "https://registry.yarnpkg.com/defu/-/defu-5.0.1.tgz#a034278f9b032bf0845d261aa75e9ad98da878ac"
   integrity sha512-EPS1carKg+dkEVy3qNTqIdp2qV7mUP08nIsupfwQpz++slCVRw7qbQyWvSTig+kFPwz2XXp5/kIIkH+CwrJKkQ==
 
-defu@^6.0.0, defu@^6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.1.tgz#a12c712349197c545dc61d3cd3b607b4cc7ef0c1"
-  integrity sha512-aA964RUCsBt0FGoNIlA3uFgo2hO+WWC0fiC6DBps/0SFzkKcYoM/3CzVLIa5xSsrFjdioMdYgAIbwo80qp2MoA==
-
-defu@^6.1.2:
+defu@^6.0.0, defu@^6.1.1, defu@^6.1.2:
   version "6.1.2"
   resolved "https://registry.yarnpkg.com/defu/-/defu-6.1.2.tgz#1217cba167410a1765ba93893c6dbac9ed9d9e5c"
   integrity sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==
@@ -7788,7 +7839,7 @@ delegates@^1.0.0:
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
   integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
 
-denque@^2.0.1:
+denque@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/denque/-/denque-2.1.0.tgz#e93e1a6569fb5e66f16a3c2a2964617d349d6ab1"
   integrity sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==
@@ -7808,7 +7859,7 @@ deprecation@^2.0.0, deprecation@^2.3.1:
   resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
   integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
 
-destr@^1.2.1, destr@^1.2.2:
+destr@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/destr/-/destr-1.2.2.tgz#7ba9befcafb645a50e76b260449c63927b51e22f"
   integrity sha512-lrbCJwD9saUQrqUfXvl6qoM+QN3W7tLV5pAOs+OqOmopCCz/JkE05MHedJR1xfk4IAnZuJXPVuN5+7jNA2ZCiA==
@@ -7842,6 +7893,11 @@ detective@^5.2.1:
     defined "^1.0.0"
     minimist "^1.2.6"
 
+devalue@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/devalue/-/devalue-4.3.0.tgz#d86db8fee63a70317c2355be0d3d1b4d8f89a44e"
+  integrity sha512-n94yQo4LI3w7erwf84mhRUkUJfhLoCZiLyoOZ/QFsDbcWNZePrLwbQpvZBUG2TNxwV3VjCKPxkiiQA6pe3TrTA==
+
 dezalgo@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/dezalgo/-/dezalgo-1.0.4.tgz#751235260469084c132157dfa857f386d4c33d81"
@@ -7929,12 +7985,21 @@ dom-serializer@^1.0.1:
     domhandler "^4.2.0"
     entities "^2.0.0"
 
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
 domelementtype@1, domelementtype@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
   integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
 
-domelementtype@^2.0.1, domelementtype@^2.2.0:
+domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
   integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
@@ -7960,6 +8025,13 @@ domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
   dependencies:
     domelementtype "^2.2.0"
 
+domhandler@^5.0.1, domhandler@^5.0.2:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
 domutils@^1.5.1, domutils@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
@@ -7977,7 +8049,16 @@ domutils@^2.5.2, domutils@^2.8.0:
     domelementtype "^2.2.0"
     domhandler "^4.2.0"
 
-dot-case@^3.0.4:
+domutils@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.0.1.tgz#696b3875238338cb186b6c0612bd4901c89a4f1c"
+  integrity sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.1"
+
+dot-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
   integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
@@ -8072,10 +8153,10 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
-electron-to-chromium@^1.4.251:
-  version "1.4.284"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz#61046d1e4cab3a25238f6bf7413795270f125592"
-  integrity sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA==
+electron-to-chromium@^1.4.251, electron-to-chromium@^1.4.284:
+  version "1.4.359"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.359.tgz#5c4d13cb08032469fcd6bd36457915caa211356b"
+  integrity sha512-OoVcngKCIuNXtZnsYoqlCvr0Cf3NIPzDIgwUfI9bdTFjXCrr79lI0kwQstLPZ7WhCezLlGksZk/BFAzoXC7GDw==
 
 emoji-regex@^7.0.1:
   version "7.0.3"
@@ -8159,6 +8240,11 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
+entities@^4.2.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174"
+  integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==
+
 entities@~2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
@@ -8634,61 +8720,33 @@ esbuild@^0.15.1, esbuild@^0.15.14, esbuild@^0.15.9, esbuild@~0.15.10:
     esbuild-windows-64 "0.15.18"
     esbuild-windows-arm64 "0.15.18"
 
-esbuild@^0.16.3:
-  version "0.16.17"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.16.17.tgz#fc2c3914c57ee750635fee71b89f615f25065259"
-  integrity sha512-G8LEkV0XzDMNwXKgM0Jwu3nY3lSTwSGY6XbxM9cr9+s0T/qSV1q1JVPBGzm3dcjhCic9+emZDmMffkwgPeOeLg==
+esbuild@^0.17.16, esbuild@^0.17.5:
+  version "0.17.16"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.16.tgz#5efec24a8ff29e0c157359f27e1b5532a728b720"
+  integrity sha512-aeSuUKr9aFVY9Dc8ETVELGgkj4urg5isYx8pLf4wlGgB0vTFjxJQdHnNH6Shmx4vYYrOTLCHtRI5i1XZ9l2Zcg==
   optionalDependencies:
-    "@esbuild/android-arm" "0.16.17"
-    "@esbuild/android-arm64" "0.16.17"
-    "@esbuild/android-x64" "0.16.17"
-    "@esbuild/darwin-arm64" "0.16.17"
-    "@esbuild/darwin-x64" "0.16.17"
-    "@esbuild/freebsd-arm64" "0.16.17"
-    "@esbuild/freebsd-x64" "0.16.17"
-    "@esbuild/linux-arm" "0.16.17"
-    "@esbuild/linux-arm64" "0.16.17"
-    "@esbuild/linux-ia32" "0.16.17"
-    "@esbuild/linux-loong64" "0.16.17"
-    "@esbuild/linux-mips64el" "0.16.17"
-    "@esbuild/linux-ppc64" "0.16.17"
-    "@esbuild/linux-riscv64" "0.16.17"
-    "@esbuild/linux-s390x" "0.16.17"
-    "@esbuild/linux-x64" "0.16.17"
-    "@esbuild/netbsd-x64" "0.16.17"
-    "@esbuild/openbsd-x64" "0.16.17"
-    "@esbuild/sunos-x64" "0.16.17"
-    "@esbuild/win32-arm64" "0.16.17"
-    "@esbuild/win32-ia32" "0.16.17"
-    "@esbuild/win32-x64" "0.16.17"
-
-esbuild@^0.17.4, esbuild@^0.17.5:
-  version "0.17.5"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.5.tgz#cd76d75700d49ac050ad9eedfbed777bd6a9d930"
-  integrity sha512-Bu6WLCc9NMsNoMJUjGl3yBzTjVLXdysMltxQWiLAypP+/vQrf+3L1Xe8fCXzxaECus2cEJ9M7pk4yKatEwQMqQ==
-  optionalDependencies:
-    "@esbuild/android-arm" "0.17.5"
-    "@esbuild/android-arm64" "0.17.5"
-    "@esbuild/android-x64" "0.17.5"
-    "@esbuild/darwin-arm64" "0.17.5"
-    "@esbuild/darwin-x64" "0.17.5"
-    "@esbuild/freebsd-arm64" "0.17.5"
-    "@esbuild/freebsd-x64" "0.17.5"
-    "@esbuild/linux-arm" "0.17.5"
-    "@esbuild/linux-arm64" "0.17.5"
-    "@esbuild/linux-ia32" "0.17.5"
-    "@esbuild/linux-loong64" "0.17.5"
-    "@esbuild/linux-mips64el" "0.17.5"
-    "@esbuild/linux-ppc64" "0.17.5"
-    "@esbuild/linux-riscv64" "0.17.5"
-    "@esbuild/linux-s390x" "0.17.5"
-    "@esbuild/linux-x64" "0.17.5"
-    "@esbuild/netbsd-x64" "0.17.5"
-    "@esbuild/openbsd-x64" "0.17.5"
-    "@esbuild/sunos-x64" "0.17.5"
-    "@esbuild/win32-arm64" "0.17.5"
-    "@esbuild/win32-ia32" "0.17.5"
-    "@esbuild/win32-x64" "0.17.5"
+    "@esbuild/android-arm" "0.17.16"
+    "@esbuild/android-arm64" "0.17.16"
+    "@esbuild/android-x64" "0.17.16"
+    "@esbuild/darwin-arm64" "0.17.16"
+    "@esbuild/darwin-x64" "0.17.16"
+    "@esbuild/freebsd-arm64" "0.17.16"
+    "@esbuild/freebsd-x64" "0.17.16"
+    "@esbuild/linux-arm" "0.17.16"
+    "@esbuild/linux-arm64" "0.17.16"
+    "@esbuild/linux-ia32" "0.17.16"
+    "@esbuild/linux-loong64" "0.17.16"
+    "@esbuild/linux-mips64el" "0.17.16"
+    "@esbuild/linux-ppc64" "0.17.16"
+    "@esbuild/linux-riscv64" "0.17.16"
+    "@esbuild/linux-s390x" "0.17.16"
+    "@esbuild/linux-x64" "0.17.16"
+    "@esbuild/netbsd-x64" "0.17.16"
+    "@esbuild/openbsd-x64" "0.17.16"
+    "@esbuild/sunos-x64" "0.17.16"
+    "@esbuild/win32-arm64" "0.17.16"
+    "@esbuild/win32-ia32" "0.17.16"
+    "@esbuild/win32-x64" "0.17.16"
 
 escalade@^3.1.1:
   version "3.1.1"
@@ -9142,12 +9200,7 @@ estree-walker@^1.0.1:
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
   integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
 
-estree-walker@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.2.tgz#2d17ff18067683aaf97aed83fe0d300603db9b67"
-  integrity sha512-C03BvXCQIH/po+PNPONx/zSM9ziPr9weX8xNhYb/IJtdJ9z+L4z9VKPTB+UTHdmhnIopA2kc419ueyVyHVktwA==
-
-estree-walker@^3.0.3:
+estree-walker@^3.0.1, estree-walker@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d"
   integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==
@@ -9767,10 +9820,10 @@ fs-extra@^10.0.0, fs-extra@^10.1.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-extra@^11.1.0:
-  version "11.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.1.0.tgz#5784b102104433bb0e090f48bfc4a30742c357ed"
-  integrity sha512-0rcTq621PD5jM/e0a3EJoGC/1TC5ZBCERW82LQuwfGnCa1V8w7dpYH1yNu+SLb6E5dkeCBzKEyLGlFrnr+dUyw==
+fs-extra@^11.1.0, fs-extra@^11.1.1:
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.1.1.tgz#da69f7c39f3b002378b0954bb6ae7efdc0876e2d"
+  integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==
   dependencies:
     graceful-fs "^4.2.0"
     jsonfile "^6.0.1"
@@ -10033,19 +10086,6 @@ getpass@^0.1.1:
   dependencies:
     assert-plus "^1.0.0"
 
-giget@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/giget/-/giget-1.0.0.tgz#fdd7e61a84996b19e00d2d4a6a65c60cc1f61c3d"
-  integrity sha512-KWELZn3Nxq5+0So485poHrFriK9Bn3V/x9y+wgqrHkbmnGbjfLmZ685/SVA/ovW+ewoqW0gVI47pI4yW/VNobQ==
-  dependencies:
-    colorette "^2.0.19"
-    defu "^6.1.1"
-    https-proxy-agent "^5.0.1"
-    mri "^1.2.0"
-    node-fetch-native "^1.0.1"
-    pathe "^1.0.0"
-    tar "^6.1.12"
-
 giget@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/giget/-/giget-1.1.2.tgz#f99a49cb0ff85479c8c3612cdc7ca27f2066e818"
@@ -10318,9 +10358,9 @@ globby@^11.0.2, globby@^11.0.3, globby@^11.0.4, globby@^11.1.0:
     slash "^3.0.0"
 
 globby@^13.1.2, globby@^13.1.3:
-  version "13.1.3"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.3.tgz#f62baf5720bcb2c1330c8d4ef222ee12318563ff"
-  integrity sha512-8krCNHXvlCgHDpegPzleMq07yMYTO2sXKASmZmquEYWEmCx6J5UTRbp5RwMJkTJGtcQ44YpiUYUiN0b9mzy8Bw==
+  version "13.1.4"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.4.tgz#2f91c116066bcec152465ba36e5caa4a13c01317"
+  integrity sha512-iui/IiiW+QrJ1X1hKH5qwlMQyv34wJAYwH1vrf8b9kBA4sNiif3gKsMHa+BrdnOpEudWjpotfa7LrTzB1ERS/g==
   dependencies:
     dir-glob "^3.0.1"
     fast-glob "^3.2.11"
@@ -10381,11 +10421,16 @@ got@^6.7.1:
     unzip-response "^2.0.1"
     url-parse-lax "^1.0.0"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.2.2, graceful-fs@^4.2.6:
   version "4.2.10"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
   integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
 
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.9:
+  version "4.2.11"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
 grapheme-splitter@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
@@ -10405,25 +10450,18 @@ gzip-size@^7.0.0:
   dependencies:
     duplexer "^0.1.2"
 
-h3@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/h3/-/h3-1.0.2.tgz#3a2992921a62de697bd4a3f449401f7600116df6"
-  integrity sha512-25QqjQMz8pX1NI2rZ/ziNT9B8Aog7jmu2a0o8Qm9kKoH3zOhE+2icVs069h6DEp0g1Dst1+zKfRdRYcK0MogJA==
-  dependencies:
-    cookie-es "^0.5.0"
-    destr "^1.2.2"
-    radix3 "^1.0.0"
-    ufo "^1.0.1"
-
-h3@^1.0.2, h3@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/h3/-/h3-1.1.0.tgz#ff10d590005711dfb41034b9b1496d165507b1ea"
-  integrity sha512-kx3u+RMzY963fU8NNT2ePWgsryAn9DNztPqbHia/M7HgA+rtXKjHjED9/uidcYPmImNwAfJsCachCzh2T3QH2A==
+h3@^1.0.1, h3@^1.5.0, h3@^1.6.4:
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/h3/-/h3-1.6.4.tgz#0575995014f6a1a63ff3bbfe3eaf58da0972b9e8"
+  integrity sha512-uoDNeaoeDRwWBtwwi4siZ6l5sBmDJpnpcBssuAbvsaPBonl8vP7Ym4tFPe+tAvGM0GbUoC24wYcloCG+J9hqmA==
   dependencies:
     cookie-es "^0.5.0"
+    defu "^6.1.2"
     destr "^1.2.2"
-    radix3 "^1.0.0"
-    ufo "^1.0.1"
+    iron-webcrypto "^0.6.0"
+    radix3 "^1.0.1"
+    ufo "^1.1.1"
+    uncrypto "^0.1.2"
 
 handle-thing@^2.0.0:
   version "2.0.1"
@@ -10591,10 +10629,10 @@ hookable@^5.1.1:
   resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.1.1.tgz#8e4cf052da4382ee232138cd9425369b9d5b280e"
   integrity sha512-7qam9XBFb+DijNBthaL1k/7lHU2TEMZkWSyuqmU3sCQze1wFm5w9AlEx30PD7a+QVAjOy6Ec2goFwe1YVyk2uA==
 
-hookable@^5.4.2:
-  version "5.4.2"
-  resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.4.2.tgz#6a1d3c4b3cb5b4262f99b3070ce0ee92c9c78049"
-  integrity sha512-6rOvaUiNKy9lET1X0ECnyZ5O5kSV0PJbtA5yZUgdEF7fGJEVwSLSislltyt7nFwVVALYHQJtfGeAR2Y0A0uJkg==
+hookable@^5.4.2, hookable@^5.5.1, hookable@^5.5.3:
+  version "5.5.3"
+  resolved "https://registry.yarnpkg.com/hookable/-/hookable-5.5.3.tgz#6cfc358984a1ef991e2518cb9ed4a778bbd3215d"
+  integrity sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==
 
 hosted-git-info@^2.1.4, hosted-git-info@^2.4.2, hosted-git-info@^2.7.1:
   version "2.8.9"
@@ -10664,9 +10702,9 @@ html-tags@^2.0.0:
   integrity sha1-ELMKOGCF9Dzt41PMj6fLDe7qZos=
 
 html-tags@^3.1.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.2.0.tgz#dbb3518d20b726524e4dd43de397eb0a95726961"
-  integrity sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
+  integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
 
 html-webpack-plugin@^5.1.0:
   version "5.5.0"
@@ -11080,26 +11118,26 @@ inquirer@^9.0.0:
     through "^2.3.6"
     wrap-ansi "^8.0.1"
 
-inquirer@^9.1.4:
-  version "9.1.4"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.1.4.tgz#482da8803670a64bd942bc5166a9547a19d41474"
-  integrity sha512-9hiJxE5gkK/cM2d1mTEnuurGTAoHebbkX0BYl3h7iEg7FYfuNIom+nDfBCSWtvSnoSrWCeBxqqBZu26xdlJlXA==
+inquirer@^9.1.5:
+  version "9.1.5"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-9.1.5.tgz#2aa48cd3ab76b2d759c86756023dfb107cbb7d45"
+  integrity sha512-3ygAIh8gcZavV9bj6MTdYddG2zPSYswP808fKS46NOwlF0zZljVpnLCHODDqItWJDbDpLb3aouAxGaJbkxoppA==
   dependencies:
     ansi-escapes "^6.0.0"
-    chalk "^5.1.2"
+    chalk "^5.2.0"
     cli-cursor "^4.0.0"
     cli-width "^4.0.0"
     external-editor "^3.0.3"
     figures "^5.0.0"
     lodash "^4.17.21"
-    mute-stream "0.0.8"
+    mute-stream "1.0.0"
     ora "^6.1.2"
     run-async "^2.4.0"
-    rxjs "^7.5.7"
+    rxjs "^7.8.0"
     string-width "^5.1.2"
     strip-ansi "^7.0.1"
     through "^2.3.6"
-    wrap-ansi "^8.0.1"
+    wrap-ansi "^8.1.0"
 
 internal-slot@^1.0.3:
   version "1.0.3"
@@ -11125,15 +11163,15 @@ ionicons@^3.0.0:
   resolved "https://registry.yarnpkg.com/ionicons/-/ionicons-3.0.0.tgz#40b8daf4fd7a31150bd002160f66496e22a98c3c"
   integrity sha1-QLja9P16MRUL0AIWD2ZJbiKpjDw=
 
-ioredis@^5.2.4:
-  version "5.2.5"
-  resolved "https://registry.yarnpkg.com/ioredis/-/ioredis-5.2.5.tgz#c62dc3945ad2a8f0323fbb2765b934a84a68cde0"
-  integrity sha512-7HKo/ClM2DGLRXdFq8ruS3Uuadensz4A76wPOU0adqlOqd1qkhoLPDaBhmVhUhNGpB+J65/bhLmNB8DDY99HJQ==
+ioredis@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/ioredis/-/ioredis-5.3.1.tgz#55d394a51258cee3af9e96c21c863b1a97bf951f"
+  integrity sha512-C+IBcMysM6v52pTLItYMeV4Hz7uriGtoJdz7SSBDX6u+zwSYGirLdQh3L7t/OItWITcw3gTFMjJReYUwS4zihg==
   dependencies:
     "@ioredis/commands" "^1.1.1"
     cluster-key-slot "^1.1.0"
     debug "^4.3.4"
-    denque "^2.0.1"
+    denque "^2.1.0"
     lodash.defaults "^4.2.0"
     lodash.isarguments "^3.1.0"
     redis-errors "^1.2.0"
@@ -11165,6 +11203,11 @@ ipaddr.js@^2.0.1:
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.0.1.tgz#eca256a7a877e917aeb368b0a7497ddf42ef81c0"
   integrity sha512-1qTgH9NG+IIJ4yfKs2e6Pp1bZg8wbDbKHT21HrLIeYBTRLgMYKnMTPAuI3Lcs61nfx5h1xlXnbJtH1kX5/d/ng==
 
+iron-webcrypto@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/iron-webcrypto/-/iron-webcrypto-0.6.0.tgz#3e597930b41363fc81a6ec415d25eb5000092144"
+  integrity sha512-WYgEQttulX/+JTv1BTJFYY3OsAb+ZnCuA53IjppZMyiRsVdGeEuZ/k4fJrg77Rzn0pp9/PgWtXUF+5HndDA5SQ==
+
 is-absolute-url@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
@@ -11239,13 +11282,20 @@ is-buffer@^2.0.0, is-buffer@^2.0.2:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
   integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
 
-is-builtin-module@^3.1.0, is-builtin-module@^3.2.0:
+is-builtin-module@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.0.tgz#bb0310dfe881f144ca83f30100ceb10cf58835e0"
   integrity sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==
   dependencies:
     builtin-modules "^3.3.0"
 
+is-builtin-module@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.1.tgz#f03271717d8654cfcaf07ab0463faa3571581169"
+  integrity sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==
+  dependencies:
+    builtin-modules "^3.3.0"
+
 is-callable@^1.1.4, is-callable@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945"
@@ -11277,6 +11327,13 @@ is-color-stop@^1.0.0:
     rgb-regex "^1.0.1"
     rgba-regex "^1.0.0"
 
+is-core-module@^2.11.0, is-core-module@^2.9.0:
+  version "2.12.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.0.tgz#36ad62f6f73c8253fd6472517a12483cf03e7ec4"
+  integrity sha512-RECHCBCd/viahWmwj6enj19sKbHfJrddi/6cBDsNTKbNq0f7VeaUkBo60BqzvPqo/W54ChS62Z5qyun7cfOMqQ==
+  dependencies:
+    has "^1.0.3"
+
 is-core-module@^2.2.0, is-core-module@^2.3.0, is-core-module@^2.5.0, is-core-module@^2.7.0:
   version "2.9.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
@@ -11291,13 +11348,6 @@ is-core-module@^2.8.1:
   dependencies:
     has "^1.0.3"
 
-is-core-module@^2.9.0:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144"
-  integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==
-  dependencies:
-    has "^1.0.3"
-
 is-data-descriptor@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
@@ -11770,12 +11820,7 @@ jiti@^1.12.14, jiti@^1.12.9:
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.13.0.tgz#3cdfc4e651ca0cca4c62ed5e47747b5841d41a8e"
   integrity sha512-/n9mNxZj/HDSrincJ6RP+L+yXbpnB8FybySBa+IjIaoH9FIxBbrbRT5XUbe8R7zuVM2AQqNMNDDqz0bzx3znOQ==
 
-jiti@^1.16.0, jiti@^1.16.2:
-  version "1.16.2"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.16.2.tgz#75f7a0a8fde4a0e57e576f7d329491d588db89cf"
-  integrity sha512-OKBOVWmU3FxDt/UH4zSwiKPuc1nihFZiOD722FuJlngvLz2glX1v2/TJIgoA4+mrpnXxHV6dSAoCvPcYQtoG5A==
-
-jiti@^1.17.2, jiti@^1.18.2:
+jiti@^1.16.0, jiti@^1.16.2, jiti@^1.17.2, jiti@^1.18.2:
   version "1.18.2"
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
   integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
@@ -12185,16 +12230,21 @@ levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
-lilconfig@^2.0.3, lilconfig@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.6.tgz#32a384558bd58af3d4c6e077dd1ad1d397bc69d4"
-  integrity sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==
+lilconfig@^2.0.3, lilconfig@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
 
 lilconfig@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.5.tgz#19e57fd06ccc3848fd1891655b5a447092225b25"
   integrity sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg==
 
+lilconfig@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.6.tgz#32a384558bd58af3d4c6e077dd1ad1d397bc69d4"
+  integrity sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==
+
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
@@ -12227,24 +12277,10 @@ lint-staged@^11.1.2:
     stringify-object "3.3.0"
     supports-color "8.1.1"
 
-listhen@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/listhen/-/listhen-1.0.1.tgz#31054d08d850ad21473768085a50a8b34a635070"
-  integrity sha512-RBzBGHMCc5wP8J5Vf8WgF4CAJH8dWHi9LaKB7vfzZt54CiH/0dp01rudy2hFD9wCrTM+UfxFVnn5wTIiY+Qhiw==
-  dependencies:
-    clipboardy "^3.0.0"
-    colorette "^2.0.19"
-    defu "^6.1.1"
-    get-port-please "^2.6.1"
-    http-shutdown "^1.2.2"
-    ip-regex "^5.0.0"
-    node-forge "^1.3.1"
-    ufo "^1.0.0"
-
-listhen@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/listhen/-/listhen-1.0.2.tgz#3332af0cf77dd914e12d125c70a9c6aed9537033"
-  integrity sha512-yXz0NIYfVJDBQK2vlCpD/OjSzYkur2mR44boUtlg0eES4holn7oYZf439y5JxP55EOzFtClZ8eZlMJ8a++FwlQ==
+listhen@^1.0.3, listhen@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/listhen/-/listhen-1.0.4.tgz#29a177da59322a7ebdf88768d13d2e555e8fc43e"
+  integrity sha512-r94k7kmXHb8e8wpv7+UP/qqhhD+j/9TgX19QKim2cEJuWCLwlTw+5BkCFmYyjhQ7Bt8KdVun/2DcD7MF2Fe3+g==
   dependencies:
     clipboardy "^3.0.0"
     colorette "^2.0.19"
@@ -12253,7 +12289,7 @@ listhen@^1.0.2:
     http-shutdown "^1.2.2"
     ip-regex "^5.0.0"
     node-forge "^1.3.1"
-    ufo "^1.0.1"
+    ufo "^1.1.1"
 
 listr2@^3.12.2:
   version "3.14.0"
@@ -12334,12 +12370,7 @@ loader-utils@^3.2.0:
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-3.2.0.tgz#bcecc51a7898bee7473d4bc6b845b23af8304d4f"
   integrity sha512-HVl9ZqccQihZ7JM85dco1MvO9G+ONvxoGa9rkhzFsneGLKSUg1gJf9bWzhRhcvm2qChhWpebQhP44qxjKIUCaQ==
 
-local-pkg@^0.4.2:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.4.2.tgz#13107310b77e74a0e513147a131a2ba288176c2f"
-  integrity sha512-mlERgSPrbxU3BP4qBqAvvwlgW4MTg78iwJdGGnv7kibKjWcJksrG3t6LB5lXI93wXRDvG4NpUgJFmTG4T6rdrg==
-
-local-pkg@^0.4.3:
+local-pkg@^0.4.2, local-pkg@^0.4.3:
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-0.4.3.tgz#0ff361ab3ae7f1c19113d9bb97b98b905dbc4963"
   integrity sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==
@@ -12600,6 +12631,11 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+lru-cache@^7.18.3:
+  version "7.18.3"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-7.18.3.tgz#f793896e0fd0e954a59dfdd82f0773808df6aa89"
+  integrity sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==
+
 lz-string@^1.4.4:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
@@ -12780,6 +12816,16 @@ mdn-data@2.0.14:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
   integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
 
+mdn-data@2.0.28:
+  version "2.0.28"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.28.tgz#5ec48e7bef120654539069e1ae4ddc81ca490eba"
+  integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==
+
+mdn-data@2.0.30:
+  version "2.0.30"
+  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc"
+  integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==
+
 mdn-data@2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
@@ -13044,21 +13090,7 @@ minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.0.1.tgz#fb9022f7528125187c92bd9e9b6366be1cf3415b"
-  integrity sha512-nLDxIFRyhDblz3qMuq+SoRZED4+miJ/G+tdDrjkkkRnjAsBexeGpgjLEQ0blJy7rHhR2b93rhQY4SvyWu9v03g==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimatch@^5.1.0:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.4.tgz#4e2d39d872684e97b309a9104251c3f1aa4e9d1c"
-  integrity sha512-U0iNYXt9wALljzfnGkhFSy5sAC6/SCR3JrHrlsdJz4kF8MvhTRQNiC59iUi1iqsitV7abrNAJWElVL9pdnoUgw==
-  dependencies:
-    brace-expansion "^2.0.1"
-
-minimatch@^5.1.1:
+minimatch@^5.0.1, minimatch@^5.1.0, minimatch@^5.1.1:
   version "5.1.6"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
   integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
@@ -13117,11 +13149,9 @@ minipass@^3.1.1:
     yallist "^4.0.0"
 
 minipass@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.0.0.tgz#7cebb0f9fa7d56f0c5b17853cbe28838a8dbbd3b"
-  integrity sha512-g2Uuh2jEKoht+zvO6vJqXmYpflPqzRBT+Th2h01DKh5z7wbY/AZ2gCQ78cP70YoHPyFdY30YBV5WxgLOEwOykw==
-  dependencies:
-    yallist "^4.0.0"
+  version "4.2.8"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-4.2.8.tgz#f0010f64393ecfc1d1ccb5f582bcaf45f48e1a3a"
+  integrity sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==
 
 minizlib@^1.3.3:
   version "1.3.3"
@@ -13194,11 +13224,6 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
-mkdir@^0.0.2:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/mkdir/-/mkdir-0.0.2.tgz#3b9da7a4e5b13004ebc636581b160e1e04776851"
-  integrity sha512-98OnjcWaNEIRUJJe9rFoWlbkQ5n9z8F86wIPCrI961YEViiVybTuJln919WuuSHSnlrqXy0ELKCntoPy8C7lqg==
-
 mkdirp-promise@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/mkdirp-promise/-/mkdirp-promise-5.0.1.tgz#e9b8f68e552c68a9c1713b84883f7a1dd039b8a1"
@@ -13251,17 +13276,7 @@ mlly@^0.5.16:
     pkg-types "^1.0.0"
     ufo "^1.0.0"
 
-mlly@^1.0.0, mlly@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.1.0.tgz#9e23c5e675ef7b10cc47ee6281795cb1a7aa3aa2"
-  integrity sha512-cwzBrBfwGC1gYJyfcy8TcZU1f+dbH/T+TuOhtYP2wLv/Fb51/uV7HJQfBPtEupZ2ORLRU1EKFS/QfS3eo9+kBQ==
-  dependencies:
-    acorn "^8.8.1"
-    pathe "^1.0.0"
-    pkg-types "^1.0.1"
-    ufo "^1.0.1"
-
-mlly@^1.1.1, mlly@^1.2.0:
+mlly@^1.0.0, mlly@^1.1.0, mlly@^1.1.1, mlly@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.2.0.tgz#f0f6c2fc8d2d12ea6907cd869066689b5031b613"
   integrity sha512-+c7A3CV0KGdKcylsI6khWyts/CYrGTrRVo4R/I7u/cUsy0Conxa6LUhiEzVKIw14lc2L5aiO4+SeVe4TeGRKww==
@@ -13351,6 +13366,11 @@ mute-stream@0.0.8, mute-stream@~0.0.4:
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
   integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
 
+mute-stream@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-1.0.0.tgz#e31bd9fe62f0aed23520aa4324ea6671531e013e"
+  integrity sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==
+
 mz@^2.4.0, mz@^2.5.0, mz@^2.7.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
@@ -13365,15 +13385,20 @@ nanoid@^2.1.0:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-2.1.11.tgz#ec24b8a758d591561531b4176a01e3ab4f0f0280"
   integrity sha512-s/snB+WGm6uwi0WjsZdaVcuf3KJXlfGl2LcxgwkEwJF0D/BWzVWAZW/XY4bFaiR7s0Jk3FPvlnepg1H1b1UwlA==
 
-nanoid@^3.1.32, nanoid@^3.3.4:
+nanoid@^3.1.32:
   version "3.3.4"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
   integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
 
-nanoid@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-4.0.0.tgz#6e144dee117609232c3f415c34b0e550e64999a5"
-  integrity sha512-IgBP8piMxe/gf73RTQx7hmnhwz0aaEXYakvqZyE302IXW3HyVNhdNGC+O2MwMAVhLEnvXlvKtGbtJf6wvHihCg==
+nanoid@^3.3.4:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
+
+nanoid@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-4.0.2.tgz#140b3c5003959adbebf521c170f282c5e7f9fb9e"
+  integrity sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==
 
 nanomatch@^1.2.9:
   version "1.2.13"
@@ -13417,69 +13442,69 @@ nice-try@^1.0.4:
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
   integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
 
-nitropack@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/nitropack/-/nitropack-2.1.1.tgz#8786a6fdc3dd7f6beaf06ea19c6d403dba175d57"
-  integrity sha512-fjjP0VlymKaPrLOsKF7L+Uq04D1e0XpM7V+TxQ1YYhygGZ4X13RJN7uwIY2R/2gluy3Jbv3/LtOuTopeMNRR5Q==
+nitropack@^2.3.3:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/nitropack/-/nitropack-2.3.3.tgz#d19cd06b33625283c5589e053f6a8971b81ff2e0"
+  integrity sha512-1g/4zdwWo+tWSvno57rhRXeGk6jNbG5W1yRNtOywInT1nyoEG1ksOwQ3W3JHGB2E1GNjZwAVi611UVOVL+JgYw==
   dependencies:
     "@cloudflare/kv-asset-handler" "^0.3.0"
     "@netlify/functions" "^1.4.0"
-    "@rollup/plugin-alias" "^4.0.3"
+    "@rollup/plugin-alias" "^5.0.0"
     "@rollup/plugin-commonjs" "^24.0.1"
     "@rollup/plugin-inject" "^5.0.3"
     "@rollup/plugin-json" "^6.0.0"
-    "@rollup/plugin-node-resolve" "^15.0.1"
+    "@rollup/plugin-node-resolve" "^15.0.2"
     "@rollup/plugin-replace" "^5.0.2"
-    "@rollup/plugin-terser" "^0.4.0"
+    "@rollup/plugin-terser" "^0.4.1"
     "@rollup/plugin-wasm" "^6.1.2"
     "@rollup/pluginutils" "^5.0.2"
     "@vercel/nft" "^0.22.6"
     archiver "^5.3.1"
-    c12 "^1.1.0"
+    c12 "^1.2.0"
     chalk "^5.2.0"
     chokidar "^3.5.3"
-    consola "^2.15.3"
+    consola "^3.0.1"
     cookie-es "^0.5.0"
     defu "^6.1.2"
     destr "^1.2.2"
     dot-prop "^7.2.0"
-    esbuild "^0.17.5"
+    esbuild "^0.17.16"
     escape-string-regexp "^5.0.0"
     etag "^1.8.1"
-    fs-extra "^11.1.0"
+    fs-extra "^11.1.1"
     globby "^13.1.3"
     gzip-size "^7.0.0"
-    h3 "^1.1.0"
-    hookable "^5.4.2"
+    h3 "^1.6.4"
+    hookable "^5.5.3"
     http-proxy "^1.18.1"
     is-primitive "^3.0.1"
-    jiti "^1.16.2"
+    jiti "^1.18.2"
     klona "^2.0.6"
     knitwork "^1.0.0"
-    listhen "^1.0.2"
+    listhen "^1.0.4"
     mime "^3.0.0"
-    mlly "^1.1.0"
+    mlly "^1.2.0"
     mri "^1.2.0"
-    node-fetch-native "^1.0.1"
-    ofetch "^1.0.0"
+    node-fetch-native "^1.1.0"
+    ofetch "^1.0.1"
     ohash "^1.0.0"
     pathe "^1.1.0"
     perfect-debounce "^0.1.3"
-    pkg-types "^1.0.1"
-    pretty-bytes "^6.0.0"
-    radix3 "^1.0.0"
-    rollup "^3.12.0"
+    pkg-types "^1.0.2"
+    pretty-bytes "^6.1.0"
+    radix3 "^1.0.1"
+    rollup "^3.20.2"
     rollup-plugin-visualizer "^5.9.0"
     scule "^1.0.0"
-    semver "^7.3.8"
+    semver "^7.4.0"
     serve-placeholder "^2.0.1"
     serve-static "^1.15.0"
     source-map-support "^0.5.21"
-    std-env "^3.3.1"
-    ufo "^1.0.1"
-    unenv "^1.0.3"
-    unimport "^2.1.0"
-    unstorage "^1.0.1"
+    std-env "^3.3.2"
+    ufo "^1.1.1"
+    unenv "^1.3.1"
+    unimport "^3.0.6"
+    unstorage "^1.4.1"
 
 no-case@^3.0.4:
   version "3.0.4"
@@ -13494,12 +13519,7 @@ node-domexception@^1.0.0:
   resolved "https://registry.yarnpkg.com/node-domexception/-/node-domexception-1.0.0.tgz#6888db46a1f71c0b76b3f7555016b63fe64766e5"
   integrity sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==
 
-node-fetch-native@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.0.1.tgz#1dfe78f57545d07e07016b7df4c0cb9d2ff416c7"
-  integrity sha512-VzW+TAk2wE4X9maiKMlT+GsPU4OMmR1U9CrHSmd3DFLn2IcZ9VJ6M6BBugGfYUnPCLSYxXdZy17M0BEJyhUTwg==
-
-node-fetch-native@^1.0.2:
+node-fetch-native@^1.0.2, node-fetch-native@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/node-fetch-native/-/node-fetch-native-1.1.0.tgz#a530f5c4cadb49b382dcf81d8f5f19ed0f457fbe"
   integrity sha512-nl5goFCig93JZ9FIV8GHT9xpNqXbxQUzkOmKIMKmncsBH9jhg7qKex8hirpymkBFmNQ114chEEG5lS4wgK2I+Q==
@@ -13521,16 +13541,16 @@ node-fetch@^2.5.0:
     whatwg-url "^5.0.0"
 
 node-fetch@^2.6.7:
-  version "2.6.8"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.8.tgz#a68d30b162bc1d8fd71a367e81b997e1f4d4937e"
-  integrity sha512-RZ6dBYuj8dRSfxpUSu+NsdF1dpPpluJxwOp+6IoDp/sH2QNDSvurYsAa+F1WxY2RjA1iP93xhcsUoYbF2XBqVg==
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.9.tgz#7c7f744b5cc6eb5fd404e0c7a9fec630a55657e6"
+  integrity sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==
   dependencies:
     whatwg-url "^5.0.0"
 
-node-fetch@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.3.0.tgz#37e71db4ecc257057af828d523a7243d651d91e4"
-  integrity sha512-BKwRP/O0UvoMKp7GNdwPlObhYGB5DQqwhEDQlNKuoqwVYSxkSZCSbHjnFFmUEtwSKRPU4kNK8PbDYYitwaE3QA==
+node-fetch@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.3.1.tgz#b3eea7b54b3a48020e46f4f88b9c5a7430d20b2e"
+  integrity sha512-cRVc/kyto/7E5shrWca1Wsea4y6tL9iYJE5FBCius3JQfb/4P4I295PfhgbJQBLTx6lATE4z+wK0rPM4VS2uow==
   dependencies:
     data-uri-to-buffer "^4.0.0"
     fetch-blob "^3.1.4"
@@ -13563,10 +13583,10 @@ node-gyp@^5.0.2:
     tar "^4.4.12"
     which "^1.3.1"
 
-node-releases@^2.0.6:
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.8.tgz#0f349cdc8fcfa39a92ac0be9bc48b7706292b9ae"
-  integrity sha512-dFSmB8fFHEH/s81Xi+Y/15DQY6VHW81nXRj86EMSL3lmuTmK1e+aT4wrFCkTbm+gSwkw4KpX+rT/pMM2c1mF+A==
+node-releases@^2.0.6, node-releases@^2.0.8:
+  version "2.0.10"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
+  integrity sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==
 
 nopt@^4.0.1:
   version "4.0.3"
@@ -13763,61 +13783,63 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
-nuxi@3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/nuxi/-/nuxi-3.1.1.tgz#c51728bcd20358205b619bcd614e12e2c14fa48d"
-  integrity sha512-ZwqG3dpqF2dlVr1NSPbFbmAzBcbrK3VTJR6KjGPU3cdxJ7JHMjOHNEz983QaKyNnfgETyTVPZVo+viKb2a9VPQ==
+nuxi@3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/nuxi/-/nuxi-3.4.0.tgz#31128e7a6d676765a6e4b5d7451a14d7cee518b2"
+  integrity sha512-4N3S0L2vQUWrB/AHC4Xtbv1XXJJV6mPHPxBDqcCb9jd+swC93d4yeVaCqGB6O6MkCUGNTllKu7tTLz8rEWgqxQ==
   optionalDependencies:
     fsevents "~2.3.2"
 
-nuxt@3.0.0, nuxt@3.1.1, nuxt@^3.0.0, nuxt@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/nuxt/-/nuxt-3.1.1.tgz#c8acb7dadb006aa6c4ada6129e7dcacddbfad7a9"
-  integrity sha512-GVdmV88lR01OX0slxTPyTzwQkge7fxNREkx2QW0Lo66fb6aHcJlRXzFMBCOTjas+Ncng6AalIyIiPREEteGKSg==
+nuxt@3.4.0, nuxt@^3.0.0, nuxt@latest:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/nuxt/-/nuxt-3.4.0.tgz#78c600855e75791f3ce468b57ba6c5af21405b10"
+  integrity sha512-owWFNH8jAbe9k32WJU1Fpkoz68NWIdIf5c2vUhCF99Mg3ocVqqE5NFCX5XFzLZYwmwMJISeLPKmMuP9STpbXVA==
   dependencies:
     "@nuxt/devalue" "^2.0.0"
-    "@nuxt/kit" "3.1.1"
-    "@nuxt/schema" "3.1.1"
-    "@nuxt/telemetry" "^2.1.9"
-    "@nuxt/ui-templates" "^1.1.0"
-    "@nuxt/vite-builder" "3.1.1"
-    "@unhead/ssr" "^1.0.18"
-    "@vue/reactivity" "^3.2.45"
-    "@vue/shared" "^3.2.45"
-    "@vueuse/head" "^1.0.23"
+    "@nuxt/kit" "3.4.0"
+    "@nuxt/schema" "3.4.0"
+    "@nuxt/telemetry" "^2.2.0"
+    "@nuxt/ui-templates" "^1.1.1"
+    "@nuxt/vite-builder" "3.4.0"
+    "@unhead/ssr" "^1.1.25"
+    "@unhead/vue" "^1.1.25"
+    "@vue/reactivity" "^3.2.47"
+    "@vue/shared" "^3.2.47"
     chokidar "^3.5.3"
     cookie-es "^0.5.0"
     defu "^6.1.2"
     destr "^1.2.2"
+    devalue "^4.3.0"
     escape-string-regexp "^5.0.0"
     estree-walker "^3.0.3"
-    fs-extra "^11.1.0"
+    fs-extra "^11.1.1"
     globby "^13.1.3"
-    h3 "^1.0.2"
+    h3 "^1.6.4"
     hash-sum "^2.0.0"
-    hookable "^5.4.2"
-    jiti "^1.16.2"
+    hookable "^5.5.3"
+    jiti "^1.18.2"
     knitwork "^1.0.0"
-    magic-string "^0.27.0"
-    mlly "^1.1.0"
-    nitropack "^2.0.0"
-    nuxi "3.1.1"
-    ofetch "^1.0.0"
+    local-pkg "^0.4.3"
+    magic-string "^0.30.0"
+    mlly "^1.2.0"
+    nitropack "^2.3.3"
+    nuxi "3.4.0"
+    nypm "^0.1.0"
+    ofetch "^1.0.1"
     ohash "^1.0.0"
     pathe "^1.1.0"
     perfect-debounce "^0.1.3"
+    prompts "^2.4.2"
     scule "^1.0.0"
-    strip-literal "^1.0.0"
-    ufo "^1.0.1"
-    ultrahtml "^1.2.0"
-    unctx "^2.1.1"
-    unenv "^1.0.1"
-    unhead "^1.0.18"
-    unimport "^2.0.1"
-    unplugin "^1.0.1"
-    untyped "^1.2.2"
-    vue "^3.2.45"
-    vue-bundle-renderer "^1.0.0"
+    strip-literal "^1.0.1"
+    ufo "^1.1.1"
+    unctx "^2.2.0"
+    unenv "^1.3.1"
+    unimport "^3.0.6"
+    unplugin "^1.3.1"
+    untyped "^1.3.2"
+    vue "^3.2.47"
+    vue-bundle-renderer "^1.0.3"
     vue-devtools-stub "^0.1.0"
     vue-router "^4.1.6"
 
@@ -13826,6 +13848,11 @@ nwsapi@^2.2.0:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
   integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
 
+nypm@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/nypm/-/nypm-0.1.0.tgz#100c832df490d06e6ee4a3723a3f4bbe8b2caeba"
+  integrity sha512-q+/Hl9SWeLsH5moeaZEZFFYqmosoCYN/WU4vckznuCEw95EBG/z4NT1eOkABhh3pvQdHkc3QsiBWHBfIGptBMw==
+
 oauth-sign@~0.9.0:
   version "0.9.0"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
@@ -13917,15 +13944,6 @@ octokit-pagination-methods@^1.1.0:
   resolved "https://registry.yarnpkg.com/octokit-pagination-methods/-/octokit-pagination-methods-1.1.0.tgz#cf472edc9d551055f9ef73f6e42b4dbb4c80bea4"
   integrity sha512-fZ4qZdQ2nxJvtcasX7Ghl+WlWS/d9IgnBIwFZXVNNZUmzpno91SX5bc5vuxiuKoCtK78XxGGNuSCrDC7xYB3OQ==
 
-ofetch@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/ofetch/-/ofetch-1.0.0.tgz#5a2604cdcb33349900e4f73ffe44de449a61101a"
-  integrity sha512-d40aof8czZFSQKJa4+F7Ch3UC5D631cK1TTUoK+iNEut9NoiCL+u0vykl/puYVUS2df4tIQl5upQcolIcEzQjQ==
-  dependencies:
-    destr "^1.2.1"
-    node-fetch-native "^1.0.1"
-    ufo "^1.0.0"
-
 ofetch@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/ofetch/-/ofetch-1.0.1.tgz#68b410d4494e37fa67b99e9a60172ae447b2c44c"
@@ -13993,7 +14011,7 @@ open@^7.0.4:
     is-docker "^2.0.0"
     is-wsl "^2.1.1"
 
-open@^8.0.2, open@^8.0.9, open@^8.4.0:
+open@^8.0.2, open@^8.0.9:
   version "8.4.0"
   resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
   integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==
@@ -14002,6 +14020,15 @@ open@^8.0.2, open@^8.0.9, open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
+open@^8.4.0:
+  version "8.4.2"
+  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
+  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
+  dependencies:
+    define-lazy-prop "^2.0.0"
+    is-docker "^2.1.1"
+    is-wsl "^2.2.0"
+
 opener@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
@@ -14064,7 +14091,7 @@ ora@^5.3.0:
     strip-ansi "^6.0.0"
     wcwidth "^1.0.1"
 
-ora@^6.1.0, ora@^6.1.2:
+ora@^6.1.0:
   version "6.1.2"
   resolved "https://registry.yarnpkg.com/ora/-/ora-6.1.2.tgz#7b3c1356b42fd90fb1dad043d5dbe649388a0bf5"
   integrity sha512-EJQ3NiP5Xo94wJXIzAyOtSb0QEIAUu7m8t6UZ9krbz0vAJqr92JpcK/lEXg91q6B9pEGqrykkd2EQplnifDSBw==
@@ -14079,6 +14106,21 @@ ora@^6.1.0, ora@^6.1.2:
     strip-ansi "^7.0.1"
     wcwidth "^1.0.1"
 
+ora@^6.1.2:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/ora/-/ora-6.3.0.tgz#a314600999f514a989a0904f5c17c8b7c1f7c878"
+  integrity sha512-1/D8uRFY0ay2kgBpmAwmSA404w4OoPVhHMqRqtjvrcK/dnzcEZxMJ+V4DUbyICu8IIVRclHcOf5wlD1tMY4GUQ==
+  dependencies:
+    chalk "^5.0.0"
+    cli-cursor "^4.0.0"
+    cli-spinners "^2.6.1"
+    is-interactive "^2.0.0"
+    is-unicode-supported "^1.1.0"
+    log-symbols "^5.1.0"
+    stdin-discarder "^0.1.0"
+    strip-ansi "^7.0.1"
+    wcwidth "^1.0.1"
+
 os-homedir@^1.0.0, os-homedir@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
@@ -14537,12 +14579,7 @@ pathe@^0.3.5, pathe@^0.3.9:
   resolved "https://registry.yarnpkg.com/pathe/-/pathe-0.3.9.tgz#4baff768f37f03e3d9341502865fb93116f65191"
   integrity sha512-6Y6s0vT112P3jD8dGfuS6r+lpa0qqNrLyHPOwvXMnyNTQaYiwgau2DP3aNDsR13xqtGj7rrPo+jFUATpU6/s+g==
 
-pathe@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.0.0.tgz#135fc11464fc57c84ef93d5c5ed21247e24571df"
-  integrity sha512-nPdMG0Pd09HuSsr7QOKUXO2Jr9eqaDiZvDwdyIhNG5SHYujkQHYKDfGQkulBxvbDHz8oHLsTgKN86LSwYzSHAg==
-
-pathe@^1.1.0:
+pathe@^1.0.0, pathe@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/pathe/-/pathe-1.1.0.tgz#e2e13f6c62b31a3289af4ba19886c230f295ec03"
   integrity sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==
@@ -14637,7 +14674,7 @@ pkg-types@^0.3.2:
     mlly "^0.5.16"
     pathe "^0.3.9"
 
-pkg-types@^1.0.0, pkg-types@^1.0.1:
+pkg-types@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.1.tgz#25234407f9dc63409af45ced9407625ff446a761"
   integrity sha512-jHv9HB+Ho7dj6ItwppRDDl0iZRYBD0jsakHXtFgoLr+cHSF6xC+QL54sJmWxyGxOLYSHm0afhXhXcQDQqH9z8g==
@@ -14646,7 +14683,7 @@ pkg-types@^1.0.0, pkg-types@^1.0.1:
     mlly "^1.0.0"
     pathe "^1.0.0"
 
-pkg-types@^1.0.2:
+pkg-types@^1.0.1, pkg-types@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.0.2.tgz#c233efc5210a781e160e0cafd60c0d0510a4b12e"
   integrity sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==
@@ -14709,12 +14746,22 @@ postcss-colormin@^4.0.3:
     postcss "^7.0.0"
     postcss-value-parser "^3.0.0"
 
-postcss-colormin@^5.3.0:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.0.tgz#3cee9e5ca62b2c27e84fce63affc0cfb5901956a"
-  integrity sha512-WdDO4gOFG2Z8n4P8TWBpshnL3JpmNmJwdnfP2gbk2qBA8PWwOYcmjmI/t3CmMeL72a7Hkd+x/Mg9O2/0rD54Pg==
+postcss-colormin@^5.3.0, postcss-colormin@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.1.tgz#86c27c26ed6ba00d96c79e08f3ffb418d1d1988f"
+  integrity sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==
   dependencies:
-    browserslist "^4.16.6"
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    colord "^2.9.1"
+    postcss-value-parser "^4.2.0"
+
+postcss-colormin@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-6.0.0.tgz#d4250652e952e1c0aca70c66942da93d3cdeaafe"
+  integrity sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==
+  dependencies:
+    browserslist "^4.21.4"
     caniuse-api "^3.0.0"
     colord "^2.9.1"
     postcss-value-parser "^4.2.0"
@@ -14742,6 +14789,14 @@ postcss-convert-values@^5.1.3:
     browserslist "^4.21.4"
     postcss-value-parser "^4.2.0"
 
+postcss-convert-values@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-6.0.0.tgz#ec94a954957e5c3f78f0e8f65dfcda95280b8996"
+  integrity sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
 postcss-custom-properties@^13.1.0, postcss-custom-properties@^13.1.1:
   version "13.1.1"
   resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-13.1.1.tgz#1d7b7d589124c3f5dfe9d255aba5ac15e9bd017c"
@@ -14769,6 +14824,11 @@ postcss-discard-comments@^5.1.2:
   resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz#8df5e81d2925af2780075840c1526f0660e53696"
   integrity sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==
 
+postcss-discard-comments@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-6.0.0.tgz#9ca335e8b68919f301b24ba47dde226a42e535fe"
+  integrity sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==
+
 postcss-discard-duplicates@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz#3fe133cd3c82282e550fc9b239176a9207b784eb"
@@ -14781,6 +14841,11 @@ postcss-discard-duplicates@^5.1.0:
   resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz#9eb4fe8456706a4eebd6d3b7b777d07bad03e848"
   integrity sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==
 
+postcss-discard-duplicates@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.0.tgz#c26177a6c33070922e67e9a92c0fd23d443d1355"
+  integrity sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==
+
 postcss-discard-empty@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz#c8c951e9f73ed9428019458444a02ad90bb9f765"
@@ -14793,6 +14858,11 @@ postcss-discard-empty@^5.1.1:
   resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz#e57762343ff7f503fe53fca553d18d7f0c369c6c"
   integrity sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==
 
+postcss-discard-empty@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-6.0.0.tgz#06c1c4fce09e22d2a99e667c8550eb8a3a1b9aee"
+  integrity sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==
+
 postcss-discard-overridden@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz#652aef8a96726f029f5e3e00146ee7a4e755ff57"
@@ -14805,6 +14875,11 @@ postcss-discard-overridden@^5.1.0:
   resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz#7e8c5b53325747e9d90131bb88635282fb4a276e"
   integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==
 
+postcss-discard-overridden@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-6.0.0.tgz#49c5262db14e975e349692d9024442de7cd8e234"
+  integrity sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==
+
 postcss-html@^0.36.0:
   version "0.36.0"
   resolved "https://registry.yarnpkg.com/postcss-html/-/postcss-html-0.36.0.tgz#b40913f94eaacc2453fd30a1327ad6ee1f88b204"
@@ -14919,6 +14994,14 @@ postcss-merge-longhand@^5.1.7:
     postcss-value-parser "^4.2.0"
     stylehacks "^5.1.1"
 
+postcss-merge-longhand@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-6.0.0.tgz#6f627b27db939bce316eaa97e22400267e798d69"
+  integrity sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    stylehacks "^6.0.0"
+
 postcss-merge-rules@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz#362bea4ff5a1f98e4075a713c6cb25aefef9a650"
@@ -14941,16 +15024,26 @@ postcss-merge-rules@^5.1.1:
     cssnano-utils "^3.1.0"
     postcss-selector-parser "^6.0.5"
 
-postcss-merge-rules@^5.1.3:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.3.tgz#8f97679e67cc8d08677a6519afca41edf2220894"
-  integrity sha512-LbLd7uFC00vpOuMvyZop8+vvhnfRGpp2S+IMQKeuOZZapPRY4SMq5ErjQeHbHsjCUgJkRNrlU+LmxsKIqPKQlA==
+postcss-merge-rules@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz#2f26fa5cacb75b1402e213789f6766ae5e40313c"
+  integrity sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==
   dependencies:
     browserslist "^4.21.4"
     caniuse-api "^3.0.0"
     cssnano-utils "^3.1.0"
     postcss-selector-parser "^6.0.5"
 
+postcss-merge-rules@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-6.0.0.tgz#0d95bc73541156b8b4e763bd0de2c3f9d0ecf013"
+  integrity sha512-rCXkklftzEkniyv3f4mRCQzxD6oE4Quyh61uyWTUbCJ26Pv2hoz+fivJSsSBWxDBeScR4fKCfF3HHTcD7Ybqnw==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+    cssnano-utils "^4.0.0"
+    postcss-selector-parser "^6.0.5"
+
 postcss-minify-font-values@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz#cd4c344cce474343fac5d82206ab2cbcb8afd5a6"
@@ -14966,6 +15059,13 @@ postcss-minify-font-values@^5.1.0:
   dependencies:
     postcss-value-parser "^4.2.0"
 
+postcss-minify-font-values@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-6.0.0.tgz#68d4a028f9fa5f61701974724b2cc9445d8e6070"
+  integrity sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
 postcss-minify-gradients@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz#93b29c2ff5099c535eecda56c4aa6e665a663471"
@@ -14985,6 +15085,15 @@ postcss-minify-gradients@^5.1.1:
     cssnano-utils "^3.1.0"
     postcss-value-parser "^4.2.0"
 
+postcss-minify-gradients@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-6.0.0.tgz#22b5c88cc63091dadbad34e31ff958404d51d679"
+  integrity sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==
+  dependencies:
+    colord "^2.9.1"
+    cssnano-utils "^4.0.0"
+    postcss-value-parser "^4.2.0"
+
 postcss-minify-params@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz#6b9cef030c11e35261f95f618c90036d680db874"
@@ -15015,6 +15124,15 @@ postcss-minify-params@^5.1.4:
     cssnano-utils "^3.1.0"
     postcss-value-parser "^4.2.0"
 
+postcss-minify-params@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-6.0.0.tgz#2b3a85a9e3b990d7a16866f430f5fd1d5961b539"
+  integrity sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==
+  dependencies:
+    browserslist "^4.21.4"
+    cssnano-utils "^4.0.0"
+    postcss-value-parser "^4.2.0"
+
 postcss-minify-selectors@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz#e2e5eb40bfee500d0cd9243500f5f8ea4262fbd8"
@@ -15039,6 +15157,13 @@ postcss-minify-selectors@^5.2.1:
   dependencies:
     postcss-selector-parser "^6.0.5"
 
+postcss-minify-selectors@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-6.0.0.tgz#5046c5e8680a586e5a0cad52cc9aa36d6be5bda2"
+  integrity sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
 postcss-modules-extract-imports@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
@@ -15108,6 +15233,11 @@ postcss-normalize-charset@^5.1.0:
   resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz#9302de0b29094b52c259e9b2cf8dc0879879f0ed"
   integrity sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==
 
+postcss-normalize-charset@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-6.0.0.tgz#36cc12457259064969fb96f84df491652a4b0975"
+  integrity sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==
+
 postcss-normalize-display-values@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz#0dbe04a4ce9063d4667ed2be476bb830c825935a"
@@ -15124,6 +15254,13 @@ postcss-normalize-display-values@^5.1.0:
   dependencies:
     postcss-value-parser "^4.2.0"
 
+postcss-normalize-display-values@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.0.tgz#8d2961415078644d8c6bbbdaf9a2fdd60f546cd4"
+  integrity sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
 postcss-normalize-positions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz#05f757f84f260437378368a91f8932d4b102917f"
@@ -15148,6 +15285,13 @@ postcss-normalize-positions@^5.1.1:
   dependencies:
     postcss-value-parser "^4.2.0"
 
+postcss-normalize-positions@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-6.0.0.tgz#25b96df99a69f8925f730eaee0be74416865e301"
+  integrity sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
 postcss-normalize-repeat-style@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz#c4ebbc289f3991a028d44751cbdd11918b17910c"
@@ -15172,6 +15316,13 @@ postcss-normalize-repeat-style@^5.1.1:
   dependencies:
     postcss-value-parser "^4.2.0"
 
+postcss-normalize-repeat-style@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.0.tgz#ddf30ad8762feb5b1eb97f39f251acd7b8353299"
+  integrity sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
 postcss-normalize-string@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz#cd44c40ab07a0c7a36dc5e99aace1eca4ec2690c"
@@ -15188,6 +15339,13 @@ postcss-normalize-string@^5.1.0:
   dependencies:
     postcss-value-parser "^4.2.0"
 
+postcss-normalize-string@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-6.0.0.tgz#948282647a51e409d69dde7910f0ac2ff97cb5d8"
+  integrity sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
 postcss-normalize-timing-functions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz#8e009ca2a3949cdaf8ad23e6b6ab99cb5e7d28d9"
@@ -15204,6 +15362,13 @@ postcss-normalize-timing-functions@^5.1.0:
   dependencies:
     postcss-value-parser "^4.2.0"
 
+postcss-normalize-timing-functions@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.0.tgz#5f13e650b8c43351989fc5de694525cc2539841c"
+  integrity sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
 postcss-normalize-unicode@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-4.0.1.tgz#841bd48fdcf3019ad4baa7493a3d363b52ae1cfb"
@@ -15221,6 +15386,14 @@ postcss-normalize-unicode@^5.1.0, postcss-normalize-unicode@^5.1.1:
     browserslist "^4.21.4"
     postcss-value-parser "^4.2.0"
 
+postcss-normalize-unicode@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-6.0.0.tgz#741b3310f874616bdcf07764f5503695d3604730"
+  integrity sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-value-parser "^4.2.0"
+
 postcss-normalize-url@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-4.0.1.tgz#10e437f86bc7c7e58f7b9652ed878daaa95faae1"
@@ -15239,6 +15412,13 @@ postcss-normalize-url@^5.1.0:
     normalize-url "^6.0.1"
     postcss-value-parser "^4.2.0"
 
+postcss-normalize-url@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-6.0.0.tgz#d0a31e962a16401fb7deb7754b397a323fb650b4"
+  integrity sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
 postcss-normalize-whitespace@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz#bf1d4070fe4fcea87d1348e825d8cc0c5faa7d82"
@@ -15254,6 +15434,13 @@ postcss-normalize-whitespace@^5.1.1:
   dependencies:
     postcss-value-parser "^4.2.0"
 
+postcss-normalize-whitespace@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.0.tgz#accb961caa42e25ca4179b60855b79b1f7129d4d"
+  integrity sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
 postcss-ordered-values@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz#0cf75c820ec7d5c4d280189559e0b571ebac0eee"
@@ -15279,6 +15466,14 @@ postcss-ordered-values@^5.1.3:
     cssnano-utils "^3.1.0"
     postcss-value-parser "^4.2.0"
 
+postcss-ordered-values@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-6.0.0.tgz#374704cdff25560d44061d17ba3c6308837a3218"
+  integrity sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==
+  dependencies:
+    cssnano-utils "^4.0.0"
+    postcss-value-parser "^4.2.0"
+
 postcss-reduce-initial@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz#7fd42ebea5e9c814609639e2c2e84ae270ba48df"
@@ -15289,7 +15484,7 @@ postcss-reduce-initial@^4.0.3:
     has "^1.0.0"
     postcss "^7.0.0"
 
-postcss-reduce-initial@^5.1.0, postcss-reduce-initial@^5.1.1:
+postcss-reduce-initial@^5.1.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.1.tgz#c18b7dfb88aee24b1f8e4936541c29adbd35224e"
   integrity sha512-//jeDqWcHPuXGZLoolFrUXBDyuEGbr9S2rMo19bkTIjBQ4PqkaO+oI8wua5BOUxpfi97i3PCoInsiFIEBfkm9w==
@@ -15297,6 +15492,22 @@ postcss-reduce-initial@^5.1.0, postcss-reduce-initial@^5.1.1:
     browserslist "^4.21.4"
     caniuse-api "^3.0.0"
 
+postcss-reduce-initial@^5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz#798cd77b3e033eae7105c18c9d371d989e1382d6"
+  integrity sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+
+postcss-reduce-initial@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-6.0.0.tgz#7d16e83e60e27e2fa42f56ec0b426f1da332eca7"
+  integrity sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==
+  dependencies:
+    browserslist "^4.21.4"
+    caniuse-api "^3.0.0"
+
 postcss-reduce-transforms@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz#17efa405eacc6e07be3414a5ca2d1074681d4e29"
@@ -15314,6 +15525,13 @@ postcss-reduce-transforms@^5.1.0:
   dependencies:
     postcss-value-parser "^4.2.0"
 
+postcss-reduce-transforms@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.0.tgz#28ff2601a6d9b96a2f039b3501526e1f4d584a46"
+  integrity sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+
 postcss-resolve-nested-selector@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz#29ccbc7c37dedfac304e9fff0bf1596b3f6a0e4e"
@@ -15383,6 +15601,14 @@ postcss-svgo@^5.1.0:
     postcss-value-parser "^4.2.0"
     svgo "^2.7.0"
 
+postcss-svgo@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-6.0.0.tgz#7b18742d38d4505a0455bbe70d52b49f00eaf69d"
+  integrity sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==
+  dependencies:
+    postcss-value-parser "^4.2.0"
+    svgo "^3.0.2"
+
 postcss-syntax@^0.36.2:
   version "0.36.2"
   resolved "https://registry.yarnpkg.com/postcss-syntax/-/postcss-syntax-0.36.2.tgz#f08578c7d95834574e5593a82dfbfa8afae3b51c"
@@ -15404,6 +15630,13 @@ postcss-unique-selectors@^5.1.1:
   dependencies:
     postcss-selector-parser "^6.0.5"
 
+postcss-unique-selectors@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-6.0.0.tgz#c94e9b0f7bffb1203894e42294b5a1b3fb34fbe1"
+  integrity sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==
+  dependencies:
+    postcss-selector-parser "^6.0.5"
+
 postcss-url@^10.1.1, postcss-url@^10.1.3:
   version "10.1.3"
   resolved "https://registry.yarnpkg.com/postcss-url/-/postcss-url-10.1.3.tgz#54120cc910309e2475ec05c2cfa8f8a2deafdf1e"
@@ -15432,7 +15665,7 @@ postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.2, pos
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
-postcss@^8.1.10, postcss@^8.2.15, postcss@^8.4.18, postcss@^8.4.19, postcss@^8.4.20, postcss@^8.4.21:
+postcss@^8.1.10, postcss@^8.2.15, postcss@^8.4.18, postcss@^8.4.19, postcss@^8.4.21:
   version "8.4.21"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.21.tgz#c639b719a57efc3187b13a1d765675485f4134f4"
   integrity sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==
@@ -15480,10 +15713,10 @@ pretty-bytes@^5.6.0:
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
   integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
 
-pretty-bytes@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-6.0.0.tgz#928be2ad1f51a2e336add8ba764739f9776a8140"
-  integrity sha512-6UqkYefdogmzqAZWzJ7laYeJnaXDy2/J+ZqiiMtS7t7OfpXWTlaeGMwX8U6EFvPV/YWWEKRkS8hKS4k60WHTOg==
+pretty-bytes@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-6.1.0.tgz#1d1cc9aae1939012c74180b679da6684616bf804"
+  integrity sha512-Rk753HI8f4uivXi4ZCIYdhmG1V+WKzvRMg/X+M42a6t7D07RcmopXJMDNk6N++7Bl75URRGsb40ruvg7Hcp2wQ==
 
 pretty-error@^4.0.0:
   version "4.0.0"
@@ -15701,10 +15934,10 @@ quick-lru@^5.1.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
   integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
 
-radix3@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/radix3/-/radix3-1.0.0.tgz#d1c760b850206a6bd5dfd26820c25903cb20eccc"
-  integrity sha512-6n3AEXth91ASapMVKiEh2wrbFJmI+NBilrWE0AbiGgfm0xet0QXC8+a3K19r1UVYjUjctUgB053c3V/J6V0kCQ==
+radix3@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/radix3/-/radix3-1.0.1.tgz#de0ac16234f8a63288645854a54fc26e45a4a8eb"
+  integrity sha512-y+AcwZ3HcUIGc9zGsNVf5+BY/LxL+z+4h4J3/pp8jxSmy1STaCocPS3qrj4tA5ehUSzqtqK+0Aygvz/r/8vy4g==
 
 randombytes@^2.1.0:
   version "2.1.0"
@@ -15733,16 +15966,7 @@ raw-body@2.5.1:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
-rc9@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/rc9/-/rc9-2.0.0.tgz#932d6f398f901529b4cc6c2037af3e4ba220d82b"
-  integrity sha512-yVeYJHOpJLOhs3V6RKwz7RPPwPurrx3JjwK264sPgvo/lFdhuUrLien7iSvAO6STVkN0gSMk/MehQNHQhflqZw==
-  dependencies:
-    defu "^6.1.1"
-    destr "^1.2.1"
-    flat "^5.0.2"
-
-rc9@^2.0.1:
+rc9@^2.0.1, rc9@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/rc9/-/rc9-2.1.0.tgz#57d3a01e55907393ef9bd0cc29f2bd66a6cd0972"
   integrity sha512-ROO9bv8PPqngWKoiUZU3JDQ4sugpdRs9DfwHnzDSxK25XtQn6BEHL6EOd/OtKuDT2qodrtNR+0WkPT6l0jxH5Q==
@@ -15854,7 +16078,7 @@ read@1, read@~1.0.1:
   dependencies:
     mute-stream "~0.0.4"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.0, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.0, readable-stream@^2.3.5, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -15867,7 +16091,7 @@ read@1, read@~1.0.1:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-"readable-stream@2 || 3", readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.0.2, readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
+"readable-stream@2 || 3", readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.0.2, readable-stream@^3.0.6:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
   integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
@@ -15876,10 +16100,32 @@ read@1, read@~1.0.1:
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
+readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.5:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
+  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
+  dependencies:
+    core-util-is "~1.0.0"
+    inherits "~2.0.3"
+    isarray "~1.0.0"
+    process-nextick-args "~2.0.0"
+    safe-buffer "~5.1.1"
+    string_decoder "~1.1.1"
+    util-deprecate "~1.0.1"
+
+readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
 readdir-glob@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/readdir-glob/-/readdir-glob-1.1.2.tgz#b185789b8e6a43491635b6953295c5c5e3fd224c"
-  integrity sha512-6RLVvwJtVwEDfPdn6X6Ille4/lxGl0ATOY4FN/B9nxQcgOazvvI0nodiD19ScKq0PvA/29VpaOQML36o5IzZWA==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/readdir-glob/-/readdir-glob-1.1.3.tgz#c3d831f51f5e7bfa62fa2ffbe4b508c640f09584"
+  integrity sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==
   dependencies:
     minimatch "^5.1.0"
 
@@ -16224,7 +16470,16 @@ resolve@1.20.0:
     is-core-module "^2.2.0"
     path-parse "^1.0.6"
 
-resolve@^1.1.7, resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1, resolve@^1.9.0:
+resolve@^1.1.7, resolve@^1.22.1:
+  version "1.22.2"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f"
+  integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
+  dependencies:
+    is-core-module "^2.11.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^1.10.0, resolve@^1.10.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.9.0:
   version "1.22.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
   integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
@@ -16439,13 +16694,6 @@ rollup@^2.79.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-rollup@^3.10.1, rollup@^3.12.0:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.12.0.tgz#813d88ec11e36108da788fc471b3c81b365a7c29"
-  integrity sha512-4MZ8kA2HNYahIjz63rzrMMRvDqQDeS9LoriJvMuV0V6zIGysP36e9t4yObUfwdT9h/szXoHQideICftcdZklWg==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
 rollup@^3.15.0:
   version "3.15.0"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.15.0.tgz#6f4105e8c4b8145229657b74ad660b02fbfacc05"
@@ -16453,10 +16701,10 @@ rollup@^3.15.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
-rollup@^3.18.0:
-  version "3.19.1"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.19.1.tgz#2b3a31ac1ff9f3afab2e523fa687fef5b0ee20fc"
-  integrity sha512-lAbrdN7neYCg/8WaoWn/ckzCtz+jr70GFfYdlf50OF7387HTg+wiuiqJRFYawwSPpqfqDNYqK7smY/ks2iAudg==
+rollup@^3.18.0, rollup@^3.20.2:
+  version "3.20.2"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.20.2.tgz#f798c600317f216de2e4ad9f4d9ab30a89b690ff"
+  integrity sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -16467,13 +16715,6 @@ rollup@^3.2.5:
   optionalDependencies:
     fsevents "~2.3.2"
 
-rollup@^3.7.0:
-  version "3.20.0"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.20.0.tgz#ce7bd88449a776b9f75bf4e35959e25fbd3f51b1"
-  integrity sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==
-  optionalDependencies:
-    fsevents "~2.3.2"
-
 run-async@^2.2.0, run-async@^2.4.0:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
@@ -16507,7 +16748,7 @@ rxjs@^7.5.1, rxjs@^7.5.5:
   dependencies:
     tslib "^2.1.0"
 
-rxjs@^7.5.7:
+rxjs@^7.8.0:
   version "7.8.0"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.0.tgz#90a938862a82888ff4c7359811a595e14e1e09a4"
   integrity sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==
@@ -16669,35 +16910,13 @@ semver-diff@^2.0.0:
   dependencies:
     semver "^5.0.3"
 
-"semver@2 || 3 || 4 || 5", "semver@2.x || 3.x || 4 || 5", semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1:
-  version "5.7.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
-  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
-
-semver@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
-  integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
-
-semver@^6.0.0, semver@^6.1.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0:
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
-  integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
-
-semver@^7.0.0, semver@^7.2.1, semver@^7.3.2:
+"semver@2 || 3 || 4 || 5", "semver@2.x || 3.x || 4 || 5", semver@7.0.0, semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1, semver@^6.0.0, semver@^6.1.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0, semver@^7.0.0, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7, semver@^7.3.8, semver@^7.4.0:
   version "7.3.7"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
   integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
   dependencies:
     lru-cache "^6.0.0"
 
-semver@^7.3.4, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7, semver@^7.3.8:
-  version "7.3.8"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
-  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
-  dependencies:
-    lru-cache "^6.0.0"
-
 send@0.18.0:
   version "0.18.0"
   resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
@@ -16725,9 +16944,9 @@ serialize-javascript@^4.0.0:
     randombytes "^2.1.0"
 
 serialize-javascript@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8"
-  integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.1.tgz#b206efb27c3da0b0ab6b52f48d170b7996458e5c"
+  integrity sha512-owoXEFjWRllis8/M1Q+Cw5k8ZH40e3zhp/ovX+Xr/vi1qj6QesbyXXViFbpNvWvPNAD62SutwEXavefrLJWj7w==
   dependencies:
     randombytes "^2.1.0"
 
@@ -17029,7 +17248,7 @@ source-list-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@@ -17253,10 +17472,17 @@ statuses@2.0.1:
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
 
-std-env@^3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.3.1.tgz#93a81835815e618c8aa75e7c8a4dc04f7c314e29"
-  integrity sha512-3H20QlwQsSm2OvAxWIYhs+j01MzzqwMwGiiO1NQaJYZgJZFPuAbf95/DiKRBSTYIJ2FeGUc+B/6mPGcWP9dO3Q==
+std-env@^3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.3.2.tgz#af27343b001616015534292178327b202b9ee955"
+  integrity sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA==
+
+stdin-discarder@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/stdin-discarder/-/stdin-discarder-0.1.0.tgz#22b3e400393a8e28ebf53f9958f3880622efde21"
+  integrity sha512-xhV7w8S+bUwlPTb4bAOUQhv8/cSS5offJuX8GQGq32ONF0ZtDWKfkdomM3HMRA+LhX6um/FZ0COqlwsjD53LeQ==
+  dependencies:
+    bl "^5.0.0"
 
 stream-each@^1.1.0:
   version "1.2.3"
@@ -17464,14 +17690,7 @@ strip-literal@^0.4.1:
   dependencies:
     acorn "^8.8.0"
 
-strip-literal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-1.0.0.tgz#0a484ed5a978cd9d2becf3cf8f4f2cb5ab0e1e74"
-  integrity sha512-5o4LsH1lzBzO9UFH63AJ2ad2/S2AVx6NtjOcaz+VTT2h1RiRvbipW72z8M/lxEhcPHDBQwpDrnTF7sXy/7OwCQ==
-  dependencies:
-    acorn "^8.8.1"
-
-strip-literal@^1.0.1:
+strip-literal@^1.0.0, strip-literal@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/strip-literal/-/strip-literal-1.0.1.tgz#0115a332710c849b4e46497891fb8d585e404bd2"
   integrity sha512-QZTsipNpa2Ppr6v1AmJHESqJ3Uz247MUS0OjrnnZjFAvEoWqxuyFuXn2xLgMtRnijJShAa1HL0gtJyUs7u7n3Q==
@@ -17522,6 +17741,14 @@ stylehacks@^5.1.0, stylehacks@^5.1.1:
     browserslist "^4.21.4"
     postcss-selector-parser "^6.0.4"
 
+stylehacks@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-6.0.0.tgz#9fdd7c217660dae0f62e14d51c89f6c01b3cb738"
+  integrity sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==
+  dependencies:
+    browserslist "^4.21.4"
+    postcss-selector-parser "^6.0.4"
+
 stylelint-config-recommended@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-5.0.0.tgz#fb5653f495a60b4938f2ad3e77712d9e1039ae78"
@@ -17675,6 +17902,18 @@ svgo@^2.7.0:
     picocolors "^1.0.0"
     stable "^0.1.8"
 
+svgo@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/svgo/-/svgo-3.0.2.tgz#5e99eeea42c68ee0dc46aa16da093838c262fe0a"
+  integrity sha512-Z706C1U2pb1+JGP48fbazf3KxHrWOsLme6Rv7imFBn5EnuanDW1GPaA/P1/dvObE670JDePC3mnj0k0B7P0jjQ==
+  dependencies:
+    "@trysound/sax" "0.2.0"
+    commander "^7.2.0"
+    css-select "^5.1.0"
+    css-tree "^2.2.1"
+    csso "^5.0.5"
+    picocolors "^1.0.0"
+
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -17796,7 +18035,7 @@ tar@^4.4.10, tar@^4.4.12, tar@^4.4.8:
     safe-buffer "^5.2.1"
     yallist "^3.1.1"
 
-tar@^6.1.11, tar@^6.1.12, tar@^6.1.13:
+tar@^6.1.11, tar@^6.1.13:
   version "6.1.13"
   resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.13.tgz#46e22529000f612180601a6fe0680e7da508847b"
   integrity sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==
@@ -17864,9 +18103,9 @@ terser@^5.10.0, terser@^5.14.1:
     source-map-support "~0.5.20"
 
 terser@^5.15.1:
-  version "5.16.2"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.2.tgz#8f495819439e8b5c150e7530fc434a6e70ea18b2"
-  integrity sha512-JKuM+KvvWVqT7muHVyrwv7FVRPnmHDwF6XwoIxdbF5Witi0vu99RYpxDexpJndXt3jbZZmmWr2/mQa6HvSNdSg==
+  version "5.16.9"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.16.9.tgz#7a28cb178e330c484369886f2afd623d9847495f"
+  integrity sha512-HPa/FdTB9XGI2H1/keLFZHxl6WNvAI4YalHGtDQTlMnJcoqSab1UwL4l1hGEhs6/GmLHBZIg/YgB++jcbzoOEg==
   dependencies:
     "@jridgewell/source-map" "^0.3.2"
     acorn "^8.5.0"
@@ -18196,9 +18435,9 @@ tslib@^2.0.3:
   integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
 
 tslib@^2.1.0:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.1.tgz#0d0bfbaac2880b91e22df0768e55be9753a5b17e"
-  integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
+  integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
 
 tsscmp@1.0.6:
   version "1.0.6"
@@ -18326,9 +18565,9 @@ type-fest@^2.11.2:
   integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
 
 type-fest@^3.0.0:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-3.5.2.tgz#16ff97c5dc1fd6bd6d50ef3c6ba92cc9c1add859"
-  integrity sha512-Ph7S4EhXzWy0sbljEuZo0tTNoLl+K2tPauGrQpcwUWrOVneLePTuhVzcuzVJJ6RU5DsNwQZka+8YtkXXU4z9cA==
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-3.8.0.tgz#ce80d1ca7c7d11c5540560999cbd410cb5b3a385"
+  integrity sha512-FVNSzGQz9Th+/9R6Lvv7WIAkstylfHN2/JYxkyhhmKFYh9At2DST8t6L6Lref9eYO8PXFTfG9Sg1Agg0K3vq3Q==
 
 type-is@^1.6.16, type-is@~1.6.18:
   version "1.6.18"
@@ -18375,12 +18614,7 @@ ufo@^0.8.3:
   resolved "https://registry.yarnpkg.com/ufo/-/ufo-0.8.6.tgz#c0ec89bc0e0c9fa59a683680feb0f28b55ec323b"
   integrity sha512-fk6CmUgwKCfX79EzcDQQpSCMxrHstvbLswFChHS0Vump+kFkw7nJBfTZoC1j0bOGoY9I7R3n2DGek5ajbcYnOw==
 
-ufo@^1.0.0, ufo@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.0.1.tgz#64ed43b530706bda2e4892f911f568cf4cf67d29"
-  integrity sha512-boAm74ubXHY7KJQZLlXrtMz52qFvpsbOxDcZOnw/Wf+LS4Mmyu7JxmzD4tDLtUQtmZECypJ0FrCz4QIe6dvKRA==
-
-ufo@^1.1.0, ufo@^1.1.1:
+ufo@^1.0.0, ufo@^1.0.1, ufo@^1.1.0, ufo@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.1.1.tgz#e70265e7152f3aba425bd013d150b2cdf4056d7c"
   integrity sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==
@@ -18395,11 +18629,6 @@ uid-number@0.0.6:
   resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
   integrity sha1-DqEOgDXo61uOREnwbaHHMGY7qoE=
 
-ultrahtml@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/ultrahtml/-/ultrahtml-1.2.0.tgz#169583f2a069d6de3b9686bd994c19811d95a0d6"
-  integrity sha512-vxZM2yNvajRmCj/SknRYGNXk2tqiy6kRNvZjJLaleG3zJbSh/aNkOqD1/CVzypw8tyHyhpzYuwQgMMhUB4ZVNQ==
-
 umask@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/umask/-/umask-1.1.0.tgz#f29cebf01df517912bb58ff9c4e50fde8e33320d"
@@ -18448,15 +18677,20 @@ unbuild@^0.6.7:
     typescript "^4.5.5"
     untyped "^0.3.0"
 
-unctx@^2.1.0, unctx@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/unctx/-/unctx-2.1.1.tgz#415b07cf6ce42fad59ae1e4fa42ace2e71f4372d"
-  integrity sha512-RffJlpvLOtolWsn0fxXsuSDfwiWcR6cyuykw2e0+zAggvGW1SesXt9WxIWlWpJhwVCZD/WlxxLqKLS50Q0CkWA==
+uncrypto@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/uncrypto/-/uncrypto-0.1.2.tgz#225aa7d41a13e4ad07ed837aedfa975a93afa924"
+  integrity sha512-kuZwRKV615lEw/Xx3Iz56FKk3nOeOVGaVmw0eg+x4Mne28lCotNFbBhDW7dEBCBKyKbRQiCadEZeNAFPVC5cgw==
+
+unctx@^2.1.0, unctx@^2.1.1, unctx@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/unctx/-/unctx-2.2.0.tgz#454f1a61c9c6bff24d42db3a817d3273eb1be736"
+  integrity sha512-th8S0zg9m35lirV7FYI6AYMKHfmLoEGC87yjuS4MGLS/OZ3Pv1Qx+HyXtnlwteL2YL47xN1ADDKoFWYw3VZoEA==
   dependencies:
-    acorn "^8.8.1"
-    estree-walker "^3.0.1"
-    magic-string "^0.26.7"
-    unplugin "^1.0.0"
+    acorn "^8.8.2"
+    estree-walker "^3.0.3"
+    magic-string "^0.30.0"
+    unplugin "^1.3.1"
 
 unctx@^2.1.2:
   version "2.1.2"
@@ -18468,24 +18702,25 @@ unctx@^2.1.2:
     magic-string "^0.27.0"
     unplugin "^1.0.1"
 
-unenv@^1.0.1, unenv@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/unenv/-/unenv-1.0.3.tgz#23a281de8f207d6dd2b6d152a3703f36afa510f4"
-  integrity sha512-4T+7NTvVEPE3wvvVDpV9rk/UNDOil0OboLzPqHT1/t88B/nwSs41ClQg/NeA/+UvYEVxf/6V+5Opk9SIrrkPvg==
+unenv@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/unenv/-/unenv-1.3.1.tgz#a40890e2ebe8f2300f2c5d82bbaa82c86ac12d18"
+  integrity sha512-4hTMiJf1TgQNnOsZxaI6XpCpVvOUNYLW3NxEkjdzXf+Dukys4b01AShapcXzKzvgoyoWByP3MLbg/CkzcKx+GA==
   dependencies:
     defu "^6.1.2"
     mime "^3.0.0"
-    node-fetch-native "^1.0.1"
+    node-fetch-native "^1.1.0"
     pathe "^1.1.0"
 
-unhead@^1.0.18:
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/unhead/-/unhead-1.0.20.tgz#68340c2c754c8aae29e7a7aae2abbb7545b9745e"
-  integrity sha512-eeaI6momdK5dG1qiGtSQbQDE9M+agu/6ovYXnPkCDNjLHnBcv0QkZ/tWef4Xf3trdIYmDNBF7jnvLYNN4wkYfw==
+unhead@1.1.25:
+  version "1.1.25"
+  resolved "https://registry.yarnpkg.com/unhead/-/unhead-1.1.25.tgz#1aff7354ec536f7abc05ec85603b13e5c532ee21"
+  integrity sha512-KtTBgtQjxICoOjA4dyxJfj5fYoYJeYFUt/J8ulaTzbvTsXM9K+ztYjI65nf2CPYYXRCRz/iEt8trqcsGlsB5TQ==
   dependencies:
-    "@unhead/dom" "1.0.20"
-    "@unhead/schema" "1.0.20"
-    hookable "^5.4.2"
+    "@unhead/dom" "1.1.25"
+    "@unhead/schema" "1.1.25"
+    "@unhead/shared" "1.1.25"
+    hookable "^5.5.1"
 
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
@@ -18523,26 +18758,26 @@ unified@^9.1.0:
     vfile "^4.0.0"
 
 unimport@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/unimport/-/unimport-1.2.0.tgz#93231d45e871a35c0858d30cc189ecb2b3f4a380"
-  integrity sha512-yMok/ubppurBE7Png1QH70Om96AxIoWCcfdxW3J/pziozShMc1UGpPgWpSckfo9ndAO5M74yNnRDdLAZy/gWQg==
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/unimport/-/unimport-1.3.0.tgz#167ab78e60ea0e36a9a764c7b608ee95d7b2411c"
+  integrity sha512-fOkrdxglsHd428yegH0wPH/6IfaSdDeMXtdRGn6en/ccyzc2aaoxiUTMrJyc6Bu+xoa18RJRPMfLUHEzjz8atw==
   dependencies:
     "@rollup/pluginutils" "^5.0.2"
     escape-string-regexp "^5.0.0"
     fast-glob "^3.2.12"
-    local-pkg "^0.4.2"
+    local-pkg "^0.4.3"
     magic-string "^0.27.0"
-    mlly "^1.0.0"
+    mlly "^1.1.0"
     pathe "^1.0.0"
     pkg-types "^1.0.1"
     scule "^1.0.0"
     strip-literal "^1.0.0"
     unplugin "^1.0.1"
 
-unimport@^2.0.1, unimport@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/unimport/-/unimport-2.1.0.tgz#d1c5bfe29f8ef1625816e2f6f3250fa2c1ec28c1"
-  integrity sha512-GDVIxATluUquX8EqelT6DtnmnZaXGID1jsO9IXwlnxb0OIEqKAxTOnTlnGmHbseoGTh+ZC9kcNDaO18HYQj9KA==
+unimport@^2.0.1:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/unimport/-/unimport-2.2.4.tgz#3d0c7fb354e54ba277e58725aac73fbebabee0c7"
+  integrity sha512-qMgmeEGqqrrmEtm0dqxMG37J6xBtrriqxq9hILvDb+e6l2F0yTnJomLoCCp0eghLR7bYGeBsUU5Y0oyiUYhViw==
   dependencies:
     "@rollup/pluginutils" "^5.0.2"
     escape-string-regexp "^5.0.0"
@@ -18556,7 +18791,7 @@ unimport@^2.0.1, unimport@^2.1.0:
     strip-literal "^1.0.0"
     unplugin "^1.0.1"
 
-unimport@^3.0.4:
+unimport@^3.0.4, unimport@^3.0.6:
   version "3.0.6"
   resolved "https://registry.yarnpkg.com/unimport/-/unimport-3.0.6.tgz#20caac4cf9a94e9233cdbe3a16f7599ae75a7df8"
   integrity sha512-GYxGJ1Bri1oqx8VFDjdgooGzeK7jBk3bvhXmamTIpu3nONOcUMGwZbX7X0L5RA7OWMXpR4vzpSQP7pXUzJg1/Q==
@@ -18660,17 +18895,7 @@ unpipe@1.0.0, unpipe@~1.0.0:
   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
   integrity sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=
 
-unplugin@^1.0.0, unplugin@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.0.1.tgz#83b528b981cdcea1cad422a12cd02e695195ef3f"
-  integrity sha512-aqrHaVBWW1JVKBHmGo33T5TxeL0qWzfvjWokObHA9bYmN7eNDkwOxmLjhioHl9878qDFMAaT51XNroRyuz7WxA==
-  dependencies:
-    acorn "^8.8.1"
-    chokidar "^3.5.3"
-    webpack-sources "^3.2.3"
-    webpack-virtual-modules "^0.5.0"
-
-unplugin@^1.3.1:
+unplugin@^1.0.0, unplugin@^1.0.1, unplugin@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/unplugin/-/unplugin-1.3.1.tgz#7af993ba8695d17d61b0845718380caf6af5109f"
   integrity sha512-h4uUTIvFBQRxUKS2Wjys6ivoeofGhxzTe2sRWlooyjHXVttcVfV/JiavNd3d4+jty0SVV0dxGw9AkY9MwiaCEw==
@@ -18693,39 +18918,29 @@ unset-value@^1.0.0:
     has-value "^0.3.1"
     isobject "^3.0.0"
 
-unstorage@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/unstorage/-/unstorage-1.0.1.tgz#8cac09e435e727f68ac8ffdac10caa1a5b35883d"
-  integrity sha512-J1c4b8K2KeihHrQtdgl/ybIapArUbPaPb+TyJy/nGSauDwDYqciZsEKdkee568P3c8SSH4TIgnGRHDWMPGw+Lg==
+unstorage@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/unstorage/-/unstorage-1.4.1.tgz#99ba9a52592f9ab94aea1603370cf1c67e26de20"
+  integrity sha512-ETLczXBd7sjJZuA3oIzaYwhMShiGlo7cGx01Ww23x2ehlk6WiRR1YsmjDBipoiGorq8pX1RRoMQFp/n3me7QOg==
   dependencies:
-    anymatch "^3.1.2"
+    anymatch "^3.1.3"
     chokidar "^3.5.3"
-    destr "^1.2.1"
-    h3 "^1.0.1"
-    ioredis "^5.2.4"
-    listhen "^1.0.0"
-    mkdir "^0.0.2"
+    destr "^1.2.2"
+    h3 "^1.5.0"
+    ioredis "^5.3.1"
+    listhen "^1.0.3"
+    lru-cache "^7.18.3"
     mri "^1.2.0"
-    ofetch "^1.0.0"
-    ufo "^1.0.0"
-    ws "^8.11.0"
+    node-fetch-native "^1.0.2"
+    ofetch "^1.0.1"
+    ufo "^1.1.1"
 
 untyped@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/untyped/-/untyped-0.3.0.tgz#854df4dec055cc6a0a2217aa2d20152277b6ada9"
   integrity sha512-n4M5/T1wWlHFmohk0EhS+yM7W/h5dOtQldOV3MVEbZY1fTy5A47UL8+d8GLW1iwmaAwNrM5ERy3qe1k0T/Yc7A==
 
-untyped@^1.0.0, untyped@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/untyped/-/untyped-1.2.2.tgz#d442a5d4b4281b5344cefed318736eb480b70c2f"
-  integrity sha512-EANYd5L6AdpgfldlgMcmvOOnj092nWhy0ybhc7uhEH12ipytDYz89EOegBQKj8qWL3u1wgYnmFjADhsuCJs5Aw==
-  dependencies:
-    "@babel/core" "^7.20.12"
-    "@babel/standalone" "^7.20.12"
-    "@babel/types" "^7.20.7"
-    scule "^1.0.0"
-
-untyped@^1.3.2:
+untyped@^1.0.0, untyped@^1.2.2, untyped@^1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/untyped/-/untyped-1.3.2.tgz#0cff7ae9acf373dc404315b0e3c604af10648113"
   integrity sha512-z219Z65rOGD6jXIvIhpZFfwWdqQckB8sdZec2NO+TkcH1Bph7gL0hwLzRJs1KsOo4Jz4mF9guBXhsEnyEBGVfw==
@@ -18748,7 +18963,7 @@ upath@^1.2.0:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-update-browserslist-db@^1.0.9:
+update-browserslist-db@^1.0.10, update-browserslist-db@^1.0.9:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
   integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==
@@ -18929,18 +19144,16 @@ vite-node@^0.25.2:
     source-map-support "^0.5.21"
     vite "^3.0.0 || ^4.0.0"
 
-vite-node@^0.28.2:
-  version "0.28.3"
-  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.28.3.tgz#5d693c237d5467f167f81d158a56d3408fea899c"
-  integrity sha512-uJJAOkgVwdfCX8PUQhqLyDOpkBS5+j+FdbsXoPVPDlvVjRkb/W/mLYQPSL6J+t8R0UV8tJSe8c9VyxVQNsDSyg==
+vite-node@^0.30.1:
+  version "0.30.1"
+  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.30.1.tgz#ab0ed1553019c7d81ac95529c57ab8ac9e82347d"
+  integrity sha512-vTikpU/J7e6LU/8iM3dzBo8ZhEiKZEKRznEMm+mJh95XhWaPrJQraT/QsT2NWmuEf+zgAoMe64PKT7hfZ1Njmg==
   dependencies:
     cac "^6.7.14"
     debug "^4.3.4"
-    mlly "^1.1.0"
+    mlly "^1.2.0"
     pathe "^1.1.0"
     picocolors "^1.0.0"
-    source-map "^0.6.1"
-    source-map-support "^0.5.21"
     vite "^3.0.0 || ^4.0.0"
 
 vite-plugin-checker@^0.5.1:
@@ -18964,10 +19177,10 @@ vite-plugin-checker@^0.5.1:
     vscode-languageserver-textdocument "^1.0.1"
     vscode-uri "^3.0.2"
 
-vite-plugin-checker@^0.5.4:
-  version "0.5.5"
-  resolved "https://registry.yarnpkg.com/vite-plugin-checker/-/vite-plugin-checker-0.5.5.tgz#164159c129231e9d23507735f5b1cdce5fbda8da"
-  integrity sha512-BLaRlBmiVn3Fg/wR9A0+YNwgXVteFJaH8rCIiIgYQcQ50jc3oVe2m8i0xxG5geq36UttNJsAj7DpDelN7/KjOg==
+vite-plugin-checker@^0.5.6:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/vite-plugin-checker/-/vite-plugin-checker-0.5.6.tgz#233978091dfadef0873f0a8aacfe7fc431212b95"
+  integrity sha512-ftRyON0gORUHDxcDt2BErmsikKSkfvl1i2DoP6Jt2zDO9InfvM6tqO1RkXhSjkaXEhKPea6YOnhFaZxW3BzudQ==
   dependencies:
     "@babel/code-frame" "^7.12.13"
     ansi-escapes "^4.3.0"
@@ -19006,19 +19219,7 @@ vite-plugin-chunk-split@^0.4.7:
   optionalDependencies:
     fsevents "~2.3.2"
 
-"vite@^3.0.0 || ^4.0.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.2.0.tgz#d4e6eafbc034f3faf0ab376bd5b76ac15775eb99"
-  integrity sha512-AbDTyzzwuKoRtMIRLGNxhLRuv1FpRgdIw+1y6AQG73Q5+vtecmvzKo/yk8X/vrHDpETRTx01ABijqUHIzBXi0g==
-  dependencies:
-    esbuild "^0.17.5"
-    postcss "^8.4.21"
-    resolve "^1.22.1"
-    rollup "^3.18.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-vite@^4.2.1:
+"vite@^3.0.0 || ^4.0.0", vite@^4.2.1, vite@~4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/vite/-/vite-4.2.1.tgz#6c2eb337b0dfd80a9ded5922163b94949d7fc254"
   integrity sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==
@@ -19030,18 +19231,6 @@ vite@^4.2.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-vite@~4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.0.4.tgz#4612ce0b47bbb233a887a54a4ae0c6e240a0da31"
-  integrity sha512-xevPU7M8FU0i/80DMR+YhgrzR5KS2ORy1B4xcX/cXLsvnUWvfHuqMmVU6N0YiJ4JWGRJJsLCgjEzKjG9/GKoSw==
-  dependencies:
-    esbuild "^0.16.3"
-    postcss "^8.4.20"
-    resolve "^1.22.1"
-    rollup "^3.7.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
 vitest@*:
   version "0.23.4"
   resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.23.4.tgz#7ebea620f203f4df09a27ca17819dc9da61f88ef"
@@ -19132,12 +19321,12 @@ vue-bundle-renderer@0.4.1:
   dependencies:
     ufo "^0.8.3"
 
-vue-bundle-renderer@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/vue-bundle-renderer/-/vue-bundle-renderer-1.0.0.tgz#cb39ec8ab30f2e186ea17491a9dba545c123250f"
-  integrity sha512-43vCqTgaMXfHhtR8/VcxxWD1DgtzyvNc4wNyG5NKCIH19O1z5G9ZCRXTGEA2wifVec5PU82CkRLD2sTK9NkTdA==
+vue-bundle-renderer@^1.0.0, vue-bundle-renderer@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/vue-bundle-renderer/-/vue-bundle-renderer-1.0.3.tgz#422438aa4a024e2833e87a5a2d0b97c6c12fb2d8"
+  integrity sha512-EfjX+5TTUl70bki9hPuVp+54JiZOvFIfoWBcfXsSwLzKEiDYyHNi5iX8srnqLIv3YRnvxgbntdcG1WPq0MvffQ==
   dependencies:
-    ufo "^1.0.0"
+    ufo "^1.1.1"
 
 vue-demi@^0.13.11, vue-demi@^0.13.5:
   version "0.13.11"
@@ -19275,7 +19464,7 @@ vue-tsc@^1.0.24:
     "@volar/vue-language-core" "1.0.24"
     "@volar/vue-typescript" "1.0.24"
 
-vue@*, vue@3.2.37, vue@^3.0.0, vue@^3.0.4, vue@^3.2.45:
+vue@*, vue@3.2.37, vue@^3.0.0, vue@^3.0.4, vue@^3.2.47:
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e"
   integrity sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==
@@ -19664,10 +19853,10 @@ wrap-ansi@^7.0.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.0.1.tgz#2101e861777fec527d0ea90c57c6b03aac56a5b3"
-  integrity sha512-QFF+ufAqhoYHvoHdajT/Po7KoXVBPXS2bgjIam5isfWJPfIOnQZ50JtUiVvCv/sjgacf3yRrt2ZKUZ/V4itN4g==
+wrap-ansi@^8.0.1, wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
   dependencies:
     ansi-styles "^6.1.0"
     string-width "^5.0.1"
@@ -19734,11 +19923,6 @@ ws@^7.3.1, ws@^7.4.6:
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.7.tgz#9e0ac77ee50af70d58326ecff7e85eb3fa375e67"
   integrity sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==
 
-ws@^8.11.0:
-  version "8.12.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.12.0.tgz#485074cc392689da78e1828a9ff23585e06cddd8"
-  integrity sha512-kU62emKIdKVeEIOIKVegvqpXMSTAMLJozpHZaJNDYqBjzlSYXQGviYwN1osDLJ9av68qHd4a2oSjd7yD4pacig==
-
 ws@^8.4.2:
   version "8.6.0"
   resolved "https://registry.yarnpkg.com/ws/-/ws-8.6.0.tgz#e5e9f1d9e7ff88083d0c0dd8281ea662a42c9c23"
@@ -19868,7 +20052,7 @@ yargs@^16.0.0, yargs@^16.2.0:
     y18n "^5.0.5"
     yargs-parser "^20.2.2"
 
-yargs@^17.2.1, yargs@^17.5.1:
+yargs@^17.2.1:
   version "17.6.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.6.2.tgz#2e23f2944e976339a1ee00f18c77fedee8332541"
   integrity sha512-1/9UrdHjDZc0eOU0HxOHoS78C69UD3JRMvzlJ7S79S2nTaWRA/whGCTV8o9e/N/1Va9YIV7Q4sOxD8VV4pCWOw==
@@ -19894,6 +20078,19 @@ yargs@^17.3.1:
     y18n "^5.0.5"
     yargs-parser "^21.0.0"
 
+yargs@^17.5.1:
+  version "17.7.1"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.1.tgz#34a77645201d1a8fc5213ace787c220eabbd0967"
+  integrity sha512-cwiTb08Xuv5fqF4AovYacTFNxk62th7LKJ6BL9IGUpTJrWoU7/7WdQGTP2SjKf1dUNBGzDd28p/Yfs/GI6JrLw==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
+
 ylru@^1.2.0:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/ylru/-/ylru-1.3.2.tgz#0de48017473275a4cbdfc83a1eaf67c01af8a785"
@@ -19919,6 +20116,11 @@ yorkie@^2.0.0:
     normalize-path "^1.0.0"
     strip-indent "^2.0.0"
 
+zhead@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/zhead/-/zhead-2.0.4.tgz#42509bbe85b790de9121301eac47d440d9073876"
+  integrity sha512-V4R94t3ifk9AURym6OskbKcnowzgp5Z88tkoL/NF67vyryNxC62u6mx5F1Ux4oh4+YN7FFmKYEyWy6m5kfPH6g==
+
 zip-stream@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/zip-stream/-/zip-stream-4.1.0.tgz#51dd326571544e36aa3f756430b313576dc8fc79"

From e9ce411b6d2e11441559e888d321f2234f9ec8fc Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 02:08:42 +0300
Subject: [PATCH 24/30] fix(nuxt): support nuxt 3.4.0

---
 packages/nuxt/src/runtime/plugin.ts           | 50 ++++++++-----------
 .../ui/build/plugins/append-component-css.ts  | 16 ++++--
 2 files changed, 32 insertions(+), 34 deletions(-)

diff --git a/packages/nuxt/src/runtime/plugin.ts b/packages/nuxt/src/runtime/plugin.ts
index 68d8a6b432..feaf2f3bd4 100644
--- a/packages/nuxt/src/runtime/plugin.ts
+++ b/packages/nuxt/src/runtime/plugin.ts
@@ -6,7 +6,7 @@ import {
   ColorsClassesPlugin,
   BreakpointConfigPlugin,
 } from 'vuestic-ui'
-import { ref, watchEffect, markRaw } from 'vue'
+import { markRaw, computed } from 'vue'
 
 import type { VuesticOptions } from '../types'
 // @ts-ignore: nuxt import alias
@@ -15,6 +15,8 @@ import { defineNuxtPlugin } from '#app'
 import NuxtLink from '#app/components/nuxt-link'
 // @ts-ignore: use-config-file import alias
 import configFromFile from '#vuestic-config'
+// @ts-ignore: use-head import alias
+import { useHead } from '#imports'
 
 function getGlobalProperty (app, key) {
   return app.config.globalProperties[key]
@@ -43,37 +45,25 @@ export default defineNuxtPlugin((nuxtApp) => {
     components: {}
   }))
 
-  /**
-   * Nuxt uses @vueuse/head so we can inject css variables in head.
-   * @see https://github.com/vueuse/head
-   */
-  const head = getGlobalProperty(app, '$head')
-
-  if (head) {
-    watchEffect(() => {
-      const colorConfig = getGlobalProperty(app, '$vaColorConfig')
-
-      if (colorConfig) {
-        const renderCSSVariables = colorConfig.renderCSSVariables
-
-        // Add reactive CSS variables to head so they are taken from colorConfig
-        head.addHeadObjs(ref({
-          htmlAttrs: {
-            style: renderCSSVariables()
-          }
-        }))
+  const colorConfig = getGlobalProperty(app, '$vaColorConfig')
+  if (colorConfig) {
+    useHead(computed(() => {
+      return {
+        htmlAttrs: {
+          style: colorConfig.renderCSSVariables()
+        }
       }
-    }, { flush: 'pre' })
+    }))
+  }
 
-    watchEffect(() => {
-      const colorsClasses = getGlobalProperty(app, '$vaColorsClasses')
-      if (colorsClasses) {
-        head.addHeadObjs(ref({
-          htmlAttrs: {
-            style: colorsClasses.renderColorHelpers()
-          }
-        }))
+  const colorsClasses = getGlobalProperty(app, '$vaColorsClasses')
+  if (colorsClasses) {
+    useHead(computed(() => {
+      return {
+        htmlAttrs: {
+          style: colorsClasses.renderColorHelpers()
+        }
       }
-    }, { flush: 'pre' })
+    }))
   }
 })
diff --git a/packages/ui/build/plugins/append-component-css.ts b/packages/ui/build/plugins/append-component-css.ts
index 87052e05c2..e0cc499685 100644
--- a/packages/ui/build/plugins/append-component-css.ts
+++ b/packages/ui/build/plugins/append-component-css.ts
@@ -36,9 +36,17 @@ export const appendComponentCss = createDistTransformPlugin({
     const relativeDistPath = relative(dir, distPath)
     const relativeFilePath = relativeDistPath + '/' + name.replace(/-.*$/, '') + '.css'
 
-    if (!existsSync(resolve(dir, relativeFilePath))) { return }
-
-    return appendBeforeSourceMapComment(componentContent, `\nimport '${relativeFilePath}';`)
+    // There are few cases how vite can store css files (depends on vite version, but we handle both for now):
+    // CSS stored in dist folder (root)
+    if (existsSync(resolve(dir, relativeFilePath))) {
+      return appendBeforeSourceMapComment(componentContent, `\nimport '${relativeFilePath}';`)
+    }
+
+    // CSS stored in component folder
+    const cssFilePath = `${dir}/${name}.css`
+
+    if (existsSync(cssFilePath)) {
+      return appendBeforeSourceMapComment(componentContent, `\nimport './${name}.css';`)
+    }
   },
-
 })

From a074321b7fb409d56cc9b18a5758b00f51b9a294 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 02:53:19 +0300
Subject: [PATCH 25/30] fix: temp disable nuxt-spa test (see
 https://github.com/nuxt/nuxt/issues/20210)

---
 packages/bundlers-tests/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/bundlers-tests/package.json b/packages/bundlers-tests/package.json
index e68e6e85bc..125959e47d 100644
--- a/packages/bundlers-tests/package.json
+++ b/packages/bundlers-tests/package.json
@@ -13,7 +13,7 @@
     "test:vite": "docker-compose --profile vite up --build --exit-code-from cypress_vite",
     "test:vite-cjs": "docker-compose --profile vite-cjs up --build --exit-code-from cypress_vite_cjs",
     "test:cli": "docker-compose --profile cli up --build --exit-code-from cypress_cli",
-    "test:nuxt": "yarn test:nuxt-ssr && yarn test:nuxt-spa",
+    "test:nuxt": "yarn test:nuxt-ssr",
     "test:webpack": "docker-compose --profile webpack up --build --exit-code-from cypress_webpack",
     "test:nuxt-ssr": "docker-compose --profile nuxt-ssr up --build --exit-code-from cypress_nuxt_ssr",
     "test:nuxt-spa": "docker-compose --profile nuxt-spa up --build --exit-code-from cypress_nuxt_spa",

From 0869260a68186440f49284d8c2f6a6a0ee8446b6 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 03:01:39 +0300
Subject: [PATCH 26/30] chore: bump version to v1.6.4

---
 .github/ISSUE_TEMPLATE/bug-template.md               | 2 +-
 packages/ui/package.json                             | 2 +-
 packages/vue-cli-plugin/generator/configs/default.js | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/bug-template.md b/.github/ISSUE_TEMPLATE/bug-template.md
index b9a59e0125..f37389a0eb 100644
--- a/.github/ISSUE_TEMPLATE/bug-template.md
+++ b/.github/ISSUE_TEMPLATE/bug-template.md
@@ -6,7 +6,7 @@ assignees: ''
 
 ---
 
-**Vuestic-ui version:** 1.6.3
+**Vuestic-ui version:** 1.6.4
 
 **Steps to reproduce**
 
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 806a4d1374..91f67cfa49 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuestic-ui",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "Vue 3 UI Framework",
   "license": "MIT",
   "homepage": "https://vuestic.dev",
diff --git a/packages/vue-cli-plugin/generator/configs/default.js b/packages/vue-cli-plugin/generator/configs/default.js
index cc0ddad6ef..79488c4e0f 100644
--- a/packages/vue-cli-plugin/generator/configs/default.js
+++ b/packages/vue-cli-plugin/generator/configs/default.js
@@ -7,7 +7,7 @@ module.exports = {
   ],
   extendPackage: {
     dependencies: {
-      'vuestic-ui': '^1.6.3',
+      'vuestic-ui': '^1.6.4',
     }
   },
   vueUse: [

From 7f04cde3c3223dbcda25ffe9af85b5e530c4f2c5 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 14:25:43 +0300
Subject: [PATCH 27/30] fix: source maps docs build

---
 .../modules/page-config/composables/useCompiler.ts  | 13 ++++++++++---
 packages/docs/modules/vuestic.ts                    |  2 +-
 packages/ui/build/plugins/component-v-bind-fix.ts   | 12 ++++++++++--
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/packages/docs/modules/page-config/composables/useCompiler.ts b/packages/docs/modules/page-config/composables/useCompiler.ts
index f27956cd38..b7d7d33cab 100644
--- a/packages/docs/modules/page-config/composables/useCompiler.ts
+++ b/packages/docs/modules/page-config/composables/useCompiler.ts
@@ -1,3 +1,4 @@
+import MagicString from 'magic-string';
 import { addVitePlugin } from '@nuxt/kit';
 import { createFilter } from '@rollup/pluginutils'
 import { createImporter } from '../compiler/create-importer'
@@ -23,16 +24,22 @@ export const useCompiler = (options: any) => {
       importer.importNamed('definePageConfig', (await this.resolve(runtimePath))!.id)
       importer.importNamed('defineManualApi', (await this.resolve(runtimePath))!.id)
 
+      const newCode = new MagicString(code)
+
       try {
-        code = await transform(code, importer)
+        newCode.overwrite(0, code.length, await transform(code, importer))
       } catch (e: any) {
         throw new Error(`Error transforming page-config: ${id}\n${e.message}`)
       }
 
-      code += '\n' + await exportTranslations(importer, id)
+      newCode.append('\n' + await exportTranslations(importer, id))
+      newCode.prepend(importer.imports)
 
       try {
-        return importer.imports + code
+        return {
+          code: newCode.toString(),
+          map: newCode.generateMap({ hires: true }),
+        }
       } catch (e: any) {
         throw new Error(`Error resolving imports in page-config: ${id}\n${e.message}`)
       }
diff --git a/packages/docs/modules/vuestic.ts b/packages/docs/modules/vuestic.ts
index 3f8b56aa7b..c05ab0dadb 100644
--- a/packages/docs/modules/vuestic.ts
+++ b/packages/docs/modules/vuestic.ts
@@ -24,7 +24,7 @@ export default defineNuxtModule<VuesticOptions>({
 
   setup (options, nuxt) {
     // Fix CSS variables made by v-bind in component: they're not rendered in cjs (SSG).
-    addVitePlugin(componentVBindFix())
+    addVitePlugin(componentVBindFix({ sourcemap: false }))
 
     nuxt.options.alias['@vuestic/ag-grid-theme'] = resolve(__dirname, '../../ag-grid-theme/src/styles/index.scss');
     nuxt.options.alias['vuestic-ui/styles/typography.css'] = resolve(__dirname, '../../ui/src/styles/typography/typography.scss');
diff --git a/packages/ui/build/plugins/component-v-bind-fix.ts b/packages/ui/build/plugins/component-v-bind-fix.ts
index 71698e66cf..c88fbacae8 100644
--- a/packages/ui/build/plugins/component-v-bind-fix.ts
+++ b/packages/ui/build/plugins/component-v-bind-fix.ts
@@ -146,7 +146,9 @@ export const transformVueComponent = (code: string) => {
 }
 
 /** We need this plugin to support CSS vbind in SSR. Vue useCssVars is disabled for cjs build */
-export const componentVBindFix = (): Plugin => {
+export const componentVBindFix = (o: {
+  sourcemap?: boolean
+} = { sourcemap: false }): Plugin => {
   return {
     name: 'vuestic:component-v-bind-fix',
     enforce: 'pre',
@@ -155,7 +157,13 @@ export const componentVBindFix = (): Plugin => {
         return
       }
 
-      return transformVueComponent(code)
+      const result = transformVueComponent(code)
+
+      if (o.sourcemap) {
+        return result
+      }
+
+      return transformVueComponent(code)?.code
     },
   }
 }

From 5b04fb6d957bfcfa667523e699d1d3ae0f381e9a Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 14:44:42 +0300
Subject: [PATCH 28/30] fix: disable banner module

---
 packages/docs/modules/banner/module.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/docs/modules/banner/module.ts b/packages/docs/modules/banner/module.ts
index 3a0668e6b9..7355d6579a 100644
--- a/packages/docs/modules/banner/module.ts
+++ b/packages/docs/modules/banner/module.ts
@@ -19,6 +19,8 @@ export default defineNuxtModule<any>({
   },
 
   setup(options) {
+    return // Disabled for railway
+
     addPluginTemplate({
       src: resolve(__dirname, './runtime/banner.ts'),
 

From b08cc0b7e7abc52c7003ce6c6687e43ef1df6a4e Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 16:09:43 +0300
Subject: [PATCH 29/30] fix(docs): page config with slash on the end not found

---
 .../docs/modules/page-config/runtime/usePageConfig.ts     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/docs/modules/page-config/runtime/usePageConfig.ts b/packages/docs/modules/page-config/runtime/usePageConfig.ts
index d4d0d0da4b..84cf370fd2 100644
--- a/packages/docs/modules/page-config/runtime/usePageConfig.ts
+++ b/packages/docs/modules/page-config/runtime/usePageConfig.ts
@@ -14,7 +14,13 @@ const files = Object.entries(import.meta.glob<PageConfigJSModule>('@/page-config
   }, {} as Record<string, () => Promise<PageConfigJSModule>>)
 
 const getConfig = async (name: string) => {
-  const file = files[unref(name)]
+  name = unref(name)
+
+  if (name.endsWith('/')) {
+    name = name.slice(0, -1)
+  }
+
+  const file = files[name]
 
   if (!file) {
     console.log(`Page config ${name} not found`)

From 2b24d109a241e090be1aa7adbef669c106654d1f Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 12 Apr 2023 16:30:40 +0300
Subject: [PATCH 30/30] chore(nuxt): bump 1.0.13

---
 packages/nuxt/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index 7b5e4b7f02..fc50f036ed 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -8,7 +8,7 @@
     "nuxt",
     "vue"
   ],
-  "version": "1.0.12",
+  "version": "1.0.13",
   "license": "MIT",
   "type": "module",
   "exports": {