vlite3 0.5.6 → 0.5.7

package/index.js

@@ -1,14 +1,14 @@
 import { default as f } from "vue3-google-signin";
 import { deepMerge as l } from "./utils/object.js";
-import { camelCase as s, capitalize as d, copyToClipboard as u, debounce as x, delay as i, downloadFile as n, flattenArray as c, formatCurrency as b, getUniqueId as T, isAppleDevice as g, isEmpty as S, randomNumber as P, removeExtraProperties as C, slugify as I, throttle as D, truncate as v } from "./utils/functions.js";
-import { lazySearch as N, resetSearchIndex as h, search as A } from "./utils/search.util.js";
+import { camelCase as s, capitalize as d, copyToClipboard as u, debounce as x, delay as i, downloadFile as n, flattenArray as c, formatCurrency as T, getUniqueId as b, isAppleDevice as g, isEmpty as S, randomNumber as P, removeExtraProperties as C, slugify as I, throttle as D, truncate as v } from "./utils/functions.js";
+import { lazySearch as h, resetSearchIndex as N, search as A } from "./utils/search.util.js";
 import { env as w } from "./utils/env.js";
 import { $t as k } from "./utils/i18n.js";
 import { default as L } from "./components/Chip/Chip.vue.js";
 import { default as E } from "./components/Form/Form.vue.js";
 import { default as G } from "./components/Form/FormField.vue.js";
-import { default as U } from "./components/Form/FormFields.vue.js";
-import { default as z } from "./components/Form/CustomFields.vue.js";
+import { default as z } from "./components/Form/FormFields.vue.js";
+import { default as V } from "./components/Form/CustomFields.vue.js";
 import { useForm as j } from "./components/Form/composables/useForm.js";
 import { useFileUpload as Q } from "./components/Form/composables/useFileUpload.js";
 import { default as Y } from "./components/Tabes/Tabes.vue.js";
@@ -23,20 +23,20 @@ import { default as de } from "./components/Navbar/NavbarTabs.vue.js";
 /* empty css                                  */
 import { default as xe } from "./components/QRCode/QRCode.vue.js";
 import { default as ne } from "./components/Screen/Screen.vue.js";
-import { default as be } from "./components/Screen/ScreenFilter.vue.js";
+import { default as Te } from "./components/Screen/ScreenFilter.vue.js";
 import { default as ge } from "./components/Heatmap/Heatmap.vue.js";
 import { default as Pe } from "./components/Masonry/Masonry.vue.js";
 import { MASONRY_BREAKPOINTS as Ie } from "./components/Masonry/types.js";
 import { default as ve } from "./components/Spinner/Spinner.vue.js";
-import { default as Ne } from "./components/Barcode/Barcode.vue.js";
+import { default as he } from "./components/Barcode/Barcode.vue.js";
 import { barcodesConstants as Ae } from "./components/Barcode/types.js";
 import { default as we } from "./components/Carousel/Carousel.vue.js";
 import { default as ke } from "./components/Dropdown/Dropdown.vue.js";
 import { default as Le } from "./components/Dropdown/DropdownMenu.vue.js";
 import { default as Ee } from "./components/Dropdown/DropdownTrigger.vue.js";
 import { default as Ge } from "./components/Dropdown/DropdownItem.vue.js";
-import { useDropdownSelection as Ue } from "./components/Dropdown/composables/useDropdownSelection.js";
-import { useDropdownIds as ze } from "./components/Dropdown/composables/useDropdownIds.js";
+import { useDropdownSelection as ze } from "./components/Dropdown/composables/useDropdownSelection.js";
+import { useDropdownIds as Ve } from "./components/Dropdown/composables/useDropdownIds.js";
 import { default as je } from "./components/Breadcrumb/Breadcrumb.vue.js";
 import { default as Qe } from "./components/Breadcrumb/BreadcrumbItem.vue.js";
 import { default as Ye } from "./components/FileTree/FileTree.vue.js";
@@ -48,202 +48,203 @@ import { default as ao } from "./components/Workbook/Sheet.vue.js";
 import { default as mo } from "./components/DataList/DataList.vue.js";
 import { default as po } from "./components/List/List.vue.js";
 import { default as uo } from "./components/List/ListFieldRow.vue.js";
-import { formatDate as io, formatNumber as no, formatPrice as co, getObjectValue as bo, getStatusColorClass as To } from "./components/List/utils.js";
+import { formatDate as io, formatNumber as no, formatPrice as co, getObjectValue as To, getStatusColorClass as bo } from "./components/List/utils.js";
 import { default as So } from "./components/Empty/Empty.vue.js";
 import { default as Co } from "./components/Accordion/Accordion.vue.js";
 import { default as Do } from "./components/Accordion/AccordionItem.vue.js";
 import { default as Fo } from "./components/Accordion/AccordionTrigger.vue.js";
