vlite3 0.1.10 → 0.2.2

package/index.js

@@ -1,156 +1,189 @@
-import { default as t } from "./components/Accordion/Accordion.vue.js";
-import { default as f } from "./components/Accordion/AccordionItem.vue.js";
-import { default as p } from "./components/Accordion/AccordionTrigger.vue.js";
-import { default as l } from "./components/Accordion/AccordionContent.vue.js";
-import { default as u } from "./components/Alert.vue.js";
-import { default as i } from "./components/Avatar.vue.js";
-import { default as c } from "./components/AvatarUploader/AvatarUploader.vue.js";
-import { default as g } from "./components/Badge.vue.js";
-import { default as b } from "./components/Button.vue.js";
-import { default as F } from "./components/ButtonGroup.vue.js";
-import { default as A } from "./components/Carousel/Carousel.vue.js";
-import { default as k } from "./components/CheckBox.vue.js";
-import { default as C } from "./components/Chip/Chip.vue.js";
-import { default as h } from "./components/ChoiceBox/ChoiceBox.vue.js";
-import { default as v } from "./components/ColorPicker/ColorPicker.vue.js";
-import { default as L } from "./components/ConfirmationModal.vue.js";
-import { default as K } from "./components/DatePicker.vue.js";
-import { default as R } from "./components/DataTable/DataTable.vue.js";
-import { default as H } from "./components/DataTable/DataTableHeader.vue.js";
+import { default as t } from "./node_modules/vue3-google-signin/dist/index.es.js";
+import { default as f } from "./components/Accordion/Accordion.vue.js";
+import { default as m } from "./components/Accordion/AccordionItem.vue.js";
+import { default as d } from "./components/Accordion/AccordionTrigger.vue.js";
+import { default as u } from "./components/Accordion/AccordionContent.vue.js";
+import { default as i } from "./components/Alert.vue.js";
+import { default as c } from "./components/Avatar.vue.js";
+import { default as g } from "./components/AvatarUploader/AvatarUploader.vue.js";
+import { default as b } from "./components/Badge.vue.js";
+import { default as P } from "./components/Button.vue.js";
+import { default as v } from "./components/ButtonGroup.vue.js";
+import { default as C } from "./components/Carousel/Carousel.vue.js";
+import { default as D } from "./components/CheckBox.vue.js";
+import { default as y } from "./components/Chip/Chip.vue.js";
+import { default as k } from "./components/ChoiceBox/ChoiceBox.vue.js";
+import { default as B } from "./components/ColorPicker/ColorPicker.vue.js";
+import { default as G } from "./components/ConfirmationModal.vue.js";
+import { default as E } from "./components/DatePicker.vue.js";
+import { default as O } from "./components/DataTable/DataTable.vue.js";
+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 q } from "./components/Dropdown/DropdownTrigger.vue.js";
-import { default as J } from "./components/Dropdown/DropdownItem.vue.js";
-import { useDropdownSelection as X } from "./components/Dropdown/composables/useDropdownSelection.js";
-import { useDropdownIds as $ } from "./components/Dropdown/composables/useDropdownIds.js";
-import { default as oe } from "./components/FilePicker/FilePicker.vue.js";
-import { default as te } from "./components/FileTree/FileTree.vue.js";
-import { default as fe } from "./components/FileTree/FileTreeNode.vue.js";
-import { useTreeSelection as pe } from "./components/FileTree/useTreeSelection.js";
-import { default as le } from "./components/Form/Form.vue.js";
-import { default as ue } from "./components/Form/FormField.vue.js";
-import { default as ie } from "./components/Form/FormFields.vue.js";
-import { default as ce } from "./components/Form/CustomFields.vue.js";
-import { useForm as ge } from "./components/Form/composables/useForm.js";
-import { useFileUpload as be } from "./components/Form/composables/useFileUpload.js";
-import { default as Fe } from "./components/Heatmap/Heatmap.vue.js";
-import { default as Ae } from "./components/Icon.vue.js";
-import { default as ke } from "./components/IconPicker.vue.js";
-import { default as Ce } from "./components/Input.vue.js";
-import { default as he } from "./components/Label.vue.js";
-import { default as ve } from "./components/Logo.vue.js";
-import { default as Le } from "./components/Masonry/Masonry.vue.js";
-import { MASONRY_BREAKPOINTS as Ke } from "./components/Masonry/types.js";
-import { default as Re } from "./components/Modal.vue.js";
-import { default as He } from "./components/MultiSelect/MultiSelect.vue.js";
-import { default as Ve } from "./components/Navbar/Navbar.vue.js";
-import { default as We } from "./components/Navbar/NavbarItem.vue.js";
-import { default as _e } from "./components/Navbar/NavbarGroup.vue.js";
-import { default as qe } from "./components/OTPInput/OTPInput.vue.js";
-import { default as Je } from "./components/Pagination/Pagination.vue.js";
-import { default as Xe } from "./components/PricingPlan/PricingPlan.vue.js";
-import { default as $e } from "./components/PricingPlan/PricingPlanItem.vue.js";
-import { default as oo } from "./components/SidePanel.vue.js";
-import { default as to } from "./components/SidebarMenu/SidebarMenu.vue.js";
-import { default as fo } from "./components/SidebarMenu/SidebarMenuItem.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 { 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";
+import { default as me } from "./components/FileTree/FileTreeNode.vue.js";
+import { useTreeSelection as de } from "./components/FileTree/useTreeSelection.js";
+import { default as ue } from "./components/Form/Form.vue.js";
+import { default as ie } from "./components/Form/FormField.vue.js";
+import { default as ce } from "./components/Form/FormFields.vue.js";
+import { default as ge } from "./components/Form/CustomFields.vue.js";
+import { useForm as be } from "./components/Form/composables/useForm.js";
+import { useFileUpload as Pe } from "./components/Form/composables/useFileUpload.js";
+import { default as ve } from "./components/Heatmap/Heatmap.vue.js";
+import { default as Ce } from "./components/Icon.vue.js";
+import { default as De } from "./components/IconPicker.vue.js";
+import { default as ye } from "./components/Input.vue.js";
+import { default as ke } from "./components/NumberInput.vue.js";
+import { default as Be } from "./components/Label.vue.js";
+import { default as Ge } from "./components/Logo.vue.js";
+import { default as Ee } from "./components/Masonry/Masonry.vue.js";
+import { MASONRY_BREAKPOINTS as Oe } from "./components/Masonry/types.js";
+import { default as ze } from "./components/Modal.vue.js";
+import { default as Ve } from "./components/MultiSelect/MultiSelect.vue.js";
+import { default as We } from "./components/Navbar/Navbar.vue.js";
+import { default as _e } from "./components/Navbar/NavbarItem.vue.js";
+import { default as Je } from "./components/Navbar/NavbarGroup.vue.js";
+import { default as Xe } from "./components/OTPInput/OTPInput.vue.js";
+import { default as $e } from "./components/Pagination/Pagination.vue.js";
+import { default as oo } from "./components/PricingPlan/PricingPlan.vue.js";
+import { default as to } from "./components/PricingPlan/PricingPlanItem.vue.js";
+import { default as fo } from "./components/SidePanel.vue.js";
+import { default as mo } from "./components/SidebarMenu/SidebarMenu.vue.js";
+import { default as so } from "./components/SidebarMenu/SidebarMenuItem.vue.js";
 /* empty css                                            */
