@winchsa/ui 0.1.4 → 0.1.5

package/dist/components/forms/ManualDate.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { HijriJS } from "../../utils/hijri-date";
+import { HijriJS } from "../../utils/hijriDate";
 import { computed, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { VLabel, VIcon, VValidation, VMessages } from "vuetify/components";

package/dist/lang/ar.json

@@ -0,0 +1,54 @@
+{
+  "days": {
+    "1": "الأحد",
+    "2": "الإثنين",
+    "3": "الثلاثاء",
+    "4": "الأربعاء",
+    "5": "الخميس",
+    "6": "الجمعة",
+    "7": "السبت"
+  },
+  "days_ranges": {
+    "today": "اليوم",
+    "week": "أسبوع",
+    "yesterday": "أمس",
+    "current_month": "الشهر الحالي",
+    "previous_month": "الشهر السابق",
+    "last_3_months": "آخر 3 شهور",
+    "last_6_months": "آخر 6 شهور",
+    "current_year": "السنة الحالية",
+    "last_2_years": "آخر سنتين",
+    "last_3_years": "آخر 3 سنوات"
+  },
+  "currency": {
+    "sr": "ر.س"
+  },
+  "measurement_units": {
+    "km": "كم",
+    "km_h": "كم/س"
+  },
+  "http": {
+    "403": "ليس لديك صلاحية لتنفيذ العملية",
+    "429": "لقد تخطيت عدد محاولات المسموح به ، الرجاء المحاولة لاحقاً",
+    "500": "خلل أثناء تنفيذ العملية"
+  },
+  "validation": {
+    "email": "يجب أن يكون عنوان بريد إلكتروني صحيح ",
+    "required": "هذا الحقل مطلوب",
+    "confirmed": " كلمة المرور غير متطابق",
+    "password_confirmation": "تأكيد كلمة المرور",
+    "between": "أدخل رقماً بين {min} و {max}",
+    "integer": "يجب أن يكون الحقل عددًا صحيحًا",
+    "number": "يجب أن يكون الحقل رقماً ",
+    "alphabetic": "يجب أن يكون الحقل أحرف أبجدية",
+    "url": "يجب أن يكون الحقل عنوان URL صالحًا",
+    "length": "يجب أن يكون الحقل {length} حرفًا",
+    "alpha_dash": "غير مسموح بجميع الأحرف",
+    "file_size_limit_exceeded": "يجب أن يكون حجم الملف أقل من {size} ميجابايت",
+    "file_type_not_allowed": "يجب أن يكون نوع الملف {types}",
+    "optional": "اختياري",
+    "date": "يجب أن يكون التاريخ {format}",
+    "iban": "هذا الحقل يجب ان يتكون من 24 خانة على الأقل ويكون بصيغة الآيبان",
+    "invalid": "هذا الحقل غير صحيح"
+  }
+}

package/dist/lang/en.json

@@ -0,0 +1,54 @@
+{
+  "days": {
+    "1": "Sun",
+    "2": "Mon",
+    "3": "Tue",
+    "4": "Wed",
+    "5": "Thu",
+    "6": "Fri",
+    "7": "Sat"
+  },
+  "days_ranges": {
+    "today": "Today",
+    "week": "Week",
+    "yesterday": "Yesterday",
+    "current_month": "Current month",
+    "previous_month": "Previous month",
+    "last_3_months": "Last 3 months",
+    "last_6_months": "Last 3 months",
+    "current_year": "Current year",
+    "last_2_years": "Last 2 years",
+    "last_3_years": "Last 3 years"
+  },
+  "currency": {
+    "sr": "SAR"
+  },
+  "measurement_units": {
+    "km": "KM",
+    "km_h": "KM/H"
+  },
+  "http": {
+    "403": "You do not have permission to perform this operation",
+    "429": "You have exceeded the number of attempts allowed, please try again later",
+    "500": "An error occurred during the execution of the operation"
+  },
+  "validation": {
+    "email": "The Email field must be a valid email",
+    "required": "This field is required",
+    "confirmed": "Password does not match",
+    "password_confirmation": "Password confirmation",
+    "between": "Enter a number between {min} and {max}",
+    "integer": "Field must be an integer",
+    "number": "Field must be a number",
+    "alphabetic": "Field must be alphabetic",
+    "url": "Field must be a valid URL",
+    "length": "Field must be {length} characters",
+    "alpha_dash": "All characters are not allowed",
+    "file_size_limit_exceeded": "File size must be less than {size} MB",
+    "file_type_not_allowed": "Must be one of the following types: {types}",
+    "optional": "Optional",
+    "date": "Must be date in format {format}",
+    "iban": "This Field Must Consist of at Least 24 Characters and Be in IBAN Format",
+    "invalid": "This Field is invalid"
+  }
+}

package/dist/types.d.ts

@@ -204,23 +204,9 @@ export type GridColumn = {
   xxl?: string
 }
 
-// Suppress intlify type inference errors
-declare module '@intlify/core-base' {
-  export interface CoreTranslation {
-    [key: string]: any;
-  }
-}
-
-// Global type augmentation to suppress TS2742 errors
 declare global {
   interface Window {
-    // Add any global window properties if needed
+    i18n?: any;
   }
 }
 
-// Suppress TS2742 errors for vue-i18n
-declare module 'vue-i18n' {
-  interface ComposerTranslation {
-    (key: string, ...args: any[]): string;
-  }
-}

package/dist/utils/client.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.client = void 0;
 var _ofetch = require("ofetch");
+var _toaster = require("./toaster");
+var _i18n = require("./i18n");
 const clientInstance = _ofetch.ofetch.create({
   credentials: "include"
 });
@@ -31,6 +33,18 @@ async function apiRequest(method, path, options) {
       }),
       ...headers
     },