-import { default as ho } from "./components/Accordion/AccordionContent.vue.js";
+import { default as No } from "./components/Accordion/AccordionContent.vue.js";
 import { default as Bo } from "./components/ChoiceBox/ChoiceBox.vue.js";
 import { default as yo } from "./components/DataTable/DataTable.vue.js";
 import { default as Mo } from "./components/DataTable/DataTableHeader.vue.js";
 import { default as Ro } from "./components/DataTable/DataTableRow.vue.js";
-import { useTheme as Ko } from "./composables/useTheme.js";
-import { default as Oo } from "./components/FilePicker/FilePicker.vue.js";
+import { initializeTheme as Ko, useTheme as Go } from "./composables/useTheme.js";
+import { default as zo } from "./components/FilePicker/FilePicker.vue.js";
 import { default as Vo } from "./components/Pagination/Pagination.vue.js";
-import { default as Ho } from "./components/ExportData/ExportData.vue.js";
-import { default as qo } from "./components/ImportData/ImportData.vue.js";
-import { default as Wo } from "./components/MultiSelect/MultiSelect.vue.js";
-import { default as _o } from "./components/PricingPlan/PricingPlan.vue.js";
-import { default as Jo } from "./components/PricingPlan/PricingPlanItem.vue.js";
-import { default as Zo } from "./components/SidebarMenu/SidebarMenu.vue.js";
-import { default as or } from "./components/SidebarMenu/SidebarMenuItem.vue.js";
+import { default as jo } from "./components/ExportData/ExportData.vue.js";
+import { default as Qo } from "./components/ImportData/ImportData.vue.js";
+import { default as Yo } from "./components/MultiSelect/MultiSelect.vue.js";
+import { default as $o } from "./components/PricingPlan/PricingPlan.vue.js";
+import { default as Xo } from "./components/PricingPlan/PricingPlanItem.vue.js";
+import { default as er } from "./components/SidebarMenu/SidebarMenu.vue.js";
+import { default as rr } from "./components/SidebarMenu/SidebarMenuItem.vue.js";
 /* empty css                                            */
-import { default as tr } from "./components/ProgressBar/ProgressBar.vue.js";
-import { default as fr } from "./components/PermissionMatrix/PermissionMatrix.vue.js";
-import { default as lr } from "./components/PermissionMatrix/PermissionEditor.vue.js";
-import { useAdvancedKeyStroke as sr, useKeyStroke as dr } from "./composables/useKeyStroke.js";
-import { vScrollReveal as xr } from "./directives/vScrollReveal.js";
-import { default as nr } from "./components/AvatarUploader/AvatarUploader.vue.js";
-import { configure as br, pauseTimers as Tr, removeToast as gr, resumeTimers as Sr, showToast as Pr, toast as Cr, useNotifications as Ir } from "./composables/useNotifications.js";
-import { default as vr } from "./components/Timeline/Timeline.vue.js";
+import { default as ar } from "./components/ProgressBar/ProgressBar.vue.js";
+import { default as mr } from "./components/PermissionMatrix/PermissionMatrix.vue.js";
+import { default as pr } from "./components/PermissionMatrix/PermissionEditor.vue.js";
+import { useAdvancedKeyStroke as dr, useKeyStroke as ur } from "./composables/useKeyStroke.js";
+import { vScrollReveal as ir } from "./directives/vScrollReveal.js";
+import { default as cr } from "./components/AvatarUploader/AvatarUploader.vue.js";
+import { configure as br, pauseTimers as gr, removeToast as Sr, resumeTimers as Pr, showToast as Cr, toast as Ir, useNotifications as Dr } from "./composables/useNotifications.js";
+import { default as Fr } from "./components/Timeline/Timeline.vue.js";
 import { default as Nr } from "./components/Timeline/TimelineItem.vue.js";
-import { default as Ar } from "./components/Timeline/TimelineIndicator.vue.js";
-import { default as wr } from "./components/Icon.vue.js";
-import { default as kr } from "./components/Logo.vue.js";
-import { default as Lr } from "./components/Alert.vue.js";
-import { default as Er } from "./components/Badge.vue.js";
-import { default as Gr } from "./components/Input.vue.js";
+import { default as Br } from "./components/Timeline/TimelineIndicator.vue.js";
+import { default as yr } from "./components/Icon.vue.js";
+import { default as Mr } from "./components/Logo.vue.js";
+import { default as Rr } from "./components/Alert.vue.js";
+import { default as Kr } from "./components/Badge.vue.js";
+import { default as Or } from "./components/Input.vue.js";
 /* empty css                      */
 import { default as Ur } from "./components/Label.vue.js";
