vlite3 0.4.4 → 0.4.7

package/index.js

@@ -21,9 +21,9 @@ import { default as z } from "./components/DataTable/DataTableHeader.vue.js";
 import { default as V } from "./components/DataTable/DataTableRow.vue.js";
 import { default as W } from "./components/Dropdown/Dropdown.vue.js";
 import { default as _ } from "./components/Dropdown/DropdownMenu.vue.js";
-import { default as J } from "./components/Dropdown/DropdownTrigger.vue.js";
-import { default as X } from "./components/Dropdown/DropdownItem.vue.js";
-import { useDropdownSelection as $ } from "./components/Dropdown/composables/useDropdownSelection.js";
+import { default as j } from "./components/Dropdown/DropdownTrigger.vue.js";
+import { default as Q } from "./components/Dropdown/DropdownItem.vue.js";
+import { useDropdownSelection as Z } from "./components/Dropdown/composables/useDropdownSelection.js";
 import { useDropdownIds as oe } from "./components/Dropdown/composables/useDropdownIds.js";
 import { default as te } from "./components/FilePicker/FilePicker.vue.js";
 import { default as fe } from "./components/FileTree/FileTree.vue.js";
@@ -48,9 +48,9 @@ import { default as ze } from "./components/Logo.vue.js";
 import { default as Ve } from "./components/Masonry/Masonry.vue.js";
 import { MASONRY_BREAKPOINTS as We } from "./components/Masonry/types.js";
 import { default as _e } from "./components/Modal.vue.js";
-import { default as Je } from "./components/MultiSelect/MultiSelect.vue.js";
-import { default as Xe } from "./components/Navbar/Navbar.vue.js";
-import { default as $e } from "./components/Navbar/NavbarItem.vue.js";
+import { default as je } from "./components/MultiSelect/MultiSelect.vue.js";
+import { default as Qe } from "./components/Navbar/Navbar.vue.js";
+import { default as Ze } from "./components/Navbar/NavbarItem.vue.js";
 import { default as oo } from "./components/Navbar/NavbarGroup.vue.js";
 import { default as to } from "./components/OTPInput/OTPInput.vue.js";
 import { default as fo } from "./components/Pagination/Pagination.vue.js";
@@ -73,8 +73,8 @@ import { default as Go } from "./components/Workbook/Workbook.vue.js";
 import { default as Eo } from "./components/Workbook/Sheet.vue.js";
 import { default as Uo } from "./components/GoogleLogin.vue.js";
 import { default as Ho } from "./components/ProgressBar/ProgressBar.vue.js";
-import { configure as qo, pauseTimers as Wo, removeToast as Yo, resumeTimers as _o, showToast as jo, toast as Jo, useNotifications as Qo } from "./composables/useNotifications.js";
-import { useTheme as Zo } from "./composables/useTheme.js";
+import { configure as qo, pauseTimers as Wo, removeToast as Yo, resumeTimers as _o, showToast as $o, toast as jo, useNotifications as Jo } from "./composables/useNotifications.js";
+import { useTheme as Xo } from "./composables/useTheme.js";
 import { useAdvancedKeyStroke as er, useKeyStroke as or } from "./composables/useKeyStroke.js";
 import { vScrollReveal as tr } from "./directives/vScrollReveal.js";
 import { createVLite as fr } from "./core/index.js";
@@ -82,11 +82,13 @@ import { deepMerge as mr } from "./utils/object.js";
 import { camelCase as dr, capitalize as sr, copyToClipboard as ur, debounce as xr, delay as ir, downloadFile as nr, flattenArray as cr, formatCurrency as Tr, getUniqueId as gr, isAppleDevice as Sr, isEmpty as br, randomNumber as Ir, removeExtraProperties as Pr, slugify as Fr, throttle as hr, truncate as vr } from "./utils/functions.js";
 import { lazySearch as Cr, resetSearchIndex as Dr, search as wr } from "./utils/search.util.js";
 import { env as Nr } from "./utils/env.js";