-import { default as po } from "./components/Slider.vue.js";
-import { default as so } from "./components/Switch.vue.js";
-import { default as xo } from "./components/Tabes/Tabes.vue.js";
-import { default as no } from "./components/Textarea.vue.js";
-import { default as To } from "./components/ThemeToggle.vue.js";
-import { default as So } from "./components/Timeline.vue.js";
-import { default as Po } from "./components/ToastNotification.vue.js";
-import { default as Io } from "./components/Tooltip.vue.js";
-import { default as Do } from "./components/Workbook/Workbook.vue.js";
-import { default as wo } from "./components/Workbook/Sheet.vue.js";
-import { configure as Mo, pauseTimers as ho, removeToast as No, resumeTimers as vo, showToast as Bo, toast as Lo, useNotifications as yo } from "./composables/useNotifications.js";
-import { useTheme as Oo } from "./composables/useTheme.js";
-import { useAdvancedKeyStroke as Go, useKeyStroke as Ho } from "./composables/useKeyStroke.js";
-import { createVLite as Vo } from "./core/index.js";
-import { deepMerge as Wo } from "./utils/object.js";
-import { debounce as _o } from "./utils/functions.js";
-import { useVLiteConfig as qo } from "./core/config.js";
+import { default as xo } from "./components/Slider.vue.js";
+import { default as no } from "./components/Spinner/Spinner.vue.js";
+import { default as To } from "./components/Switch.vue.js";
+import { default as So } from "./components/Tabes/Tabes.vue.js";
+import { default as Io } from "./components/Textarea.vue.js";
+import { default as ho } from "./components/ThemeToggle.vue.js";
+import { default as Ao } from "./components/Timeline.vue.js";
+import { default as Fo } from "./components/ToastNotification.vue.js";
+import { default as wo } from "./components/Tooltip.vue.js";
+import { default as No } from "./components/Workbook/Workbook.vue.js";
+import { default as Mo } from "./components/Workbook/Sheet.vue.js";
+import { default as Lo } from "./components/GoogleLogin.vue.js";
+import { default as Ro } from "./components/ProgressBar/ProgressBar.vue.js";
+import { configure as Ko, pauseTimers as Oo, removeToast as Uo, resumeTimers as zo, showToast as Ho, toast as Vo, useNotifications as qo } from "./composables/useNotifications.js";
+import { useTheme as Yo } from "./composables/useTheme.js";
+import { useAdvancedKeyStroke as jo, useKeyStroke as Jo } from "./composables/useKeyStroke.js";
+import { vScrollReveal as Xo } from "./directives/vScrollReveal.js";
+import { createVLite as $o } from "./core/index.js";
+import { deepMerge as or } from "./utils/object.js";
+import { camelCase as tr, capitalize as ar, copyToClipboard as fr, debounce as lr, delay as mr, downloadFile as pr, flattenArray as dr, formatCurrency as sr, getUniqueId as ur, isAppleDevice as xr, isEmpty as ir, randomNumber as nr, removeExtraProperties as cr, slugify as Tr, throttle as gr, truncate as Sr } from "./utils/functions.js";
+import { lazySearch as Ir, resetSearchIndex as Pr, search as hr } from "./utils/search.util.js";
+import { env as Ar } from "./utils/env.js";
+import { useVLiteConfig as Fr } from "./core/config.js";
 export {
-  t as Accordion,
-  l as AccordionContent,
-  f as AccordionItem,
-  p as AccordionTrigger,
-  u as Alert,
-  i as Avatar,
-  c as AvatarUploader,
-  g as Badge,
-  b as Button,
-  F as ButtonGroup,
-  A as Carousel,
-  k as CheckBox,
-  C as Chip,
-  h as ChoiceBox,
-  v as ColorPicker,
-  L as ConfirmationModal,
-  ce as CustomFields,
-  R as DataTable,
-  H as DataTableHeader,
+  f as Accordion,
+  u as AccordionContent,
+  m as AccordionItem,
+  d as AccordionTrigger,
+  i as Alert,
+  c as Avatar,
+  g as AvatarUploader,
+  b as Badge,
+  P as Button,
+  v as ButtonGroup,
+  C as Carousel,
+  D as CheckBox,
+  y as Chip,
+  k as ChoiceBox,
+  B as ColorPicker,
+  G as ConfirmationModal,
+  ge as CustomFields,
+  O as DataTable,
+  z as DataTableHeader,
   V as DataTableRow,
-  K as DatePicker,
+  E as DatePicker,
   W as Dropdown,
-  J as DropdownItem,
+  X as DropdownItem,
   _ as DropdownMenu,
-  q as DropdownTrigger,
-  oe as FilePicker,
-  te as FileTree,
-  fe as FileTreeNode,
-  le as Form,
-  ue as FormField,
-  ie as FormFields,
-  Fe as Heatmap,
-  Ae as Icon,
-  ke as IconPicker,
-  Ce as Input,
-  he as Label,
-  ve as Logo,
-  Ke as MASONRY_BREAKPOINTS,
-  Le as Masonry,
-  Re as Modal,
-  He as MultiSelect,
-  Ve as Navbar,
-  _e as NavbarGroup,
-  We as NavbarItem,
-  qe as OTPInput,
-  Je as Pagination,
-  Xe as PricingPlan,
-  $e as PricingPlanItem,
-  wo as Sheet,
-  oo as SidePanel,
-  to as SidebarMenu,
-  fo as SidebarMenuItem,
-  po as Slider,
-  so as Switch,
-  xo as Tabes,
-  no as Textarea,
-  To as ThemeToggle,
-  So as Timeline,
-  Po as ToastNotification,
-  Io as Tooltip,
-  Do as Workbook,
-  Mo as configure,
-  Vo as createVLite,
-  _o as debounce,
-  Wo as deepMerge,
-  ho as pauseTimers,
-  No as removeToast,
-  vo as resumeTimers,
-  Bo as showToast,
-  Lo as toast,
-  Go as useAdvancedKeyStroke,
-  $ as useDropdownIds,
-  X as useDropdownSelection,
-  be as useFileUpload,
-  ge as useForm,
-  Ho as useKeyStroke,
-  yo as useNotifications,
-  Oo as useTheme,
-  pe as useTreeSelection,
-  qo as useVLiteConfig
+  J as DropdownTrigger,
+  te as FilePicker,
+  fe as FileTree,
+  me as FileTreeNode,
+  ue as Form,
+  ie as FormField,
+  ce as FormFields,
+  Lo as GoogleLogin,
+  t as GoogleSignInPlugin,
+  ve as Heatmap,
+  Ce as Icon,
+  De as IconPicker,
+  ye as Input,
+  Be as Label,
+  Ge as Logo,
+  Oe as MASONRY_BREAKPOINTS,
+  Ee as Masonry,
+  ze as Modal,
+  Ve as MultiSelect,
+  We as Navbar,
+  Je as NavbarGroup,
+  _e as NavbarItem,
+  ke as NumberInput,
+  Xe as OTPInput,
+  $e as Pagination,
+  oo as PricingPlan,
+  to as PricingPlanItem,
+  Ro as ProgressBar,
+  Mo as Sheet,
+  fo as SidePanel,
+  mo as SidebarMenu,
+  so as SidebarMenuItem,
+  xo as Slider,
+  no as Spinner,
+  To as Switch,
+  So as Tabes,
+  Io as Textarea,
+  ho as ThemeToggle,
+  Ao as Timeline,
+  Fo as ToastNotification,
+  wo as Tooltip,
+  No as Workbook,
+  tr as camelCase,
+  ar as capitalize,
+  Ko as configure,
+  fr as copyToClipboard,
+  $o as createVLite,
+  lr as debounce,
+  or as deepMerge,
+  mr as delay,
+  pr as downloadFile,
+  Ar as env,
+  dr as flattenArray,
+  sr as formatCurrency,
+  ur as getUniqueId,
+  xr as isAppleDevice,
+  ir as isEmpty,
+  Ir as lazySearch,
+  Oo as pauseTimers,
+  nr as randomNumber,
+  cr as removeExtraProperties,
+  Uo as removeToast,
+  Pr as resetSearchIndex,
+  zo as resumeTimers,
+  hr as search,
+  Ho as showToast,
+  Tr as slugify,
+  gr as throttle,
+  Vo as toast,
+  Sr as truncate,
+  jo as useAdvancedKeyStroke,
+  oe as useDropdownIds,
+  $ as useDropdownSelection,
+  Pe as useFileUpload,
+  be as useForm,
+  Jo as useKeyStroke,
+  qo as useNotifications,
+  Yo as useTheme,
+  de as useTreeSelection,
+  Fr as useVLiteConfig,
+  Xo 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.1.10",
+  "version": "0.2.2",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -35,12 +35,15 @@
     "@iconify/vue": "5.0.0",
     "@jaames/iro": "^5.5.2",
     "@tailwindcss/vite": "^4.1.18",
+    "@types/scrollreveal": "^0.0.11",
     "@vueuse/core": "^14.1.0",
     "iconify-icon-picker": "^1.0.3",
+    "scrollreveal": "^4.0.9",
     "tailwindcss": "^4.1.18",
-    "v-datepicker-lite": "^0.1.3",
+    "v-datepicker-lite": "^0.1.6",
     "v-tooltip-lite": "^0.1.9",
-    "vue-carousel-lite": "^0.2.3"
+    "vue-carousel-lite": "^0.2.3",
+    "vue3-google-signin": "^2.1.1"
   },
   "peerDependencies": {
     "vue": "^3.5.24",

package/style.css

@@ -74,12 +74,39 @@
     --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;
+
+    --text--fs-1: 0.95em;
+    --text--fs-2: 0.8em;
+    --text--fs-3: 0.75em;
+    --text--fs-4: 0.7em;
+    --text--fs-5: 0.65em;
+    --text--fs-6: 0.6em;
+    --text--fs-7: 0.55em;
+    --text--fs-8: 0.5em;
+    --text-fs-0.5: 1em;
+    --text-fs-1: 1.03030303em;
+    --text-fs-1.5: 1.06060606em;
+    --text-fs-2: 1.1030303em;
+    --text-fs-2.5: 1.13333333em;
+    --text-fs-3: 1.16363636em;
+    --text-fs-3.5: 1.19393939em;
+    --text-fs-4: 1.2242424242424241em;
+    --text-fs-4.5: 1.31515152em;
+    --text-fs-5: 1.39393939em;
+    --text-fs-5.5: 1.48484848em;
+    --text-fs-6: 1.57575758em;
+    --text-fs-6.5: 1.63636364em;
+    --text-fs-7: 1.6969697em;
+    --text-fs-7.5: 1.75757576em;
+    --text-fs-8: 1.81818182em;
+    --text-fs-8.5: 1.87878788em;
+    --text-fs-9: 1.93939394em;
+    --text-fs-9.5: 2em;
+    --text-fs-10: 2.06060606em;
   }
 }
 