+    onResponseError: error => {
+      if (error.response.status === 401) {
+        localStorage.clear();
+        window.location.href = "/login";
+      }
+      if (error.response.status === 500) {
+        (0, _toaster.toaster)().error((0, _i18n.i18n)().global.t("http.500"));
+      }
+      if (error.response.status === 429) {
+        (0, _toaster.toaster)().error((0, _i18n.i18n)().global.t("http.429"));
+      }
+    },
     ...restOptions
   });
 }

package/dist/utils/client.mjs

@@ -1,4 +1,6 @@
 import { ofetch } from "ofetch";
+import { toaster } from "./toaster.mjs";
+import { i18n } from "./i18n.mjs";
 const clientInstance = ofetch.create({ credentials: "include" });
 async function apiRequest(method, path, options) {
   const baseUrl = import.meta.env.VITE_BASE_API;
@@ -17,6 +19,18 @@ async function apiRequest(method, path, options) {
       ...token && { Authorization: `Bearer ${token}` },
       ...headers
     },
+    onResponseError: (error) => {
+      if (error.response.status === 401) {
+        localStorage.clear();
+        window.location.href = "/login";
+      }
+      if (error.response.status === 500) {
+        toaster().error(i18n().global.t("http.500"));
+      }
+      if (error.response.status === 429) {
+        toaster().error(i18n().global.t("http.429"));
+      }
+    },
     ...restOptions
   });
 }

package/dist/utils/i18n.d.ts

@@ -0,0 +1,8 @@
+export declare const i18n: () => import("vue-i18n").I18n<{
+    en: any;
+    ar: any;
+}, {}, {}, string, false>;
+export declare const createI18nInstance: (messages: object) => import("vue-i18n").I18n<{
+    en: any;
+    ar: any;
+}, {}, {}, string, false>;

package/dist/utils/i18n.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.i18n = exports.createI18nInstance = void 0;
+var _vueI18n = require("vue-i18n");
+var _en = _interopRequireDefault(require("../lang/en.json"));
+var _ar = _interopRequireDefault(require("../lang/ar.json"));
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const defaultMessages = {
+  en: _en.default,
+  ar: _ar.default
+};
+let _i18nInstance = (0, _vueI18n.createI18n)({
+  legacy: false,
+  locale: "ar",
+  fallbackLocale: "ar",
+  globalInjection: true,
+  messages: defaultMessages
+});
+const i18n = () => _i18nInstance;
+exports.i18n = i18n;
+const createI18nInstance = messages => {
+  const mergedMessages = (0, _utils.mergeDeep)(defaultMessages, messages);
+  _i18nInstance = (0, _vueI18n.createI18n)({
+    legacy: false,
+    locale: "ar",
+    fallbackLocale: "ar",
+    globalInjection: true,
+    messages: mergedMessages
+  });
+  return _i18nInstance;
+};
+exports.createI18nInstance = createI18nInstance;

package/dist/utils/i18n.mjs