-import { default as Br } from "./components/DataList/DataList.vue.js";
-import { default as Kr } from "./components/Screen/Screen.vue.js";
-import { default as Gr } from "./components/Screen/ScreenFilter.vue.js";
-import { useVLiteConfig as Er } from "./core/config.js";
+import { $t as Br } from "./utils/i18n.js";
+import { default as Kr } from "./components/DataList/DataList.vue.js";
+import { default as Gr } from "./components/Screen/Screen.vue.js";
+import { default as Er } from "./components/Screen/ScreenFilter.vue.js";
+import { useVLiteConfig as Ur } from "./core/config.js";
 export {
+  Br as $t,
   f as Accordion,
   u as AccordionContent,
   m as AccordionItem,
@@ -104,15 +106,15 @@ export {
   M as ColorPicker,
   L as ConfirmationModal,
   ge as CustomFields,
-  Br as DataList,
+  Kr as DataList,
   O as DataTable,
   z as DataTableHeader,
   V as DataTableRow,
   R as DatePicker,
   W as Dropdown,
-  X as DropdownItem,
+  Q as DropdownItem,
   _ as DropdownMenu,
-  J as DropdownTrigger,
+  j as DropdownTrigger,
   te as FilePicker,
   fe as FileTree,
   me as FileTreeNode,
@@ -132,18 +134,18 @@ export {
   We as MASONRY_BREAKPOINTS,
   Ve as Masonry,
   _e as Modal,
-  Je as MultiSelect,
-  Xe as Navbar,
+  je as MultiSelect,
+  Qe as Navbar,
   oo as NavbarGroup,
-  $e as NavbarItem,
+  Ze as NavbarItem,
   Re as NumberInput,
   to as OTPInput,
   fo as Pagination,
   mo as PricingPlan,
   so as PricingPlanItem,
   Ho as ProgressBar,
-  Kr as Screen,
-  Gr as ScreenFilter,
+  Gr as Screen,
+  Er as ScreenFilter,
   Eo as Sheet,
   xo as SidePanel,
   no as SidebarMenu,
@@ -181,21 +183,21 @@ export {
   Dr as resetSearchIndex,
   _o as resumeTimers,
   wr as search,
-  jo as showToast,
+  $o as showToast,
   Fr as slugify,
   hr as throttle,
-  Jo as toast,
+  jo as toast,
   vr as truncate,
   er as useAdvancedKeyStroke,
   oe as useDropdownIds,
-  $ as useDropdownSelection,
+  Z as useDropdownSelection,
   Pe as useFileUpload,
   be as useForm,
   Le as useKanbanBoard,
   or as useKeyStroke,
-  Qo as useNotifications,
-  Zo as useTheme,
+  Jo as useNotifications,
+  Xo as useTheme,
   de as useTreeSelection,
-  Er as useVLiteConfig,
+  Ur as useVLiteConfig,
   tr as vScrollReveal
 };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.4.4",
+  "version": "0.4.7",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -648,7 +648,6 @@ html {
   padding-right: 10px !important;
 }
 
-
 /* --- input.css --- */
 input[type='number']::-webkit-inner-spin-button,
 input[type='number']::-webkit-outer-spin-button {
@@ -713,5 +712,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]: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-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]: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-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] 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-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] 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-ba735fac]: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;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}.custom-fields-table[data-v-ce6a94e8] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea,.custom-fields-table[data-v-ce6a94e8] select,.custom-fields-table[data-v-ce6a94e8] .input-wrapper,.custom-fields-table[data-v-ce6a94e8] .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-ce6a94e8] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-ce6a94e8] input:focus,.custom-fields-table[data-v-ce6a94e8] textarea:focus,.custom-fields-table[data-v-ce6a94e8] select:focus,.custom-fields-table[data-v-ce6a94e8] .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-ce6a94e8] .w-full{width:100%;height:100%}.list-enter-active[data-v-ce6a94e8]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-ce6a94e8]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-47af145c]{display:flex;flex-direction:column}.form-field-item[data-v-47af145c]:has([role=switch]),.form-field-item[data-v-47af145c]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-a67bf34e]{width:100%}.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}}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-495f8aa0],.slide-right-leave-active[data-v-495f8aa0],.slide-left-enter-active[data-v-495f8aa0],.slide-left-leave-active[data-v-495f8aa0]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-495f8aa0],.slide-right-leave-to[data-v-495f8aa0]{transform:translate(100%)}.slide-left-enter-from[data-v-495f8aa0],.slide-left-leave-to[data-v-495f8aa0]{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-6b631840]{animation:first-toast-in-6b631840 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-6b631840]{transition:all .25s ease-in}.first-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-6b631840{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-6b631840],.stack-toast-leave-active[data-v-6b631840]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-6b631840]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-6b631840]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}
+.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]: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-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]: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-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] 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-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] 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-ba735fac]: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;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}.custom-fields-table[data-v-2969f70d] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-2969f70d] input,.custom-fields-table[data-v-2969f70d] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-2969f70d] input,.custom-fields-table[data-v-2969f70d] textarea,.custom-fields-table[data-v-2969f70d] select,.custom-fields-table[data-v-2969f70d] .input-wrapper,.custom-fields-table[data-v-2969f70d] .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-2969f70d] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-2969f70d] input:focus,.custom-fields-table[data-v-2969f70d] textarea:focus,.custom-fields-table[data-v-2969f70d] select:focus,.custom-fields-table[data-v-2969f70d] .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-2969f70d] .w-full{width:100%;height:100%}.list-enter-active[data-v-2969f70d]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-2969f70d]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-f01b3b3b]{display:flex;flex-direction:column}.form-field-item[data-v-f01b3b3b]:has([role=switch]),.form-field-item[data-v-f01b3b3b]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-a67bf34e]{width:100%}.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}}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3849c10a]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.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-dc3a3b49]{animation:first-toast-in-dc3a3b49 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-dc3a3b49]{transition:all .25s ease-in}.first-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-dc3a3b49{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-dc3a3b49],.stack-toast-leave-active[data-v-dc3a3b49]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-dc3a3b49]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-dc3a3b49]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-dc3a3b49]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}
 