@@ -189,6 +216,10 @@
   --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;
+
+  --timer-picker-bg: var(--color-background) !important;
+  --date-picker-border: var(--color-border) !important;
+  --date-picker-radius: var(--radius) !important;
 }
 
 .dark {
@@ -373,7 +404,7 @@
   box-shadow: var(--shadow-xl) !important;
 }
 
-.text-muted {
+@utility text-muted {
   color: var(--color-gray-600) !important;
 }
 
@@ -528,6 +559,27 @@ html {
   padding: 5px;
 }
 
+.tooltip-container .date-picker-date-section .date-picker-content.months {
+  padding-bottom: 0 !important;
+}
+
+.v-time-picker {
+  border: 1px solid var(--color-border) !important;
+  background-color: var(--color-background) !important;
+  border-radius: var(--radius) !important;
+  margin-top: -3px !important;
+}
+
+.v-time-picker .tooltip-content,
+.v-time-picker .time-picker-dropdown {
+  border: none !important;
+  box-shadow: none !important;
+  backdrop-filter: none !important;
+  --timer-picker-bg: var(--color-background) !important;
+  --date-picker-border: var(--color-border) !important;
+  --date-picker-radius: var(--radius) !important;
+}
+
 /* --- input.css --- */
 input[type='number']::-webkit-inner-spin-button,
 input[type='number']::-webkit-outer-spin-button {
@@ -592,5 +644,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}.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 th[data-v-896cd72f]:first-child,table td[data-v-896cd72f]: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-353f6094]{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-016e19f6],.slide-right-leave-active[data-v-016e19f6],.slide-left-enter-active[data-v-016e19f6],.slide-left-leave-active[data-v-016e19f6]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-016e19f6],.slide-right-leave-to[data-v-016e19f6]{transform:translate(100%)}.slide-left-enter-from[data-v-016e19f6],.slide-left-leave-to[data-v-016e19f6]{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)}
+.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 th[data-v-53f1fe21]:first-child,table td[data-v-53f1fe21]:first-child{width:48px!important;max-width:48px!important;min-width:48px!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}.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-67eb0c47]{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-016e19f6],.slide-right-leave-active[data-v-016e19f6],.slide-left-enter-active[data-v-016e19f6],.slide-left-leave-active[data-v-016e19f6]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-016e19f6],.slide-right-leave-to[data-v-016e19f6]{transform:translate(100%)}.slide-left-enter-from[data-v-016e19f6],.slide-left-leave-to[data-v-016e19f6]{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)}}
 

