vlite3 0.1.0 → 0.1.2

package/style.css

@@ -0,0 +1,590 @@
+@import 'tailwindcss';
+@layer theme, base, components, utilities;
+
+/* --- theme.css --- */
+@layer components {
+  @theme {
+
+    --color-mixture-1: #ffffff;
+    --color-mixture-2: #000000;
+
+    --color-gray-150: '';
+    --color-gray-250: '';
+    --color-body: '';
+    --color-background: '';
+    --color-foreground: '';
+    --color-border: '';
+    --color-input: '';
+    --color-card: '';
+    --color-secondary: '';
+    --color-secondary-foreground: '';
+    --color-muted: '';
+    --color-muted-light: '';
+    --color-muted-foreground: '';
+    --color-accent: '';
+    --color-accent-foreground: '';
+
+
+    --color-destructive: #ef4444;
+    --color-destructive-foreground: #fafafa;
+
+    /* Legacy Primary Variants */
+    --color-primary-light: #f4f4f5;
+    --color-primary-dark: #3f3f46;
+    --color-primary: #18181b;
+    --color-primary-foreground: #fafafa;
+    --color-primary-fg: #fafafa;
+    --color-primary-foreground-light: #18181b;
+
+    /* Danger */
+    --color-danger-light: #fff2f2;
+    --color-danger: #ff3b30;
+    --color-danger-dark: #d70015;
+    --color-danger-fg: #ffffff;
+    --color-danger-fg-light: #d70015;
+
+    /* Warning */
+    --color-warning-light: #FFF5EB;
+    --color-warning: #ff9500;
+    --color-warning-dark: #c95100;
+    --color-warning-fg: #ffffff;
+    --color-warning-fg-light: #c95100;
+
+    /* Info */
+    --color-info-light: #f0f8ff;
+    --color-info: #007aff;
+    --color-info-dark: #0051a8;
+    --color-info-fg: #ffffff;
+    --color-info-fg-light: #0051a8;
+
+    /* Success */
+    --color-success-light: #EEFBEF;
+    --color-success: #007E51;
+    --color-success-dark: #248a3d;
+    --color-success-fg: #ffffff;
+    --color-success-fg-light: #248a3d;
+
+    /* Radius */
+    --radius: 0.5rem;
+    --radius-sm: calc(0.5rem - 2px);
+    --radius-md: 0.5rem;
+    --radius-lg: calc(0.5rem + 2px);
+    --radius-xl: calc(0.5rem + 4px);
+
+
+
+    /* Animations */
+    --animate-accordion-down: accordion-down 0.2s ease-out;
+    --animate-accordion-up: accordion-up 0.2s ease-out;
+    --animate-ripple: ripple 600ms linear;
+  }
+}
+
+
+:root {
+  --tooltip-radius: var(--radius) !important;
+  --tooltip-shadow: var(--shadow-DEFAULT) !important;
+  --tooltip-arrow-size: 0.5em !important;
+  --tooltip-z-index: 50;
+  --tooltip-font-size: unset !important;
+
+
+  --shadow-sm: rgba(95, 97, 100, 0.07) 0px 15px 90px 0px, rgba(0, 0, 0, 0.02) 0.2px 0.2px 1px 0px;
+  --shadow-DEFAULT: rgba(55, 59, 74, 0.074) 0px 10px 55px 3px;
+  --shadow-md: var(--shadow-DEFAULT);
+  --shadow-lg: rgba(100, 100, 111, 0.15) 0px 7px 40px -1px;
+  --shadow-xl: rgba(0, 0, 0, 0.2) 0px 15px 50px -12px;
+}
+
+.dark .modal-body,
+.dark .sidepanel-body,
+.dark .tooltip-container,
+.bg-card,
+.theme-section,
+:root {
+
+  --color-white: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 100%,
+      var(--color-mixture-2, #000000));
+
+  --color-black: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 0%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-50: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 98.5%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-100: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 97%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-150: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 96%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-200: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 94.5%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-250: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 92%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-300: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 74%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-400: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 62%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-500: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 50%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-600: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 38%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-700: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 26%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-800: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 16%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-850: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 10%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-900: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 5%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-950: var(--color-mixture-2, #000000);
+
+  --color-body: var(--color-mixture-1);
+  --color-background: var(--color-body);
+  --color-foreground: var(--color-gray-900);
+
+  --color-border: color-mix(in oklab, var(--color-mixture-1) 90%, var(--color-mixture-2));
+  --color-input: var(--color-border);
+
+
+  --color-secondary: color-mix(in oklab, var(--color-mixture-1) 95.5%, var(--color-mixture-2));
+  --color-secondary-foreground: var(--color-foreground);
+
+  --color-muted-light: var(--color-gray-50);
+  --color-muted: var(--color-gray-100);
+  --color-muted-foreground: var(--color-foreground);
+
+  --color-accent: var(--color-gray-150);
+  --color-accent-foreground: var(--color-foreground);
+
+  --tooltip-bg: var(--color-background) !important;
+  --tooltip-text: var(--color-foreground) !important;
+  --tooltip-border: color-mix(in oklab, var(--color-mixture-1) 93%, var(--color-mixture-2)) !important;
+  --date-picker-border: var(--color-border) !important;
+  --iconPicker-border: var(--color-border) !important;
+}
+
+.dark {
+  --color-mixture-1: #0A0A0A !important;
+  --color-mixture-2: #ffffff !important;
+
+  --color-gray-50: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 95%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-100: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 93%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-150: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 90%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-200: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 88%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-250: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 82%,
+      var(--color-mixture-2, #000000));
+
+  --color-gray-300: color-mix(in oklab,
+      var(--color-mixture-1, #ffffff) 74%,
+      var(--color-mixture-2, #000000));
+
+  --color-secondary: color-mix(in oklab, var(--color-mixture-1) 91.5%, var(--color-mixture-2));
+
+  --color-destructive: #7f1d1d;
+  --color-destructive-foreground: #fafafa;
+
+  /* Charts (Dark) */
+  --color-chart-1: #22c55e;
+  --color-chart-2: #2a9d8f;
+  --color-chart-3: #264653;
+  --color-chart-4: #e9c46a;
+  --color-chart-5: #f4a261;
+
+  /* Variants (vlite3 custom) */
+  --color-primary-light: #2c2c2e;
+  --color-primary: #fafafa;
+  --color-primary-dark: #d4d4d8;
+  --color-primary-foreground: #18181b;
+  --color-primary-fg: #18181b;
+  --color-primary-foreground-light: #f4f4f5;
+
+  --shadow-sm: none !important;
+  --shadow-DEFAULT: none !important;
+  --shadow-md: none !important;
+  --shadow-lg: none !important;
+  --shadow-xl: none !important;
+  /* Semantics - Dark Mode High Contrast */
+
+  /* Danger */
+  --color-danger-light: #4E1D1A;
+  --color-danger-fg-light: #FCFCFC;
+  --color-danger: #7F1D1D;
+  --color-danger-fg: #ffffff;
+  --color-danger-dark: #D72627;
+
+  /* Warning */
+  --color-warning-light: #3a1e00;
+  --color-warning-fg-light: #ff9f0a;
+  --color-warning: #95600E;
+  --color-warning-fg: #ffffff;
+  --color-warning-dark: #ffb340;
+
+  /* Info */
+  --color-info-light: #001a33;
+  --color-info-fg-light: #0a84ff;
+  --color-info: #0a84ff;
+  --color-info-fg: #ffffff;
+  --color-info-dark: #409cff;
+
+  /* Success */
+  --color-success-light: #1B3419;
+  --color-success-fg-light: #ffffff;
+  --color-success: #007E51;
+  --color-success-fg: #ffffff;
+  --color-success-dark: #00613f;
+}
+
+
+.dark .modal-body,
+.dark .sidepanel-body {
+  --color-body: #171717 !important;
+  --color-mixture-1: #151515 !important;
+  --color-mixture-2: #ffffff !important;
+}
+
+.dark .tooltip-container {
+  --color-background: #171717 !important;
+  --color-mixture-1: #1c1c1c !important;
+  --color-mixture-2: #ffffff !important;
+}
+
+.dark .bg-card {
+  --color-body: #131313 !important;
+  --color-mixture-1: #191818 !important;
+  --color-mixture-2: #ffffff !important;
+  background-color: var(--color-body) !important;
+}
+
+.dark .modal-body .bg-card,
+.dark .sidepanel-body .bg-card,
+.dark .tooltip-container .bg-card {
+  --color-body: #1A1A1A !important;
+  --color-mixture-1: #191818 !important;
+  --color-mixture-2: #ffffff !important;
+  background-color: var(--color-body) !important;
+}
+
+.dark .bg-card {
+  --color-body: #131313 !important;
+  --color-mixture-1: #191818 !important;
+  --color-mixture-2: #ffffff !important;
+  background-color: var(--color-body) !important;
+}
+
+.bg-card {
+  --color-body: #FAFAFA !important;
+  --color-mixture-1: #fbfbfb !important;
+  --color-mixture-2: #000000 !important;
+  background-color: #FBFBFB !important;
+  border-color: color-mix(in oklab, var(--color-mixture-1) 95%, var(--color-mixture-2));
+}
+
+.bg-card .bg-card {
+  --color-body: #F5F5F5 !important;
+  --color-mixture-1: #F5F5F5;
+  --color-mixture-2: #000000;
+  background-color: #F5F5F5 !important;
+}
+
+.bg-card .bg-card .bg-card {
+  --color-body: #EEE !important;
+  --color-mixture-1: #F5F5F5;
+  --color-mixture-2: #000000;
+  background-color: #EEE !important;
+}
+
+.dark .bg-card .bg-card {
+  --color-body: #171717 !important;
+  --color-mixture-1: #181818;
+  --color-mixture-2: #000000;
+  background-color: #171717 !important;
+}
+
+.dark .bg-card .bg-card .bg-card {
+  --color-body: #1A1A1A !important;
+  --color-mixture-1: #171717;
+  --color-mixture-2: #000000;
+  background-color: #1A1A1A !important;
+}
+
+.shadow-sm {
+  box-shadow: var(--shadow-sm) !important;
+}
+
+.shadow-DEFAULT {
+  box-shadow: var(--shadow-DEFAULT) !important;
+}
+
+.shadow-md {
+  box-shadow: var(--shadow-md) !important;
+}
+
+.shadow {
+  box-shadow: var(--shadow-md) !important;
+}
+
+.shadow-lg {
+  box-shadow: var(--shadow-lg) !important;
+}
+
+.shadow-xl {
+  box-shadow: var(--shadow-xl) !important;
+}
+
+/* --- base.css --- */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  letter-spacing: -0.01px;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+
+@layer components {
+  body {
+    @apply bg-background text-foreground;
+    font-feature-settings: "rlig" 1, "calt" 1;
+    font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  }
+
+
+  /* Ripple */
+  span.ripple {
+    position: absolute;
+    border-radius: 50%;
+    transform: scale(0);
+    animation: ripple 600ms linear;
+    background-color: rgba(255, 255, 255, 0.094);
+    pointer-events: none;
+  }
+
+  *,
+  ::before,
+  ::after {
+    @apply border-border;
+  }
+
+  h1,
+  .h1,
+  h2,
+  .h2,
+  h3,
+  .h3,
+  h4,
+  .h4 {
+    @apply font-bold text-foreground;
+  }
+
+  h5,
+  .h5,
+  h6,
+  .h6 {
+    @apply font-sans text-foreground;
+  }
+
+  h1,
+  .h1 {
+    @apply text-3xl;
+    line-height: 1.3em;
+  }
+
+  h2,
+  .h2 {
+    @apply text-2xl;
+    line-height: 1.3em;
+  }
+
+  h3,
+  .h3 {
+    @apply text-xl;
+    line-height: 1.25em;
+  }
+
+  h4,
+  .h4 {
+    @apply text-lg;
+  }
+
+  h5,
+  .h5 {
+    @apply font-semibold;
+  }
+
+  h6,
+  .h6 {
+    @apply font-medium;
+  }
+
+  small {
+    @apply text-sm;
+  }
+
+  :root {
+    scroll-behavior: smooth;
+  }
+
+  .dropdown .tooltip-content {
+    padding: 0 !important;
+  }
+
+  .basic-tooltip .tooltip-content {
+    padding: 0.3em 0.7em !important;
+    font-size: 0.8em
+  }
+}
+
+
+@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+
+@keyframes accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+
+  to {
+    height: 0;
+  }
+}
+
+@keyframes ripple {
+  to {
+    transform: scale(4);
+    opacity: 0;
+  }
+}
+
+#icon-picker {
+  --iconPicker-text: var(--color-foreground);
+  --iconPicker-border: var(--color-border);
+  --iconPicker-primary: var(--color-primary);
+  --iconPicker-primary-fg: var(--color-primary-foreground);
+  --iconPicker-primary-hover: var(--color-primary);
+  /* Approximation */
+  --iconPicker-radius: var(--radius);
+  --iconPicker-gap: 0.25em;
+  --iconPicker-input-height: 2.125em;
+  --iconPicker-selected-bg: var(--color-accent);
+  --iconPicker-font-base: 15.5px;
+  --iconPicker-transition: all 0.2s ease;
+  padding: 5px;
+}
+
+/* --- input.css --- */
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type='number'] {
+  -moz-appearance: textfield;
+}
+
+/* Hide the stepper controls */
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus,
+select:-webkit-autofill,
+select:-webkit-autofill:hover,
+select:-webkit-autofill:focus {
+  -webkit-text-fill-color: theme('colors.gray.900');
+  -webkit-box-shadow: 0 0 0px 1000px theme('colors.background') inset;
+  transition: background-color 5000s ease-in-out 0s;
+}
+
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  opacity: 0;
+}
+
+input[type='date']::-webkit-inner-spin-button,
+input[type='date']::-webkit-calendar-picker-indicator {
+  display: none;
+  -webkit-appearance: none;
+}
+
+textarea {
+  scrollbar-width: thin !important;
+}
+
+textarea::-webkit-scrollbar {
+  width: 6px !important;
+  height: 6px !important;
+}
+
+textarea::-webkit-scrollbar-track {
+  border-radius: 10px !important;
+}
+
+textarea::-webkit-scrollbar-thumb {
+  border-radius: 10px !important;
+  border: 1px solid transparent !important;
+  background-clip: padding-box !important;
+}
+
+/* --- Vite Generated CSS --- */
+.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.attached-group[data-v-8c9add3e]:not(.vertical-group) button{border-radius:0}.attached-group[data-v-8c9add3e] button{position:relative;--radius: .375rem}.attached-group[data-v-8c9add3e] button:focus-visible,.attached-group[data-v-8c9add3e] button:hover{z-index:10}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-8c9add3e] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-8c9add3e] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;width:auto}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{width:100%}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{height:100%}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}table[data-v-45a246be]{table-layout:fixed}table col[data-v-45a246be]:first-child{width:48px!important}table th[data-v-45a246be]:first-child,table td[data-v-45a246be]:first-child{width:48px!important;max-width:48px!important;min-width:48px!important}.form-field-item[data-v-5c98aa0e]{display:flex;flex-direction:column}.form-field-item[data-v-5c98aa0e]:has([role=switch]),.form-field-item[data-v-5c98aa0e]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-25a5775d]{width:100%}.custom-fields-table[data-v-79b7dd60] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-79b7dd60] input,.custom-fields-table[data-v-79b7dd60] textarea,.custom-fields-table[data-v-79b7dd60] select,.custom-fields-table[data-v-79b7dd60] .input-wrapper,.custom-fields-table[data-v-79b7dd60] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-79b7dd60] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-79b7dd60] input:focus,.custom-fields-table[data-v-79b7dd60] textarea:focus,.custom-fields-table[data-v-79b7dd60] select:focus,.custom-fields-table[data-v-79b7dd60] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-79b7dd60] .w-full{width:100%;height:100%}.list-move[data-v-79b7dd60],.list-enter-active[data-v-79b7dd60],.list-leave-active[data-v-79b7dd60]{transition:all .3s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-79b7dd60],.list-leave-to[data-v-79b7dd60]{opacity:0;transform:translateY(-10px)}.list-leave-active[data-v-79b7dd60]{position:absolute;width:100%;z-index:0}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-4142e8a9],.slide-right-leave-active[data-v-4142e8a9],.slide-left-enter-active[data-v-4142e8a9],.slide-left-leave-active[data-v-4142e8a9]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-4142e8a9],.slide-right-leave-to[data-v-4142e8a9]{transform:translate(100%)}.slide-left-enter-from[data-v-4142e8a9],.slide-left-leave-to[data-v-4142e8a9]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-7a1ec14c]{animation:first-toast-in-7a1ec14c .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-7a1ec14c]{transition:all .25s ease-in}.first-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-7a1ec14c{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-7a1ec14c],.stack-toast-leave-active[data-v-7a1ec14c]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-7a1ec14c]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-7a1ec14c]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-7a1ec14c]{transition:transform .4s cubic-bezier(.16,1,.3,1)}
+

