@winchsa/ui 0.1.23 → 0.1.25

package/dist/components/forms/AttachmentCropperInput.d.vue.ts

@@ -1,4 +1,3 @@
-import 'cropperjs/dist/cropper.css';
 import type { Attachment } from '../../types';
 type __VLS_Props = {
     validTypes?: string[];

package/dist/components/forms/AttachmentCropperInput.vue

@@ -1,7 +1,6 @@
 <script setup>
 import Cropper from "cropperjs";
 import { ref, computed, watch, nextTick } from "vue";
-import "cropperjs/dist/cropper.css";
 import { useI18n } from "vue-i18n";
 import { VIcon, VBtn, VValidation, VSlider } from "vuetify/components";
 import { ruleValidator } from "../../utils/ruleValidator";
@@ -224,5 +223,5 @@ watch(zoomLevel, async (newZoom) => {
 </template>
 
 <style scoped>
-:deep(.cropper-container){width:auto!important}:global(.cropper-line),:global(.cropper-point){background-color:rgb(var(--v-theme-primary))!important}:global(.cropper-view-box){outline-color:rgba(var(--v-theme-primary),.75)!important}
+@import "cropperjs/dist/cropper.css";:deep(.cropper-container){width:auto!important}:global(.cropper-line),:global(.cropper-point){background-color:rgb(var(--v-theme-primary))!important}:global(.cropper-view-box){outline-color:rgba(var(--v-theme-primary),.75)!important}
 </style>

package/dist/components/forms/AttachmentCropperInput.vue.d.ts

@@ -1,4 +1,3 @@
-import 'cropperjs/dist/cropper.css';
 import type { Attachment } from '../../types';
 type __VLS_Props = {
     validTypes?: string[];

package/dist/components/forms/LicensePlateInput.d.vue.ts

@@ -16,6 +16,6 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
 }>, {
-    validateOn: "submit" | "lazy" | "input" | "blur" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit";
+    validateOn: "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur" | "input";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/forms/LicensePlateInput.vue

@@ -135,6 +135,17 @@ watch(() => model.value, (newVal) => {
 </template>
 
 <style scoped>
+.app-license-plate-input.app-license-plate-input--error {
+  border-color: rgba(var(--v-theme-error), 1) !important;
+}
+.app-license-plate-input:hover {
+  transition: all 0.3s;
+  border-color: rgba(var(--v-theme-primary), 1);
+}
+.app-license-plate-input:focus-within {
+  transition: all 0.3s;
+  border-color: rgba(var(--v-theme-primary));
+}
 .app-license-plate-input {
   display: grid;
   grid-template-columns: 60px 60px 60px 1fr;
@@ -147,17 +158,6 @@ watch(() => model.value, (newVal) => {
   transition: all 0.5s;
   box-sizing: border-box;
 }
-.app-license-plate-input.app-license-plate-input--error {
-  border-color: rgba(var(--v-theme-error), 1) !important;
-}
-.app-license-plate-input:hover {
-  transition: all 0.3s;
-  border-color: rgba(var(--v-theme-primary), 1);
-}
-.app-license-plate-input:focus-within {
-  transition: all 0.3s;
-  border-color: rgba(var(--v-theme-primary));
-}
 .app-license-plate-input .app-license-plate-input-cell {
   height: 100%;
   text-align: center;

package/dist/components/forms/LicensePlateInput.vue.d.ts

@@ -16,6 +16,6 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
 }>, {
-    validateOn: "submit" | "lazy" | "input" | "blur" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit";
+    validateOn: "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur" | "input";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/forms/ManualDate.d.vue.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
 }>, {
-    validateOn: "submit" | "lazy" | "input" | "blur" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit";
+    validateOn: "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur" | "input";
     customId: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/forms/ManualDate.vue

@@ -219,18 +219,6 @@ watch(() => props.modelValue, (val) => {
 </template>
 
 <style scoped>
-.app-date-input {
-  display: grid;
-  grid-template-columns: 60px 60px 1fr;
-  width: 100%;
-  min-height: 40px;
-  height: 100%;
-  align-items: center;
-  border: 1px solid rgba(var(--v-border-color), 0.29) !important;
-  border-radius: 6px;
-  transition: all 0.5s;
-  box-sizing: border-box;
-}
 .app-date-input.app-date-input--error {
   border-color: rgba(var(--v-theme-error), 1) !important;
 }
@@ -246,6 +234,18 @@ watch(() => props.modelValue, (val) => {
   transition: all 0.3s;
   border-color: rgba(var(--v-theme-primary));
 }
+.app-date-input {
+  display: grid;
+  grid-template-columns: 60px 60px 1fr;
+  width: 100%;
+  min-height: 40px;
+  height: 100%;
+  align-items: center;
+  border: 1px solid rgba(var(--v-border-color), 0.29) !important;
+  border-radius: 6px;
+  transition: all 0.5s;
+  box-sizing: border-box;
+}
 .app-date-input .app-date-input-cell {
   height: 100%;
   text-align: center;

package/dist/components/forms/ManualDate.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:model-value"?: ((value: string) => any) | undefined;
 }>, {
-    validateOn: "submit" | "lazy" | "input" | "blur" | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit";
+    validateOn: "submit" | "blur lazy" | "input lazy" | "lazy" | "lazy blur" | "lazy input" | "lazy submit" | "submit lazy" | "blur" | "input";
     customId: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/table/DataTable.vue

@@ -1,6 +1,5 @@
 <script setup>
-import { VCol, VRow, VCardText, VDivider, VProgressCircular, VIcon, VSpacer } from "vuetify/components";
-import { VDataTableServer } from "vuetify/labs/VDataTable";
+import { VCol, VRow, VCardText, VDivider, VProgressCircular, VIcon, VSpacer, VDataTableServer } from "vuetify/components";
 import { useQuery } from "@tanstack/vue-query";
 import { useRoute, useRouter } from "vue-router";
 import { computed, reactive, ref, watch } from "vue";

package/dist/components/table/EditableDataTable.d.vue.ts

@@ -1,5 +1,4 @@
-import { VTooltip, VIcon } from 'vuetify/components';
-import { VDataTableVirtual } from 'vuetify/labs/VDataTable';
+import { VTooltip, VIcon, VDataTableVirtual } from 'vuetify/components';
 import type { EditableDataTableItem, ErrorResponseFiled } from '../../types';
 import LoadingBar from '../LoadingBar.vue';
 import EditableDataTableRow from './EditableDataTableRow.vue';

package/dist/components/table/EditableDataTable.vue

@@ -1,6 +1,5 @@
 <script setup>
-import { VTooltip, VIcon } from "vuetify/components";
-import { VDataTableVirtual } from "vuetify/labs/VDataTable";
+import { VTooltip, VIcon, VDataTableVirtual } from "vuetify/components";
 import { useI18n } from "vue-i18n";
 import { computed } from "vue";
 import LoadingBar from "../LoadingBar.vue";

package/dist/components/table/EditableDataTable.vue.d.ts

@@ -1,5 +1,4 @@
-import { VTooltip, VIcon } from 'vuetify/components';
-import { VDataTableVirtual } from 'vuetify/labs/VDataTable';
+import { VTooltip, VIcon, VDataTableVirtual } from 'vuetify/components';
 import type { EditableDataTableItem, ErrorResponseFiled } from '../../types';
 import LoadingBar from '../LoadingBar.vue';
 import EditableDataTableRow from './EditableDataTableRow.vue';

package/dist/composables/useIsMobile.d.ts

@@ -1 +1 @@
-export declare function useIsMobile(): import("vue").Ref<boolean, boolean>;
+export declare function useIsMobile(): import("vue").ComputedRef<boolean>;

package/dist/styles/core/base/_components.scss

@@ -136,7 +136,7 @@
 // loop for all colors bg
 @each $color-name in variables.$theme-colors-name {
   .v-tabs.v-tabs-pill {
-    .v-slide-group-item--active.v-tab--selected.text-#{$color-name} {
+    .v-tab--selected.text-#{$color-name} {
       background-color: rgb(var(--v-theme-#{$color-name}));
       color: rgb(var(--v-theme-on-#{$color-name})) !important;
     }
@@ -150,7 +150,7 @@
   }
 }
 
-.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-primary {
+.v-tabs.v-tabs-pill .v-tab--selected.text-primary {
   color: rgb(var(--v-theme-button-on-primary)) !important;
 }
 

package/dist/styles/core/base/libs/vuetify/_overrides.scss

@@ -46,11 +46,6 @@ h6,
   }
 }
 
-//  Button
-// Update tonal variant disabled opacity
-.v-btn--disabled {
-  opacity: 0.65;
-}
 
 @if variables.$vuetify-reduce-default-compact-button-icon-size {
   .v-btn--density-compact.v-btn--size-default {

package/dist/styles/core/template/_components.scss

@@ -789,7 +789,7 @@ $btn-hover-overlay-opacity: (
 
 //  Tab Pill
 .v-tabs.v-tabs-pill {
-  .v-slide-group-item--active.v-tab--selected {
+  .v-tab--selected {
     @include mixins.elevation(2);
   }
 

package/dist/styles/core/template/index.css

@@ -1,5 +1,4 @@
 @charset "UTF-8";
-/** if false, disabled buttons will be greyed out */
 /*
   TODO: Add docs on when to use placeholder vs when to use SASS variable
 
@@ -197,8 +196,6 @@
 
 .v-dialog .v-card {
   /* width */
-  /* Track */
-  /* Handle */
 }
 .v-dialog .v-card::-webkit-scrollbar {
   background: rgb(var(--v-theme-surface));
@@ -207,9 +204,15 @@
   border-start-end-radius: 14px;
   inline-size: 4px;
 }
+.v-dialog .v-card {
+  /* Track */
+}
 .v-dialog .v-card::-webkit-scrollbar-track {
   background: transparent;
 }
+.v-dialog .v-card {
+  /* Handle */
+}
 .v-dialog .v-card::-webkit-scrollbar-thumb {
   border-radius: 0.5rem;
   background: rgb(var(--v-theme-silver));
@@ -218,13 +221,13 @@
   display: none;
 }
 
-.layout-nav-type-vertical .layout-vertical-nav {
-  background-color: rgb(var(--v-theme-surface));
-}
 .layout-vertical-nav-collapsed.layout-nav-type-vertical .layout-vertical-nav.hovered {
   box-shadow: 0 4px 11px rgba(var(--v-shadow-key-umbra-color), 0.16), 0 0 transparent, 0 0 transparent;
 }
 
+.layout-nav-type-vertical .layout-vertical-nav {
+  background-color: rgb(var(--v-theme-surface));
+}
 .layout-nav-type-vertical .layout-vertical-nav .nav-header {
   overflow: hidden;
   padding: 1rem 0.75rem;
@@ -439,15 +442,15 @@ code {
   display: flex;
 }
 
+.layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-navbar {
+  inset-block-start: 1rem;
+}
 .layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky {
   /*
     ℹ️ If it's floating navbar
     Add `vertical-nav-floating-navbar-top` as margin top to .layout-page-content
   */
 }
-.layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-navbar {
-  inset-block-start: 1rem;
-}
 .layout-wrapper.layout-nav-type-vertical.layout-navbar-sticky .layout-page-content {
   margin-block-start: 1rem;
 }
@@ -932,12 +935,12 @@ code {
   display: flex;
   align-items: center;
 }
-.v-avatar-group > * {
-  transition: transform 0.25s ease, box-shadow 0.15s ease;
-}
 .v-avatar-group > *:not(:first-child) {
   margin-inline-start: -0.8rem;
 }
+.v-avatar-group > * {
+  transition: transform 0.25s ease, box-shadow 0.15s ease;
+}
 .v-avatar-group > *:hover {
   z-index: 2;
   transform: translateY(-5px) scale(1.05);
@@ -1018,7 +1021,7 @@ code {
   visibility: hidden;
 }
 
-.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-primary {
+.v-tabs.v-tabs-pill .v-tab--selected.text-primary {
   background-color: rgb(var(--v-theme-primary));
   color: rgb(var(--v-theme-on-primary)) !important;
 }
@@ -1027,7 +1030,7 @@ code {
   color: rgb(var(--v-theme-on-gray-100)) !important;
 }
 
-.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-secondary {
+.v-tabs.v-tabs-pill .v-tab--selected.text-secondary {
   background-color: rgb(var(--v-theme-secondary));
   color: rgb(var(--v-theme-on-secondary)) !important;
 }
@@ -1036,7 +1039,7 @@ code {
   color: rgb(var(--v-theme-on-gray-100)) !important;
 }
 
-.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-error {
+.v-tabs.v-tabs-pill .v-tab--selected.text-error {
   background-color: rgb(var(--v-theme-error));
   color: rgb(var(--v-theme-on-error)) !important;
 }
@@ -1045,7 +1048,7 @@ code {
   color: rgb(var(--v-theme-on-gray-100)) !important;
 }
 
-.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-info {
+.v-tabs.v-tabs-pill .v-tab--selected.text-info {
   background-color: rgb(var(--v-theme-info));
   color: rgb(var(--v-theme-on-info)) !important;
 }
@@ -1054,7 +1057,7 @@ code {
   color: rgb(var(--v-theme-on-gray-100)) !important;
 }
 
-.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-success {
+.v-tabs.v-tabs-pill .v-tab--selected.text-success {
   background-color: rgb(var(--v-theme-success));
   color: rgb(var(--v-theme-on-success)) !important;
 }
@@ -1063,7 +1066,7 @@ code {
   color: rgb(var(--v-theme-on-gray-100)) !important;
 }
 
-.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-warning {
+.v-tabs.v-tabs-pill .v-tab--selected.text-warning {
   background-color: rgb(var(--v-theme-warning));
   color: rgb(var(--v-theme-on-warning)) !important;
 }
@@ -1072,7 +1075,7 @@ code {
   color: rgb(var(--v-theme-on-gray-100)) !important;
 }
 
-.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected.text-primary {
+.v-tabs.v-tabs-pill .v-tab--selected.text-primary {
   color: rgb(var(--v-theme-button-on-primary)) !important;
 }
 
@@ -18079,14 +18082,6 @@ body {
 
 .v-btn {
   transform: scale(1.001);
-  /*
-    Loop over $btn-active-overlay-opacity map and add active styles for each variant.
-    Group variants with same opacity value.
-  */
-  /*
-    Loop over $btn-hover-overlay-opacity map and add hover styles for each variant.
-    Group variants with same opacity value.
-  */
 }
 .v-btn .v-btn__content {
   z-index: 0;
@@ -18101,12 +18096,24 @@ body {
   transition: opacity 0.15s ease-in-out;
   will-change: opacity;
 }
+.v-btn {
+  /*
+    Loop over $btn-active-overlay-opacity map and add active styles for each variant.
+    Group variants with same opacity value.
+  */
+}
 .v-btn.v-btn--variant-outlined:active > .v-btn__overlay, .v-btn.v-btn--variant-flat:active > .v-btn__overlay, .v-btn.v-btn--variant-text:active > .v-btn__overlay, .v-btn.v-btn--variant-plain:active > .v-btn__overlay {
   opacity: 0.08;
 }
 .v-btn.v-btn--variant-tonal:active > .v-btn__overlay {
   opacity: 0.24;
 }
+.v-btn {
+  /*
+    Loop over $btn-hover-overlay-opacity map and add hover styles for each variant.
+    Group variants with same opacity value.
+  */
+}
 .v-btn.v-btn--variant-elevated:hover > .v-btn__overlay {
   opacity: 0.1;
 }
@@ -18158,12 +18165,12 @@ body {
   margin-inline-start: 0 !important;
 }
 
-.v-checkbox-btn {
-  /* stylelint-disable-next-line no-descending-specificity */
-}
 .v-checkbox-btn.v-selection-control--dirty .v-selection-control__input .v-icon.iconify--custom {
   filter: drop-shadow(0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14));
 }
+.v-checkbox-btn {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .v-checkbox-btn .v-selection-control__input {
   /* stylelint-disable-next-line no-descending-specificity */
 }
@@ -18227,15 +18234,15 @@ body {
 [dir=rtl] .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.no-icon-rotate) .v-expansion-panel.v-expansion-panel--active .v-expansion-panel-title__icon {
   transform: rotate(-90deg);
 }
-.v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel {
-  /* stylelint-disable-next-line no-descending-specificity */
-}
 .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:not(:last-child) {
   margin-block-end: 0.5rem;
 }
 .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:not(:first-child)::after {
   content: none;
 }
+.v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:first-child:not(:last-child), .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:not(:first-child, :last-child), .v-application.v-layout .v-application__wrap .v-expansion-panels:not(.expansion-panels-width-border) .v-expansion-panel:not(:first-child) {
   border-radius: 0.375rem !important;
 }
@@ -18252,8 +18259,6 @@ body {
   --v-hover-opacity: 0.08 !important;
   cursor: pointer;
   /* stylelint-disable-next-line no-descending-specificity */
-  /* stylelint-disable-next-line no-descending-specificity */
-  /* stylelint-disable-next-line no-descending-specificity */
 }
 .v-list-item .v-ripple__container {
   display: none;
@@ -18264,9 +18269,15 @@ body {
 .v-list-item .v-list-item__overlay {
   transition: none;
 }
+.v-list-item {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .v-list-item.v-list-item--density-comfortable .v-icon {
   font-size: 1.25rem;
 }
+.v-list-item {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .v-list-item.v-list-item--density-compact .v-icon {
   font-size: 1.125rem;
 }
@@ -18314,9 +18325,6 @@ body {
   padding-block: 0.5rem;
 }
 
-.v-pagination {
-  /* stylelint-disable-next-line no-descending-specificity */
-}
 .v-pagination .v-pagination__list .v-pagination__item--is-active .v-btn {
   background-color: rgb(var(--v-theme-primary));
 }
@@ -18333,6 +18341,9 @@ body {
 .v-pagination .v-pagination__item .v-btn:active {
   transform: scale(1);
 }
+.v-pagination {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .v-pagination .v-pagination__next,
 .v-pagination .v-pagination__prev {
   /* stylelint-disable-next-line no-descending-specificity */
@@ -18489,9 +18500,6 @@ body {
   justify-content: space-between;
 }
 
-.v-tabs {
-  /* stylelint-disable-next-line no-descending-specificity */
-}
 .v-tabs.v-tabs--vertical {
   --v-tabs-height: 38px !important;
 }
@@ -18505,11 +18513,12 @@ body {
 .v-tabs.v-tabs--horizontal:not(.v-tabs-pill) .v-tab__slider {
   block-size: 3px;
 }
+.v-tabs {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .v-tabs .v-btn {
   font-weight: 400;
   transform: none !important;
-  /* stylelint-disable-next-line no-descending-specificity */
-  /* stylelint-disable-next-line no-descending-specificity */
 }
 .v-tabs .v-btn.v-btn--stacked {
   /* stylelint-disable-next-line no-descending-specificity */
@@ -18517,16 +18526,22 @@ body {
 .v-tabs .v-btn.v-btn--stacked .v-icon {
   --v-icon-size-multiplier: 1.1428571429;
 }
+.v-tabs .v-btn {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .v-tabs .v-btn .v-btn__overlay,
 .v-tabs .v-btn .v-ripple__container {
   opacity: 0 !important;
 }
+.v-tabs .v-btn {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .v-tabs .v-btn .v-tab__slider {
   inset-inline-end: 0;
   inset-inline-start: unset;
 }
 
-.v-tabs.v-tabs-pill .v-slide-group-item--active.v-tab--selected {
+.v-tabs.v-tabs-pill .v-tab--selected {
   box-shadow: 0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
 }
 .v-tabs.v-tabs-pill.v-slide-group,

package/dist/styles/core/template/libs/vuetify/index.css

@@ -486,10 +486,6 @@ h6,
   margin-block-end: 0;
 }
 
-.v-btn--disabled {
-  opacity: 0.65;
-}
-
 .v-btn--density-compact.v-btn--size-default .v-btn__content > svg {
   block-size: 22px;
   font-size: 22px;
@@ -609,7 +605,6 @@ h6,
 
 .v-data-table {
   /* stylelint-disable-next-line no-descending-specificity */
-  font-size: 13px;
 }
 .v-data-table .v-checkbox-btn .v-selection-control__wrapper {
   margin-inline-start: 0 !important;
@@ -620,6 +615,9 @@ h6,
 .v-data-table .v-pagination {
   color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
 }
+.v-data-table {
+  font-size: 13px;
+}
 
 .v-data-table-footer {
   margin-block-start: 1rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@winchsa/ui",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "type": "module",
   "private": false,
   "publishConfig": {
@@ -34,7 +34,7 @@
     "vue-router": "4.4.5",
     "vue-sonner": "^1.3.0",
     "vue3-perfect-scrollbar": "2.0.0",
-    "vuetify": "3.3.12"
+    "vuetify": "3.10.11"
   },
   "dependencies": {
     "@vuepic/vue-datepicker": "^11.0.0",
@@ -46,17 +46,17 @@
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "^5.73.3",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@types/node": "20.17.27",
-    "@vitejs/plugin-vue": "^4.6.2",
+    "@types/node": "^22.12.0",
+    "@vitejs/plugin-vue": "^6.0.1",
     "eslint": "^8.57.1",
     "eslint-import-resolver-typescript": "^4.3.3",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-vue": "^9.32.0",
-    "sass": "1.86.0",
-    "typescript": "^5.8.3",
+    "sass": "1.92.1",
+    "typescript": "^5.9.3",
     "unbuild": "^3.0.0",
-    "vite": "^4.5.14",
-    "vite-plugin-vuetify": "1.0.2",
+    "vite": "^6.0.14",
+    "vite-plugin-vuetify": "^2.1.2",
     "vue-sfc-transformer": "^0.1.16",
     "vue-tsc": "2.2.4"
   },