-import { default as zr } from "./components/Modal.vue.js";
-import { default as jr } from "./components/Avatar.vue.js";
-import { default as Qr } from "./components/Button.vue.js";
-import { default as Yr } from "./components/Slider.vue.js";
-import { default as $r } from "./components/Switch.vue.js";
-import { default as Xr } from "./components/Tooltip.vue.js";
-import { default as et } from "./components/CheckBox.vue.js";
-import { default as rt } from "./components/Textarea.vue.js";
-import { default as at } from "./components/SidePanel.vue.js";
-import { default as mt } from "./components/DatePicker.vue.js";
-import { default as pt } from "./components/IconPicker.vue.js";
-import { default as dt } from "./components/ButtonGroup.vue.js";
-import { default as xt } from "./components/NumberInput.vue.js";
-import { default as nt } from "./components/ThemeToggle.vue.js";
+import { default as Hr } from "./components/Modal.vue.js";
+import { default as qr } from "./components/Avatar.vue.js";
+import { default as Wr } from "./components/Button.vue.js";
+import { default as _r } from "./components/Slider.vue.js";
+import { default as Jr } from "./components/Switch.vue.js";
+import { default as Zr } from "./components/Tooltip.vue.js";
+import { default as ot } from "./components/CheckBox.vue.js";
+import { default as tt } from "./components/Textarea.vue.js";
+import { default as ft } from "./components/SidePanel.vue.js";
+import { default as lt } from "./components/DatePicker.vue.js";
+import { default as st } from "./components/IconPicker.vue.js";
+import { default as ut } from "./components/ButtonGroup.vue.js";
+import { default as it } from "./components/NumberInput.vue.js";
+import { default as ct } from "./components/ThemeToggle.vue.js";
 import { default as bt } from "./components/GoogleLogin.vue.js";
-import { default as gt } from "./components/ColorPicker/ColorPicker.vue.js";
-import { default as Pt } from "./components/ConfirmationModal.vue.js";
-import { default as It } from "./components/ToastNotification.vue.js";
-import { default as vt } from "./components/CommandPaletteContent.vue.js";
+import { default as St } from "./components/ColorPicker/ColorPicker.vue.js";
+import { default as Ct } from "./components/ConfirmationModal.vue.js";
+import { default as Dt } from "./components/ToastNotification.vue.js";
+import { default as Ft } from "./components/CommandPaletteContent.vue.js";
 import { default as Nt } from "./components/NavbarCommandPalette.vue.js";