@@ -0,0 +1,27 @@
+import { createI18n } from "vue-i18n";
+import en from "../lang/en.json";
+import ar from "../lang/ar.json";
+import { mergeDeep } from "./utils.mjs";
+const defaultMessages = {
+  en,
+  ar
+};
+let _i18nInstance = createI18n({
+  legacy: false,
+  locale: "ar",
+  fallbackLocale: "ar",
+  globalInjection: true,
+  messages: defaultMessages
+});
+export const i18n = () => _i18nInstance;
+export const createI18nInstance = (messages) => {
+  const mergedMessages = mergeDeep(defaultMessages, messages);
+  _i18nInstance = createI18n({
+    legacy: false,
+    locale: "ar",
+    fallbackLocale: "ar",
+    globalInjection: true,
+    messages: mergedMessages
+  });
+  return _i18nInstance;
+};

package/dist/utils/index.d.ts

@@ -6,4 +6,5 @@ export * from './formatters';
 export * from './queryParams';
 export * from './ruleValidator';
 export * from './toaster';
+export * from './i18n';
 export * from './utils';

package/dist/utils/index.js

@@ -91,6 +91,17 @@ Object.keys(_toaster).forEach(function (key) {
     }
   });
 });
+var _i18n = require("./i18n");
+Object.keys(_i18n).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _i18n[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _i18n[key];
+    }
+  });
+});
 var _utils = require("./utils");
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/utils/index.mjs

@@ -6,4 +6,5 @@ export * from "./formatters.mjs";
 export * from "./queryParams.mjs";
 export * from "./ruleValidator.mjs";
 export * from "./toaster.mjs";
+export * from "./i18n.mjs";
 export * from "./utils.mjs";

package/dist/utils/toaster.js

@@ -6,22 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.responseAlert = responseAlert;
 exports.toaster = void 0;
 var _vueSonner = require("vue-sonner");