package/types/form.type.d.ts

@@ -23,8 +23,8 @@ export interface InputProps {
     size?: InputSize;
     rounded?: InputRounded;
     labelPosition?: LabelPosition;
-    addonLeft?: string;
-    addonRight?: string;
+    addonLeft?: string | Record<string, any>;
+    addonRight?: string | Record<string, any>;
     addonLeftClass?: string;
     addonRightClass?: string;
     min?: number;

package/types/progressbar.d.ts

@@ -0,0 +1,75 @@
+export type ProgressBarType = 'linear' | 'circular';
+export type ProgressBarVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'gradient';
+export type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface ProgressBarProps {
+    /**
+     * Current value (0-100)
+     */
+    modelValue?: number;
+    /**
+     * Visual type of the progress bar
+     * @default 'linear'
+     */
+    type?: ProgressBarType;
+    /**
+     * Color theme variant
+     * @default 'primary'
+     */
+    variant?: ProgressBarVariant;
+    /**
+     * Size preset
+     * @default 'md'
+     */
+    size?: ProgressBarSize;
+    /**
+     * Show value label
+     * @default false
+     */
+    showValue?: boolean;
+    /**
+     * Custom label text (overrides percentage)
+     */
+    label?: string;
+    /**
+     * Custom height for linear bar (e.g. '10px', 20)
+     * Overrides size preset height
+     */
+    height?: string | number;
+    /**
+     * Width/Diameter for circular bar (e.g. '120px', 100)
+     * Overrides size preset width
+     */
+    width?: string | number;
+    /**
+     * Stroke width for circular bar
+     */
+    strokeWidth?: number;
+    /**
+     * Enable striped background (Linear only)
+     * @default false
+     */
+    striped?: boolean;
+    /**
+     * Animate stripes (Linear only)
+     * @default false
+     */
+    animated?: boolean;
+    /**
+     * Indeterminate state (loading without specific value)
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * Custom color (hex/rgb) - overrides variant
+     */
+    color?: string;
+    /**
+     * Custom track color
+     */
+    trackColor?: string;
+    /**
+     * Border radius class
+     * @default 'rounded-full'
+     */
+    rounded?: string;
+}

package/utils/env.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Global environment object that wraps `import.meta.env` for Vite-based Vue 3 apps.
+ *
+ * Usage:
+ * ```ts
+ * import { env } from 'vlite3'
+ *
+ * // Instead of: import.meta.env.VITE_GOOGLE_CLIENT_ID
+ * // Use:        env.VITE_GOOGLE_CLIENT_ID
+ * ```
+ *
+ * Works in `<script setup>`, composables, and `<template>` blocks.
+ */
+export declare const env: Record<string, string>;

package/utils/env.js

@@ -0,0 +1,4 @@
+const e = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, t = e ?? {};
+export {
+  t as env
+};