-import { default as At } from "./components/DateRangePicker.vue.js";
-import { createVLite as wt } from "./core/index.js";
-import { useVLiteConfig as kt } from "./core/config.js";
+import { default as Bt } from "./components/DateRangePicker.vue.js";
+import { createVLite as yt } from "./core/index.js";
+import { useVLiteConfig as Mt } from "./core/config.js";
 export {
   k as $t,
   Co as Accordion,
-  ho as AccordionContent,
+  No as AccordionContent,
   Do as AccordionItem,
   Fo as AccordionTrigger,
-  Lr as Alert,
-  jr as Avatar,
-  nr as AvatarUploader,
-  Er as Badge,
-  Ne as Barcode,
+  Rr as Alert,
+  qr as Avatar,
+  cr as AvatarUploader,
+  Kr as Badge,
+  he as Barcode,
   je as Breadcrumb,
   Qe as BreadcrumbItem,
-  Qr as Button,
-  dt as ButtonGroup,
+  Wr as Button,
+  ut as ButtonGroup,
   we as Carousel,
-  et as CheckBox,
+  ot as CheckBox,
   L as Chip,
   Bo as ChoiceBox,
-  gt as ColorPicker,
-  vt as CommandPaletteContent,
-  Pt as ConfirmationModal,
-  z as CustomFields,
+  St as ColorPicker,
+  Ft as CommandPaletteContent,
+  Ct as ConfirmationModal,
+  V as CustomFields,
   mo as DataList,
   yo as DataTable,
   Mo as DataTableHeader,
   Ro as DataTableRow,
-  mt as DatePicker,
-  At as DateRangePicker,
+  lt as DatePicker,
+  Bt as DateRangePicker,
   ke as Dropdown,
   Ge as DropdownItem,
   Le as DropdownMenu,
   Ee as DropdownTrigger,
   So as Empty,
-  Ho as ExportData,
-  Oo as FilePicker,
+  jo as ExportData,
+  zo as FilePicker,
   Ye as FileTree,
   $e as FileTreeNode,
   E as Form,
   G as FormField,
-  U as FormFields,
+  z as FormFields,
   bt as GoogleLogin,
   f as GoogleSignInPlugin,
   ge as Heatmap,
-  wr as Icon,
-  pt as IconPicker,
-  qo as ImportData,
-  Gr as Input,
+  yr as Icon,
+  st as IconPicker,
+  Qo as ImportData,
+  Or as Input,
   X as Kanban,
   ee as KanbanBoard,
   Ur as Label,
   po as List,
   uo as ListFieldRow,
-  kr as Logo,
+  Mr as Logo,
   Ie as MASONRY_BREAKPOINTS,
   Pe as Masonry,
-  zr as Modal,
-  Wo as MultiSelect,
+  Hr as Modal,
+  Yo as MultiSelect,
   ae as Navbar,
   Nt as NavbarCommandPalette,
   pe as NavbarGroup,
   me as NavbarItem,
   de as NavbarTabs,
-  xt as NumberInput,
+  it as NumberInput,
   eo as OTPInput,
   Vo as Pagination,
-  lr as PermissionEditor,
-  fr as PermissionMatrix,
-  _o as PricingPlan,
-  Jo as PricingPlanItem,
-  tr as ProgressBar,
+  pr as PermissionEditor,
+  mr as PermissionMatrix,
+  $o as PricingPlan,
+  Xo as PricingPlanItem,
+  ar as ProgressBar,
   xe as QRCode,
   ne as Screen,
-  be as ScreenFilter,
+  Te as ScreenFilter,
   ao as Sheet,
-  at as SidePanel,
-  Zo as SidebarMenu,
-  or as SidebarMenuItem,
-  Yr as Slider,
+  ft as SidePanel,
+  er as SidebarMenu,
+  rr as SidebarMenuItem,
+  _r as Slider,
   ve as Spinner,
   $ as Stats,
-  $r as Switch,
+  Jr as Switch,
   Y as Tabes,
-  rt as Textarea,
-  nt as ThemeToggle,
-  vr as Timeline,
-  Ar as TimelineIndicator,
+  tt as Textarea,
+  ct as ThemeToggle,
+  Fr as Timeline,
+  Br as TimelineIndicator,
   Nr as TimelineItem,
-  It as ToastNotification,
-  Xr as Tooltip,
+  Dt as ToastNotification,
+  Zr as Tooltip,
   ro as Workbook,
   Ae as barcodesConstants,
   s as camelCase,
   d as capitalize,
   br as configure,
   u as copyToClipboard,
-  wt as createVLite,
+  yt as createVLite,
   x as debounce,
   l as deepMerge,
   i as delay,
   n as downloadFile,
   w as env,
   c as flattenArray,
-  b as formatCurrency,
+  T as formatCurrency,
   io as formatDate,
   no as formatNumber,
   co as formatPrice,
-  bo as getObjectValue,
-  To as getStatusColorClass,
-  T as getUniqueId,
+  To as getObjectValue,
+  bo as getStatusColorClass,
+  b as getUniqueId,
+  Ko as initializeTheme,
   g as isAppleDevice,
   S as isEmpty,
-  N as lazySearch,
-  Tr as pauseTimers,
+  h as lazySearch,
+  gr as pauseTimers,
   P as randomNumber,
   C as removeExtraProperties,
-  gr as removeToast,
-  h as resetSearchIndex,
-  Sr as resumeTimers,
+  Sr as removeToast,
+  N as resetSearchIndex,
+  Pr as resumeTimers,
   A as search,
-  Pr as showToast,
+  Cr as showToast,
   I as slugify,
   D as throttle,
-  Cr as toast,
+  Ir as toast,
   v as truncate,
-  sr as useAdvancedKeyStroke,
-  ze as useDropdownIds,
-  Ue as useDropdownSelection,
+  dr as useAdvancedKeyStroke,
+  Ve as useDropdownIds,
+  ze as useDropdownSelection,
   Q as useFileUpload,
   j as useForm,
   re as useKanbanBoard,
-  dr as useKeyStroke,
-  Ir as useNotifications,
-  Ko as useTheme,
+  ur as useKeyStroke,
+  Dr as useNotifications,
+  Go as useTheme,
   Xe as useTreeSelection,
-  kt as useVLiteConfig,
-  xr as vScrollReveal
+  Mt as useVLiteConfig,
+  ir 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.5.6",
+  "version": "0.5.7",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/types/styles.d.ts

@@ -16,10 +16,13 @@ export type IDropdownOption = {
     length?: number;
     values?: any;
     data?: any;
+    class?: string;
+    triggerClass?: string;
     children?: IDropdownOption[];
     key?: string;
     position?: any;
     offset?: [number, number];
+    showChevron?: boolean;
     confirmation?: boolean | {
         title?: string;
         description?: string;
@@ -27,5 +30,13 @@ export type IDropdownOption = {
         cancelText?: string;
         variant?: 'danger' | 'primary' | 'warning' | 'success' | 'info';
     };
+    onSelect?: (payload: {
+        value: any;
+        option: IDropdownOption;
+        data: IDropdownOption[];
+        values?: any;
+    }) => void;
+    _originalOption?: IDropdownOption;
+    _path?: IDropdownOption[];
 };
 export type IDropdownOptions = IDropdownOption[];