-var _vueI18n = require("vue-i18n");
+var _i18n = require("./i18n");
 const toaster = () => {
-  const {
-    t
-  } = (0, _vueI18n.useI18n)();
   const success = message => {
-    _vueSonner.toast.success(message ?? t("success"));
+    _vueSonner.toast.success(message ?? (0, _i18n.i18n)().global.t("success"));
   };
   const error = message => {
-    _vueSonner.toast.error(message ?? t("error"));
+    _vueSonner.toast.error(message ?? (0, _i18n.i18n)().global.t("error"));
   };
   const successLang = message => {
-    _vueSonner.toast.success(t(message));
+    _vueSonner.toast.success((0, _i18n.i18n)().global.t(message));
   };
   const errorLang = message => {
-    _vueSonner.toast.error(t(message));
+    _vueSonner.toast.error((0, _i18n.i18n)().global.t(message));
   };
   return {
     success,

package/dist/utils/toaster.mjs

@@ -1,18 +1,17 @@
 import { toast as sonnerToast } from "vue-sonner";
-import { useI18n } from "vue-i18n";
+import { i18n } from "./i18n.mjs";
 export const toaster = () => {
-  const { t } = useI18n();
   const success = (message) => {
-    sonnerToast.success(message ?? t("success"));
+    sonnerToast.success(message ?? i18n().global.t("success"));
   };
   const error = (message) => {
-    sonnerToast.error(message ?? t("error"));
+    sonnerToast.error(message ?? i18n().global.t("error"));
   };
   const successLang = (message) => {
-    sonnerToast.success(t(message));
+    sonnerToast.success(i18n().global.t(message));
   };
   const errorLang = (message) => {
-    sonnerToast.error(t(message));
+    sonnerToast.error(i18n().global.t(message));
   };
   return {
     success,

package/dist/utils/utils.d.ts

@@ -6,3 +6,4 @@ export declare const isEmptyArray: (arr: unknown) => boolean;
 export declare const buildFormData: <T>(data: T | T[], excludedKeys?: string[], formData?: FormData, parentKey?: string) => FormData;
 export declare const stripLeadingZero: (mobile: string) => string;
 export declare const cloneObjectDeep: <T>(obj: T) => T;
+export declare const mergeDeep: (target: any, source: any) => any;

package/dist/utils/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stripLeadingZero = exports.isNullOrUndefined = exports.isEmptyArray = exports.isEmpty = exports.generateUniqueId = exports.generateRandomId = exports.cloneObjectDeep = exports.buildFormData = void 0;
+exports.stripLeadingZero = exports.mergeDeep = exports.isNullOrUndefined = exports.isEmptyArray = exports.isEmpty = exports.generateUniqueId = exports.generateRandomId = exports.cloneObjectDeep = exports.buildFormData = void 0;
 const generateRandomId = length => {
   const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let result = "";
@@ -67,4 +67,18 @@ exports.stripLeadingZero = stripLeadingZero;
 const cloneObjectDeep = obj => {
   return JSON.parse(JSON.stringify(obj));
 };
-exports.cloneObjectDeep = cloneObjectDeep;
+exports.cloneObjectDeep = cloneObjectDeep;
+const mergeDeep = (target, source) => {
+  const output = {
+    ...target
+  };
+  for (const key in source) {
+    if (typeof source[key] === "object" && source[key] !== null && !Array.isArray(source[key])) {
+      output[key] = mergeDeep(target[key] || {}, source[key]);
+    } else {
+      output[key] = source[key];
+    }
+  }
+  return output;
+};
+exports.mergeDeep = mergeDeep;

package/dist/utils/utils.mjs

@@ -54,3 +54,14 @@ export const stripLeadingZero = (mobile) => {
 export const cloneObjectDeep = (obj) => {
   return JSON.parse(JSON.stringify(obj));
 };
+export const mergeDeep = (target, source) => {
+  const output = { ...target };
+  for (const key in source) {
+    if (typeof source[key] === "object" && source[key] !== null && !Array.isArray(source[key])) {
+      output[key] = mergeDeep(target[key] || {}, source[key]);
+    } else {
+      output[key] = source[key];
+    }
+  }
+  return output;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@winchsa/ui",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "type": "module",
   "private": false,
   "publishConfig": {
@@ -26,22 +26,22 @@
   "peerDependencies": {
     "@intlify/unplugin-vue-i18n": "^4.0.0",
     "@tanstack/vue-query": "^5.74.5",
-    "@vuepic/vue-datepicker": "^11.0.0",
     "@vueuse/core": "11.3.0",
     "@vueuse/router": "^13.1.0",
     "ofetch": "^1.4.1",
     "vue": "^3.5.13",
     "vue-i18n": "9.14.4",
-    "vue-multiselect": "^3.1.0",
     "vue-router": "4.4.5",
+    "vue-sonner": "^1.3.0",
     "vue3-perfect-scrollbar": "2.0.0",
     "vuetify": "3.3.12"
   },
   "dependencies": {
+    "@vuepic/vue-datepicker": "^11.0.0",
     "cropperjs": "^1.6.2",
     "print-js": "^1.6.0",
     "v-calendar": "^3.1.2",
-    "vue-sonner": "^1.3.0"
+    "vue-multiselect": "^3.1.0"
   },
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "^5.73.3",

package/dist/composables/useFormValidation.js

@@ -1 +0,0 @@
-"use strict";

package/dist/styles/@core/scss/template/libs/apex-chart.css

@@ -1,90 +0,0 @@
-@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
-
-  Placeholder
-    - When we want to keep customization to our self between templates use it
-
-  Variables
-    - When we want to allow customization from both user and our side
-    - You can also use variable for consistency (e.g. mx 1 rem should be applied to both vertical nav items and vertical nav header)
-*/
-/*
-    ❗ Heads up
-    ==================
-    Here we assume we will always use shorthand property which will apply same padding on four side
-    This is because this have been used as value of top property by `.popper-content`
-*/
-.v-application .apexcharts-canvasline[stroke=transparent] {
-  display: "none";
-}
-.v-application .apexcharts-canvas .apexcharts-tooltip {
-  box-shadow: 0 3px 8px rgba(var(--v-shadow-key-umbra-color), 0.14), 0 0 transparent, 0 0 transparent;
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  background: rgb(var(--v-theme-surface));
-}
-.v-application .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  background: rgb(var(--v-theme-surface));
-  font-weight: 500;
-}
-.v-application .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {
-  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-}
-.v-application .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
-  color: white;
-}
-.v-application .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group:first-of-type {
-  padding-block-end: 0;
-}
-.v-application .apexcharts-canvas .apexcharts-xaxistooltip {
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  background: rgb(var(--v-theme-gray-50));
-  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-}
-.v-application .apexcharts-canvas .apexcharts-xaxistooltip::after {
-  border-block-end-color: rgb(var(--v-theme-gray-50));
-}
-.v-application .apexcharts-canvas .apexcharts-xaxistooltip::before {
-  border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
-}
-.v-application .apexcharts-canvas .apexcharts-yaxistooltip {
-  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-  background: rgb(var(--v-theme-gray-50));
-}
-.v-application .apexcharts-canvas .apexcharts-yaxistooltip::after {
-  border-inline-start-color: rgb(var(--v-theme-gray-50));
-}
-.v-application .apexcharts-canvas .apexcharts-yaxistooltip::before {
-  border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
-}
-.v-application .apexcharts-canvas .apexcharts-xaxistooltip-text,
-.v-application .apexcharts-canvas .apexcharts-yaxistooltip-text {
-  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-}
-[dir=rtl] .v-application .apexcharts-canvas .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
-  text-anchor: start;
-}
-.v-application .apexcharts-canvas .apexcharts-text,
-.v-application .apexcharts-canvas .apexcharts-tooltip-text,
-.v-application .apexcharts-canvas .apexcharts-datalabel-label,
-.v-application .apexcharts-canvas .apexcharts-datalabel,
-.v-application .apexcharts-canvas .apexcharts-xaxistooltip-text,
-.v-application .apexcharts-canvas .apexcharts-yaxistooltip-text,
-.v-application .apexcharts-canvas .apexcharts-legend-text {
-  font-family: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-}
-.v-application .apexcharts-canvas .apexcharts-pie-label {
-  fill: white;
-  filter: none;
-}
-.v-application .apexcharts-canvas .apexcharts-marker {
-  box-shadow: none;
-}
-.v-application .apexcharts-canvas .apexcharts-legend-marker {
-  margin-inline-end: 0.3875rem !important;
-}
-[dir=rtl] .v-application .apexcharts-canvas .apexcharts-legend-marker {
-  margin-inline-end: 0.75rem !important;
-}

package/dist/styles/@core/scss/template/libs/apex-chart.scss

@@ -1,99 +0,0 @@
-@use '../../../../assets/scss/variables/_vuetify.scss' as vuetify;
-@use '../../../../@layouts/styles/mixins' as layoutsMixins;
-@use '../../base/mixins';
-
-.v-application .apexcharts-canvas {
-  &line[stroke='transparent'] {
-    display: 'none';
-  }
-
-  .apexcharts-tooltip {
-    @include mixins.elevation(3);
-
-    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    background: rgb(var(--v-theme-surface));
-
-    .apexcharts-tooltip-title {
-      border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-      background: rgb(var(--v-theme-surface));
-      font-weight: 500;
-    }
-
-    &.apexcharts-theme-light {
-      color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-    }
-
-    &.apexcharts-theme-dark {
-      color: white;
-    }
-
-    .apexcharts-tooltip-series-group:first-of-type {
-      padding-block-end: 0;
-    }
-  }
-
-  .apexcharts-xaxistooltip {
-    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    background: rgb(var(--v-theme-gray-50));
-    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-
-    &::after {
-      border-block-end-color: rgb(var(--v-theme-gray-50));
-    }
-
-    &::before {
-      border-block-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    }
-  }
-
-  .apexcharts-yaxistooltip {
-    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    background: rgb(var(--v-theme-gray-50));
-
-    &::after {
-      border-inline-start-color: rgb(var(--v-theme-gray-50));
-    }
-
-    &::before {
-      border-inline-start-color: rgba(var(--v-border-color), var(--v-border-opacity));
-    }
-  }
-
-  .apexcharts-xaxistooltip-text,
-  .apexcharts-yaxistooltip-text {
-    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
-  }
-
-  .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
-    @include layoutsMixins.rtl {
-      text-anchor: start;
-    }
-  }
-
-  .apexcharts-text,
-  .apexcharts-tooltip-text,
-  .apexcharts-datalabel-label,
-  .apexcharts-datalabel,
-  .apexcharts-xaxistooltip-text,
-  .apexcharts-yaxistooltip-text,
-  .apexcharts-legend-text {
-    font-family: vuetify.$body-font-family !important;
-  }
-
-  .apexcharts-pie-label {
-    fill: white;
-    filter: none;
-  }
-
-  .apexcharts-marker {
-    box-shadow: none;
-  }
-
-  .apexcharts-legend-marker {
-    margin-inline-end: 0.3875rem !important;
-
-    @include layoutsMixins.rtl {
-      margin-inline-end: 0.75rem !important;
-    }
-  }
-}

package/dist/styles/@core/scss/template/libs/shepherd.css

@@ -1,82 +0,0 @@
-/** if false, disabled buttons will be greyed out */
-.shepherd-button {
-  border-radius: 6px;
-  block-size: 1.75rem;
-  font-size: 0.8125rem;
-  font-weight: 500;
-  margin-inline-end: 0.75rem;
-  padding-block: 0.25rem;
-  padding-inline: 1rem;
-}
-
-.shepherd-footer {
-  background: rgb(var(--v-theme-background));
-  padding-block: 0.5rem 1rem;
-  padding-inline: 1rem;
-}
-
-.shepherd-element .shepherd-content .shepherd-header {
-  background: rgb(var(--v-theme-background));
-  padding-block: 1rem 0;
-  padding-inline: 1rem;
-}
-
-.shepherd-element .shepherd-content .shepherd-header .shepherd-title {
-  color: rgb(var(--v-theme-on-background));
-  font-size: 1.125rem;
-  font-weight: 500;
-}
-
-.shepherd-text {
-  padding: 1rem;
-  background: rgb(var(--v-theme-background));
-  color: rgb(var(--v-theme-on-background));
-  font-size: 0.9375rem;
-}
-
-.shepherd-cancel-icon {
-  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)) !important;
-  font-size: 1.5rem;
-}
-
-.shepherd-element[data-popper-placement^=bottom] {
-  margin-block-start: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement^=top] {
-  margin-block-end: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement^=right] {
-  margin-inline-start: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement^=left] {
-  margin-inline-end: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement] .shepherd-arrow::before {
-  background: rgb(var(--v-theme-background)) !important;
-}
-
-.shepherd-element {
-  border-radius: 6px;
-  background: transparent;
-}
-
-.nextBtnClass,
-.nextBtnClass:not(:disabled):hover {
-  background: rgb(var(--v-theme-primary));
-}
-
-.backBtnClass,
-.backBtnClass:not(:disabled):hover {
-  background: rgba(var(--v-theme-secondary), var(--v-activated-opacity));
-  color: rgb(var(--v-theme-secondary));
-}
-
-@media screen and (max-width: 600px) {
-  .shepherd-element {
-    max-inline-size: 75vw;
-  }
-}

package/dist/styles/@core/scss/template/libs/shepherd.scss

@@ -1,88 +0,0 @@
-// commented out because it's not used
-// @use 'shepherd.js/dist/css/shepherd.css';
-
-@use '../../../../assets/scss/variables/vuetify.scss' as variables;
-
-.shepherd-button {
-  border-radius: variables.$button-border-radius;
-  block-size: 1.75rem;
-  font-size: 0.8125rem;
-  font-weight: variables.$button-font-weight;
-  margin-inline-end: 0.75rem;
-  padding-block: 0.25rem;
-  padding-inline: 1rem;
-}
-
-.shepherd-footer {
-  background: rgb(var(--v-theme-background));
-  padding-block: 0.5rem 1rem;
-  padding-inline: 1rem;
-}
-
-.shepherd-element .shepherd-content .shepherd-header {
-  background: rgb(var(--v-theme-background));
-  padding-block: 1rem 0;
-  padding-inline: 1rem;
-}
-
-.shepherd-element .shepherd-content .shepherd-header .shepherd-title {
-  color: rgb(var(--v-theme-on-background));
-  font-size: 1.125rem;
-  font-weight: 500;
-}
-
-.shepherd-text {
-  padding: 1rem;
-  background: rgb(var(--v-theme-background));
-  color: rgb(var(--v-theme-on-background));
-  font-size: variables.$card-text-font-size;
-}
-
-.shepherd-cancel-icon {
-  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)) !important;
-  font-size: 1.5rem;
-}
-
-.shepherd-element[data-popper-placement^='bottom'] {
-  margin-block-start: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement^='top'] {
-  margin-block-end: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement^='right'] {
-  margin-inline-start: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement^='left'] {
-  margin-inline-end: 0.75rem !important;
-}
-
-.shepherd-element[data-popper-placement] {
-  .shepherd-arrow::before {
-    background: rgb(var(--v-theme-background)) !important;
-  }
-}
-
-.shepherd-element {
-  border-radius: variables.$card-border-radius;
-  background: transparent;
-}
-
-.nextBtnClass,
-.nextBtnClass:not(:disabled):hover {
-  background: rgb(var(--v-theme-primary));
-}
-
-.backBtnClass,
-.backBtnClass:not(:disabled):hover {
-  background: rgba(var(--v-theme-secondary), var(--v-activated-opacity));
-  color: rgb(var(--v-theme-secondary));
-}
-
-@media screen and (max-width: 600px) {
-  .shepherd-element {
-    max-inline-size: 75vw;
-  }
-}