package/types/alert.type.d.ts

@@ -0,0 +1,10 @@
+export type AlertVariant = 'primary' | 'success' | 'warning' | 'danger';
+export interface AlertProps {
+    title: string;
+    description?: string;
+    icon?: string;
+    variant?: AlertVariant;
+    closable?: boolean;
+    role?: 'alert' | 'status' | 'none';
+    class?: string;
+}

package/{src/types/avatar.type.ts → types/avatar.type.d.ts}

@@ -1,11 +1,10 @@
-export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'
-export type AvatarRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'
-
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type AvatarRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 export interface AvatarProps {
-  src?: string
-  alt?: string
-  fallback?: string
-  size?: AvatarSize
-  rounded?: AvatarRounded
-  class?: string
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    size?: AvatarSize;
+    rounded?: AvatarRounded;
+    class?: string;
 }

package/types/button.d.ts

@@ -0,0 +1,15 @@
+export type ButtonVariant = 'primary' | 'primary-light' | 'secondary' | 'danger' | 'danger-light' | 'warning' | 'warning-light' | 'info' | 'info-light' | 'success' | 'success-light' | 'outline' | 'outline-primary' | 'outline-danger' | 'outline-warning' | 'outline-info' | 'outline-success' | 'ghost' | 'link';
+export type ButtonSize = 'xs' | 'md' | 'sm' | 'lg' | 'xl';
+export type ButtonRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+export interface ButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    class?: any;
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: string;
+    iconRight?: string;
+    type?: 'button' | 'submit' | 'reset';
+    text?: string;
+    rounded?: ButtonRounded;
+}

