initial commit

resources/js/@core/scss/template/libs/apex-chart.scss

@@ -0,0 +1,95 @@
+@use "@styles/variables/_vuetify.scss" as vuetify;
+@use "vuetify/lib/styles/tools/_elevation" as mixins_elevation;
+@use "@layouts/styles/mixins" as layoutsMixins;
+
+.v-application .apexcharts-canvas {
+  &line[stroke="transparent"] {
+    display: "none";
+  }
+
+  .apexcharts-tooltip {
+    @include mixins_elevation.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: 600;
+    }
+
+    &.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-grey-50));
+    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
+
+    &::after {
+      border-block-end-color: rgb(var(--v-theme-grey-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-grey-50));
+
+    &::after {
+      border-inline-start-color: rgb(var(--v-theme-grey-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;
+  }
+}

resources/js/@core/scss/template/libs/full-calendar.scss

@@ -0,0 +1,267 @@
+@use "@core/scss/base/mixins";
+
+.v-application .fc {
+  --fc-today-bg-color: rgba(var(--v-theme-on-surface), 0.04);
+  --fc-border-color: rgba(var(--v-border-color), var(--v-border-opacity));
+  --fc-neutral-bg-color: rgb(var(--v-theme-background));
+  --fc-list-event-hover-bg-color: rgba(var(--v-theme-on-surface), 0.02);
+  --fc-page-bg-color: rgb(var(--v-theme-surface));
+  --fc-event-border-color: currentcolor;
+
+  a {
+    color: inherit;
+  }
+
+  .fc-timegrid-divider {
+    padding: 0;
+  }
+
+  .fc-col-header-cell-cushion {
+    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+    font-size: 0.875rem;
+    font-weight: 600;
+  }
+
+  .fc-toolbar .fc-toolbar-title {
+    margin-inline-start: 0.25rem;
+  }
+
+  .fc-event-time {
+    font-size: 0.75rem;
+    font-weight: 500 !important;
+  }
+
+  .fc-event-title {
+    font-size: 0.75rem;
+    font-weight: 500 !important;
+  }
+
+  .fc-timegrid-event {
+    .fc-event-title {
+      font-size: 0.875rem;
+    }
+  }
+
+  .fc-prev-button {
+    padding-inline-start: 0;
+  }
+
+  .fc-prev-button,
+  .fc-next-button {
+    padding: 0.25rem;
+  }
+
+  .fc-col-header .fc-col-header-cell .fc-col-header-cell-cushion {
+    padding: 0.5rem;
+    text-decoration: none !important;
+  }
+
+  .fc-timegrid .fc-timegrid-slots .fc-timegrid-slot {
+    block-size: 3rem;
+  }
+
+  // Removed double border on left in list view
+  .fc-list {
+    border-inline-start: none;
+    font-size: 0.875rem;
+
+    .fc-list-day-cushion.fc-cell-shaded {
+      background-color: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
+      color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+      font-weight: 600;
+    }
+
+    .fc-list-event-time,
+    .fc-list-event-title {
+      color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+    }
+
+    .fc-list-day .fc-list-day-text,
+    .fc-list-day .fc-list-day-side-text {
+      text-decoration: none;
+    }
+  }
+
+  .fc-timegrid-axis {
+    color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
+    font-size: 0.75rem;
+    text-transform: capitalize;
+  }
+
+  .fc-timegrid-slot-label-frame {
+    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+    font-size: 0.75rem;
+    text-align: center;
+    text-transform: uppercase;
+  }
+
+  .fc-header-toolbar {
+    flex-wrap: wrap;
+    margin: 1.25rem;
+    column-gap: 0.5rem;
+    row-gap: 1rem;
+  }
+
+  .fc-toolbar-chunk {
+    display: flex;
+    align-items: center;
+
+    .fc-button-group {
+      .fc-button-primary {
+        &,
+        &:hover,
+        &:not(.disabled):active {
+          border-color: transparent;
+          background-color: transparent;
+          color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+        }
+
+        &:focus {
+          box-shadow: none !important;
+        }
+      }
+    }
+
+    &:last-child {
+      .fc-button-group {
+        border: 0.0625rem solid rgba(var(--v-border-color), var(--v-border-opacity));
+        border-radius: 0.375rem;
+
+        .fc-button {
+          font-size: 0.9rem;
+          letter-spacing: 0.0187rem;
+          padding-inline: 1rem;
+          text-transform: uppercase;
+
+          &:not(:last-child) {
+            border-inline-end: 0.0625rem solid rgba(var(--v-border-color), var(--v-border-opacity));
+          }
+
+          &.fc-button-active {
+            background-color: rgba(var(--v-theme-primary), var(--v-activated-opacity));
+            color: rgb(var(--v-theme-primary));
+          }
+        }
+      }
+    }
+  }
+
+  .fc-toolbar-title {
+    display: inline-block;
+    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
+    font-size: 1.25rem;
+    font-weight: 500;
+  }
+
+  .fc-scrollgrid-section {
+    th {
+      border-inline: 0;
+    }
+  }
+
+  // Calendar content container
+  .fc-view-harness {
+    min-block-size: 40.625rem;
+  }
+
+  .fc-event {
+    border-color: transparent;
+    cursor: pointer;
+    margin-block-end: 0.3rem;
+    padding-block: 0.1875rem;
+    padding-inline: 0.3125rem;
+  }
+
+  .fc-event-main {
+    color: inherit;
+    font-size: 0.75rem;
+    font-weight: 500;
+    padding-inline: 0.25rem;
+  }
+
+  tbody[role="rowgroup"] {
+    > tr > td[role="presentation"] {
+      border: none;
+    }
+  }
+
+  .fc-scrollgrid {
+    border-inline-start: none;
+  }
+
+  .fc-daygrid-day {
+    padding: 0.3125rem;
+  }
+
+  .fc-daygrid-day-number {
+    padding-block: 0.5rem;
+    padding-inline: 0.75rem;
+  }
+
+  .fc-list-event-dot {
+    color: inherit;
+
+    --fc-event-border-color: currentcolor;
+  }
+
+  .fc-list-event {
+    background-color: transparent !important;
+  }
+
+  .fc-popover {
+    @include mixins.elevation(3);
+
+    border-radius: 6px;
+
+    .fc-popover-header,
+    .fc-popover-body {
+      padding: 0.5rem;
+    }
+
+    .fc-popover-title {
+      margin: 0;
+      font-size: 1rem;
+      font-weight: 500;
+    }
+  }
+
+  // 👉 sidebar toggler
+  .fc-toolbar-chunk {
+    .fc-button-group {
+      align-items: center;
+
+      .fc-button .fc-icon {
+        vertical-align: bottom;
+      }
+
+      // ℹ️ Below two `background-image` styles contains static color due to browser limitation of not parsing the css var inside CSS url()
+      .fc-drawerToggler-button {
+        display: none;
+        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='rgba(94,86,105,0.68)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
+        background-position: 50%;
+        background-repeat: no-repeat;
+        block-size: 1.5625rem;
+        font-size: 0;
+        inline-size: 1.5625rem;
+        margin-inline-end: 0.25rem;
+
+        @media (max-width: 1264px) {
+          display: block !important;
+        }
+
+        .v-theme--dark & {
+          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='rgba(232,232,241,0.68)' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
+        }
+      }
+    }
+  }
+
+  // ℹ️ Workaround of https://github.com/fullcalendar/fullcalendar/issues/6407
+  .fc-col-header,
+  .fc-daygrid-body,
+  .fc-scrollgrid-sync-table,
+  .fc-timegrid-body,
+  .fc-timegrid-body table {
+    inline-size: 100% !important;
+  }
+}

resources/js/@core/scss/template/libs/vuetify/_overrides.scss

@@ -0,0 +1,195 @@
+@use "@configured-variables" as variables;
+@use "@styles/variables/vuetify";
+@use "vuetify/lib/styles/tools/_elevation" as mixins_elevation;
+
+// 👉 Typography
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.text-h1,
+.text-h2,
+.text-h3,
+.text-h4,
+.text-h5,
+.text-h6,
+.text-body-1,
+.text-subtitle-1,
+.text-button,
+.v-card-title {
+  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
+}
+
+.v-application,
+.text-body-2,
+.text-subtitle-2,
+.text-overline {
+  color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
+}
+
+// 👉 Button
+.v-btn {
+  .v-icon {
+    --v-icon-size-multiplier: 0.953;
+  }
+
+  &--icon .v-icon {
+    --v-icon-size-multiplier: 1;
+  }
+}
+
+// Alert
+// custom icon style
+$alert-prepend-icon-font-size: 1.125rem !important;
+
+.v-alert:not(.v-alert--prominent) {
+  .v-alert__prepend {
+    padding: 0.25rem;
+    border-radius: 1rem;
+    background-color: #fff;
+
+    .v-icon {
+      block-size: $alert-prepend-icon-font-size;
+      font-size: $alert-prepend-icon-font-size;
+      inline-size: $alert-prepend-icon-font-size;
+    }
+  }
+}
+
+@each $color-name in variables.$theme-colors-name {
+  .v-alert {
+
+    &:not(.v-alert--prominent).text-#{$color-name},
+    &:not(.v-alert--prominent).bg-#{$color-name} {
+      .v-alert__prepend {
+        border: 3px solid rgb(var(--v-theme-#{$color-name}), 0.4);
+        color: rgba(var(--v-theme-#{$color-name})) !important;
+      }
+    }
+
+    &--variant-outlined:not(.v-alert--prominent),
+    &--variant-tonal:not(.v-alert--prominent),
+    &--variant-plain:not(.v-alert--prominent) {
+      &.bg-#{$color-name},
+      &.text-#{$color-name} {
+        .v-alert__prepend {
+          background-color: rgb(var(--v-theme-#{$color-name}));
+          box-shadow: 0 0 0 3px rgba(var(--v-theme-#{$color-name}), 0.4);
+          color: #fff !important;
+        }
+      }
+    }
+  }
+}
+
+// 👉 VAvatar
+.v-avatar {
+  font-size: 1.125rem;
+  line-height: 1.25rem;
+}
+
+// 👉 VChip
+.v-chip {
+  line-height: normal;
+  text-transform: uppercase;
+}
+
+.v-chip.v-chip--size-default .v-avatar {
+  font-size: 0.8125rem;
+  line-height: normal;
+}
+
+// 👉 VTooltip
+.v-tooltip {
+  .v-overlay__content {
+    font-weight: 500;
+  }
+}
+
+// 👉 VMenu
+.v-menu.v-overlay {
+  .v-overlay__content {
+    .v-list {
+      .v-list-item--density-default {
+        min-block-size: 2.25rem;
+      }
+    }
+  }
+}
+
+// 👉 VTabs
+.v-tabs--vertical:not(.v-tabs-pill) {
+  border-inline-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
+
+  .v-tab__slider {
+    inset-inline-end: 0;
+    inset-inline-start: unset;
+  }
+}
+
+.v-tabs.v-tabs-pill:not(.v-tabs--stacked) {
+  &.v-tabs--density-default {
+    --v-tabs-height: 38px;
+  }
+}
+
+// 👉 VSliderThumb
+.v-slider-thumb__surface {
+  border: 3px solid rgb(var(--v-theme-surface));
+
+  &::before {
+    inset: 0;
+  }
+}
+
+.v-slider-thumb__label {
+  background: variables.$slider-thumb-label-color;
+  color: rgb(var(--v-theme-on-primary));
+}
+
+.v-slider-thumb__label::before {
+  color: variables.$slider-thumb-label-color;
+}
+
+// 👉 VTimeline
+.v-timeline {
+  .v-timeline-item:not(:last-child) {
+    .v-timeline-item__body {
+      margin-block-end: 0.95rem;
+    }
+  }
+}
+
+// 👉 VDatatable
+.v-data-table {
+  th {
+    background: rgb(var(--v-table-header-background)) !important;
+    font-size: 0.75rem;
+    font-weight: 500 !important;
+    letter-spacing: 0.17px !important;
+    text-transform: uppercase !important;
+
+    .v-data-table-header__content {
+      display: flex;
+      justify-content: space-between;
+    }
+  }
+}
+
+// 👉 VTable
+.v-table {
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity)) !important;
+
+  th {
+    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity)) !important;
+    font-size: 0.75rem;
+    text-align: center !important;
+    text-transform: uppercase;
+
+    &:first-child {
+      text-align: start !important;
+    }
+  }
+}

resources/js/@core/scss/template/libs/vuetify/_variables.scss

@@ -0,0 +1,237 @@
+$shadow-key-umbra-opacity-custom: var(--v-shadow-key-umbra-opacity);
+$shadow-key-penumbra-opacity-custom: var(--v-shadow-key-penumbra-opacity);
+$shadow-key-ambient-opacity-custom: var(--v-shadow-key-ambient-opacity);
+/* stylelint-disable max-line-length */
+$font-family-custom: "Public Sans", sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+
+/* stylelint-enable max-line-length */
+
+@forward "../../../base/libs/vuetify/variables" with (
+  // 👉 font-family
+  $body-font-family: $font-family-custom !default,
+
+  // 👉 border-radius
+  $border-radius-root: 6px !default,
+
+  $shadow-key-umbra: (
+    0: (0 0 0 0 var(--v-shadow-key-umbra-opacity)),
+    1: (0 2px 1px -1px var(--v-shadow-key-umbra-opacity)),
+    2: (0 3px 1px -2px var(--v-shadow-key-umbra-opacity)),
+    3: (0 1px 6px -2px var(--v-shadow-key-umbra-opacity)),
+    4: (0 1px 7px -2px var(--v-shadow-key-umbra-opacity)),
+    5: (0 3px 5px -1px var(--v-shadow-key-umbra-opacity)),
+    6: (0 2px 9px -2px var(--v-shadow-key-umbra-opacity)),
+    7: (0 4px 5px -2px var(--v-shadow-key-umbra-opacity)),
+    8: (0 5px 5px -3px var(--v-shadow-key-umbra-opacity)),
+    9: (0 5px 6px -3px var(--v-shadow-key-umbra-opacity)),
+    10: (0 6px 6px -3px var(--v-shadow-key-umbra-opacity)),
+    11: (0 6px 7px -4px var(--v-shadow-key-umbra-opacity)),
+    12: (0 7px 8px -4px var(--v-shadow-key-umbra-opacity)),
+    13: (0 7px 8px -4px var(--v-shadow-key-umbra-opacity)),
+    14: (0 7px 9px -4px var(--v-shadow-key-umbra-opacity)),
+    15: (0 8px 9px -5px var(--v-shadow-key-umbra-opacity)),
+    16: (0 8px 10px -5px var(--v-shadow-key-umbra-opacity)),
+    17: (0 8px 11px -5px var(--v-shadow-key-umbra-opacity)),
+    18: (0 9px 11px -5px var(--v-shadow-key-umbra-opacity)),
+    19: (0 9px 12px -6px var(--v-shadow-key-umbra-opacity)),
+    20: (0 10px 13px -6px var(--v-shadow-key-umbra-opacity)),
+    21: (0 10px 13px -6px var(--v-shadow-key-umbra-opacity)),
+    22: (0 10px 14px -6px var(--v-shadow-key-umbra-opacity)),
+    23: (0 11px 14px -7px var(--v-shadow-key-umbra-opacity)),
+    24: (0 11px 15px -7px var(--v-shadow-key-umbra-opacity))
+  ) !default,
+
+  $shadow-key-penumbra: (
+    0: (0 0 0 0 $shadow-key-penumbra-opacity-custom),
+    1: (0 1px 1px 0 $shadow-key-penumbra-opacity-custom),
+    2: (0 2px 2px 0 $shadow-key-penumbra-opacity-custom),
+    3: (0 2px 6px 1px $shadow-key-penumbra-opacity-custom),
+    4: (0 3px 7px 1px $shadow-key-penumbra-opacity-custom),
+    5: (0 5px 8px 0 $shadow-key-penumbra-opacity-custom),
+    6: (0 4px 9px 1px $shadow-key-penumbra-opacity-custom),
+    7: (0 7px 10px 1px $shadow-key-penumbra-opacity-custom),
+    8: (0 8px 10px 1px $shadow-key-penumbra-opacity-custom),
+    9: (0 9px 12px 1px $shadow-key-penumbra-opacity-custom),
+    10: (0 10px 14px 1px $shadow-key-penumbra-opacity-custom),
+    11: (0 11px 15px 1px $shadow-key-penumbra-opacity-custom),
+    12: (0 12px 17px 2px $shadow-key-penumbra-opacity-custom),
+    13: (0 13px 19px 2px $shadow-key-penumbra-opacity-custom),
+    14: (0 14px 21px 2px $shadow-key-penumbra-opacity-custom),
+    15: (0 15px 22px 2px $shadow-key-penumbra-opacity-custom),
+    16: (0 16px 24px 2px $shadow-key-penumbra-opacity-custom),
+    17: (0 17px 26px 2px $shadow-key-penumbra-opacity-custom),
+    18: (0 18px 28px 2px $shadow-key-penumbra-opacity-custom),
+    19: (0 19px 29px 2px $shadow-key-penumbra-opacity-custom),
+    20: (0 20px 31px 3px $shadow-key-penumbra-opacity-custom),
+    21: (0 21px 33px 3px $shadow-key-penumbra-opacity-custom),
+    22: (0 22px 35px 3px $shadow-key-penumbra-opacity-custom),
+    23: (0 23px 36px 3px $shadow-key-penumbra-opacity-custom),
+    24: (0 24px 38px 3px $shadow-key-penumbra-opacity-custom)
+  ) !default,
+
+  $shadow-key-ambient: (
+    0: (0 0 0 0 $shadow-key-ambient-opacity-custom),
+    1: (0 1px 3px 0 $shadow-key-ambient-opacity-custom),
+    2: (0 1px 5px 0 $shadow-key-ambient-opacity-custom),
+    3: (0 1px 4px 2px $shadow-key-ambient-opacity-custom),
+    4: (0 1px 4px 2px $shadow-key-ambient-opacity-custom),
+    5: (0 1px 14px 0 $shadow-key-ambient-opacity-custom),
+    6: (0 2px 6px 4px $shadow-key-ambient-opacity-custom),
+    7: (0 2px 16px 1px $shadow-key-ambient-opacity-custom),
+    8: (0 3px 14px 2px $shadow-key-ambient-opacity-custom),
+    9: (0 3px 16px 2px $shadow-key-ambient-opacity-custom),
+    10: (0 4px 18px 3px $shadow-key-ambient-opacity-custom),
+    11: (0 4px 20px 3px $shadow-key-ambient-opacity-custom),
+    12: (0 5px 22px 4px $shadow-key-ambient-opacity-custom),
+    13: (0 5px 24px 4px $shadow-key-ambient-opacity-custom),
+    14: (0 5px 26px 4px $shadow-key-ambient-opacity-custom),
+    15: (0 6px 28px 5px $shadow-key-ambient-opacity-custom),
+    16: (0 6px 30px 5px $shadow-key-ambient-opacity-custom),
+    17: (0 6px 32px 5px $shadow-key-ambient-opacity-custom),
+    18: (0 7px 34px 6px $shadow-key-ambient-opacity-custom),
+    19: (0 7px 36px 6px $shadow-key-ambient-opacity-custom),
+    20: (0 8px 38px 7px $shadow-key-ambient-opacity-custom),
+    21: (0 8px 40px 7px $shadow-key-ambient-opacity-custom),
+    22: (0 8px 42px 7px $shadow-key-ambient-opacity-custom),
+    23: (0 9px 44px 8px $shadow-key-ambient-opacity-custom),
+    24: (0 9px 46px 8px $shadow-key-ambient-opacity-custom)
+  ) !default,
+
+  // 👉 Typography
+  $typography: (
+    "h1": (
+      "weight": 500,
+      "line-height": 7rem,
+      "letter-spacing": -0.0938rem,
+    ),
+    "h2": (
+      "weight": 500,
+      "line-height": 4.5rem,
+      "letter-spacing": -0.0313rem,
+    ),
+    "h3": (
+      "weight": 500,
+      "line-height": 3.5rem,
+    ),
+    "h4": (
+      "weight": 500,
+      "letter-spacing": 0.0156rem,
+    ),
+    "h5": (
+      "weight": 500,
+    ),
+    "h6": (
+      "letter-spacing": 0.0094rem,
+    ),
+    "subtitle-1": (
+      "letter-spacing": 0.0094rem,
+    ),
+    "subtitle-2": (
+      "line-height": 1.3125rem,
+      "letter-spacing": 0.0063rem,
+    ),
+    "body-1": (
+      "letter-spacing": 0.0094rem,
+    ),
+    "body-2": (
+      "line-height": 1.3125rem,
+      "letter-spacing": 0.0094rem,
+    ),
+    "caption": (
+      "line-height": 0.875rem,
+      "letter-spacing": 0.025rem,
+    ),
+    "button": (
+      "line-height": 1.5rem,
+      "letter-spacing": 0.025rem,
+    ),
+    "overline": (
+      "weight": 400,
+      "line-height": 0.875rem,
+      "letter-spacing": 0.0625rem,
+    ),
+  ) !default,
+
+  // 👉 Alert
+  $alert-density: ("default": 0, "comfortable": -0.625, "compact": -2) !default,
+  $alert-title-font-size: 1rem !default,
+  $alert-title-line-height: 1.5rem !default,
+  $alert-prepend-margin-inline-end: 0.75rem !default,
+
+  // 👉 Badges
+  $badge-dot-height: 0.5rem !default,
+  $badge-dot-width: 0.5rem !default,
+
+  // 👉 Button
+  $button-height: 38px !default,
+  $button-icon-density: ("default": 2.5, "comfortable": 0, "compact": -1.5) !default,
+  $button-card-actions-padding: 0 12px !default,
+
+  // 👉 Chip
+  $chip-font-size: 13px !default,
+  $chip-close-size: 22px !default,
+  $chip-label-border-radius: 4px !default,
+  $chip-density: ("default": 0, "comfortable": -1, "compact": -2) !default,
+
+  // 👉 Dialog
+  $dialog-card-header-padding: 20px 20px 0 !default,
+  $dialog-card-text-padding: 20px !default,
+  $dialog-elevation: 16 !default,
+
+  // 👉 Expansion Panel
+  $expansion-panel-title-padding: 14px 20px !default,
+  $expansion-panel-title-font-size: 1rem !default,
+  $expansion-panel-active-title-min-height: 51px !default,
+  $expansion-panel-title-min-height: 51px !default,
+  $expansion-panel-text-padding: 6px 20px 20px !default,
+
+  // 👉 List
+  $list-item-icon-margin-end: 12px !default,
+
+  // 👉 Pagination
+  $pagination-item-margin: 0.2rem !default,
+
+  // 👉 Snackbar
+  $snackbar-border-radius: 8px !default,
+  $snackbar-btn-padding: 0 12px !default,
+  $snackbar-background: rgb(var(--v-snackbar-background)) !default,
+  $snackbar-color: rgb(var(--v-snackbar-color)) !default,
+
+  // 👉 Tooltip
+  $tooltip-background-color: rgba(var(--v-tooltip-background),var(--v-tooltip-opacity)) !default,
+  $tooltip-padding: 4px 8px !default,
+  $tooltip-line-height: 16px !default,
+  $tooltip-font-size: 11px !default,
+
+  // 👉 Timeline
+  $timeline-dot-divider-background: transparent !default,
+  $timeline-divider-line-thickness: 1px !default,
+  $timeline-item-padding: 16px !default,
+
+  // 👉 input
+  $input-details-padding-above: 3px !default,
+  $text-field-details-padding-inline: 14px !default,
+
+  // 👉 combobox
+  $combobox-content-elevation: 6 !default,
+
+  // 👉 Range slider
+  $slider-track-active-size: 4px !default,
+  $slider-thumb-label-height: 29px !default,
+  $slider-thumb-label-padding: 4px 12px !default,
+  $slider-thumb-label-font-size: 12px !default,
+  $slider-track-border-radius: 12px !default,
+
+  // 👉 Card
+  $card-item-padding: 1.5rem !default,
+  $card-border-radius: 0.5rem !default,
+  $card-text-padding: 1.5rem !default,
+  $card-text-font-size: 1rem !default,
+  $card-title-padding: 0.5rem 1.5rem !default,
+  $card-subtitle-padding: 0 1.5rem !default,
+  $card-prepend-padding-inline-end: 0.625rem !default,
+  $card-append-padding-inline-start: 0.625rem !default,
+
+  // 👉 Button Group
+  $btn-group-height: 38px !default,
+);

resources/js/@core/scss/template/libs/vuetify/index.scss

@@ -0,0 +1,2 @@
+@use "@core/scss/base/libs/vuetify";
+@use "overrides";