@winchsa/ui 0.1.24 → 0.1.27

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

@@ -605,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;
@@ -616,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/dist/utils/ruleValidator.d.ts

@@ -36,6 +36,6 @@ export declare const ruleValidator: () => {
 };
 export declare const useFormValidation: () => {
     validateAndScroll: (refVForm: VForm | undefined) => Promise<boolean>;
-    validationType: import("vue").Ref<"submit" | "input", "submit" | "input">;
+    validationType: import("vue").Ref<"input" | "submit", "input" | "submit">;
     scrollToError: () => Promise<void>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@winchsa/ui",
-  "version": "0.1.24",
+  "version": "0.1.27",
   "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",
@@ -52,13 +52,13 @@
     "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": "^6.0.5",
-    "vite-plugin-vuetify": "^2.0.4",
+    "vite": "^5.4.21",
+    "vite-plugin-vuetify": "^2.1.2",
     "vue-sfc-transformer": "^0.1.16",
-    "vue-tsc": "2.2.4"
+    "vue-tsc": "^3.1.1"
   },
   "scripts": {
     "dev": "vite",