package/types/buttongroup.type.d.ts

@@ -0,0 +1 @@
+export type ButtonGroupDirection = 'horizontal' | 'vertical';

package/{src/types/config.type.ts → types/config.type.d.ts}

@@ -2,30 +2,27 @@
  * Interface for the file upload handler function.
  * This allows users to replace the default upload logic with their own API.
  */
-export type FileUploadHandler = (
-  file: File | { file: File; fileName?: string },
-  folderId?: string | null
-) => Promise<string | null | undefined>
-
+export type FileUploadHandler = (file: File | {
+    file: File;
+    fileName?: string;
+}, folderId?: string | null) => Promise<string | null | undefined>;
 /**
  * Registry for global services.
  * Extend this interface when adding new global capabilities (e.g., auth, analytics).
  */
 export interface VLiteServices {
-  /**
-   * Global file upload implementation.
-   * Used by useFileUpload composable.
-   */
-  upload?: FileUploadHandler
+    /**
+     * Global file upload implementation.
+     * Used by useFileUpload composable.
+     */
+    upload?: FileUploadHandler;
 }
-
 /**
  * Main configuration object for the VLite plugin.
  */
 export interface VLiteConfig {
-  /**
-   * Service registry for dependency injection.
-   */
-  services?: VLiteServices
+    /**
+     * Service registry for dependency injection.
+     */
+    services?: VLiteServices;
 }
-