package/types/button.d.ts

@@ -11,6 +11,7 @@ export interface ButtonProps {
     iconRight?: string;
     type?: 'button' | 'submit' | 'reset';
     text?: string;
+    textI18n?: string;
     rounded?: ButtonRounded;
     textClass?: string;
     iconClass?: string;

package/types/config.type.d.ts

@@ -6,6 +6,11 @@ export type FileUploadHandler = (file: File | {
     file: File;
     fileName?: string;
 }, folderId?: string | null) => Promise<string | null | undefined>;
+/**
+ * Interface for the i18n translation handler function.
+ * This allows users to pass their translation library (e.g. vue-i18n).
+ */
+export type TranslationHandler = (key: string, ...args: any[]) => string;
 /**
  * Registry for global services.
  * Extend this interface when adding new global capabilities (e.g., auth, analytics).
@@ -16,6 +21,11 @@ export interface VLiteServices {
      * Used by useFileUpload composable.
      */
     upload?: FileUploadHandler;
+    /**
+     * Global translation function implementation.
+     * Used by components to support i18n.
+     */
+    t?: TranslationHandler;
 }
 /**
  * Main configuration object for the VLite plugin.

package/types/form.type.d.ts

@@ -7,7 +7,9 @@ export interface InputProps {
     modelValue?: string | number;
     type?: InputType;
     label?: string;
+    labelI18n?: string;
     placeholder?: string;
+    placeholderI18n?: string;
     disabled?: boolean;
     loading?: boolean;
     error?: string;

package/types/styles.d.ts

@@ -2,9 +2,12 @@ export type IVariants = 'danger' | 'primary' | 'default' | 'outline' | 'secondar
 export type ISize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 export type IDropdownOption = {
     label: string;
+    labelI18n?: string;
     value?: any;
     subtitle?: string;
+    subtitleI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     icon?: string;
     emoji?: string;
     disabled?: Boolean;

package/types/timeline.type.d.ts

@@ -1,7 +1,9 @@
 export interface TimelineStep {
     id: string | number;
     title: string;
+    titleI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     icon?: string;
     status?: 'completed' | 'current' | 'upcoming';
 }

package/utils/i18n.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Global translation function.
+ * Uses the globally registered translation handler (e.g., vue-i18n) if configured.
+ * Falls back to returning the key if no translation service is setup.
+ *
+ * This can be used safely inside or outside of Vue components.
+ */
+export declare const $t: (key: string, ...args: any[]) => string;

package/utils/i18n.js

@@ -0,0 +1,5 @@
+import { configState as r } from "../core/config.js";
+const o = (t, ...e) => r?.services?.t ? r.services.t(t, ...e) : t;
+export {
+  o as $t
+};

package/utils/index.d.ts

@@ -2,3 +2,4 @@ export * from './object';
 export * from './functions';
 export * from './search.util';
 export * from './env';
+export * from './i18n';