vlite3 0.3.4 → 0.3.7

package/index.js

@@ -6,11 +6,11 @@ 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 S } from "./components/Badge.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 F } from "./components/CheckBox.vue.js";
+import { default as h } from "./components/ButtonGroup.vue.js";
+import { default as A } 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 M } from "./components/ColorPicker/ColorPicker.vue.js";
@@ -33,11 +33,11 @@ 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 Se } from "./components/Form/composables/useForm.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 Fe } from "./components/IconPicker.vue.js";
+import { default as he } from "./components/Heatmap/Heatmap.vue.js";
+import { default as Ae } 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/Kanban/Kanban.vue.js";
 import { default as Me } from "./components/Kanban/KanbanBoard.vue.js";
@@ -60,11 +60,11 @@ import { default as xo } from "./components/SidePanel.vue.js";
 import { default as no } from "./components/SidebarMenu/SidebarMenu.vue.js";
 import { default as To } from "./components/SidebarMenu/SidebarMenuItem.vue.js";
 /* empty css                                            */
-import { default as bo } from "./components/Slider.vue.js";
+import { default as So } from "./components/Slider.vue.js";
 import { default as Io } from "./components/Spinner/Spinner.vue.js";
-import { default as ho } from "./components/Switch.vue.js";
-import { default as Ao } from "./components/Tabes/Tabes.vue.js";
-import { default as Do } from "./components/Textarea.vue.js";
+import { default as Fo } from "./components/Switch.vue.js";
+import { default as vo } from "./components/Tabes/Tabes.vue.js";
+import { default as Co } from "./components/Textarea.vue.js";
 import { default as wo } from "./components/ThemeToggle.vue.js";
 import { default as No } from "./components/Timeline.vue.js";
 import { default as Bo } from "./components/ToastNotification.vue.js";
@@ -79,11 +79,13 @@ import { useAdvancedKeyStroke as er, useKeyStroke as or } from "./composables/us
 import { vScrollReveal as tr } from "./directives/vScrollReveal.js";
 import { createVLite as fr } from "./core/index.js";
 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 br, isEmpty as Sr, randomNumber as Ir, removeExtraProperties as Pr, slugify as hr, throttle as vr, truncate as Ar } from "./utils/functions.js";
-import { lazySearch as Dr, resetSearchIndex as Fr, search as wr } from "./utils/search.util.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 { useVLiteConfig as Kr } from "./core/config.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";
 export {
   f as Accordion,
   u as AccordionContent,
@@ -92,11 +94,11 @@ export {
   i as Alert,
   c as Avatar,
   g as AvatarUploader,
-  S as Badge,
+  b as Badge,
   P as Button,
-  v as ButtonGroup,
-  C as Carousel,
-  F as CheckBox,
+  h as ButtonGroup,
+  A as Carousel,
+  D as CheckBox,
   y as Chip,
   k as ChoiceBox,
   M as ColorPicker,
@@ -119,9 +121,9 @@ export {
   ce as FormFields,
   Uo as GoogleLogin,
   t as GoogleSignInPlugin,
-  ve as Heatmap,
-  Ce as Icon,
-  Fe as IconPicker,
+  he as Heatmap,
+  Ae as Icon,
+  De as IconPicker,
   ye as Input,
   ke as Kanban,
   Me as KanbanBoard,
@@ -140,15 +142,17 @@ export {
   mo as PricingPlan,
   so as PricingPlanItem,
   Ho as ProgressBar,
+  Kr as Screen,
+  Gr as ScreenFilter,
   Eo as Sheet,
   xo as SidePanel,
   no as SidebarMenu,
   To as SidebarMenuItem,
-  bo as Slider,
+  So as Slider,
   Io as Spinner,
-  ho as Switch,
-  Ao as Tabes,
-  Do as Textarea,
+  Fo as Switch,
+  vo as Tabes,
+  Co as Textarea,
   wo as ThemeToggle,
   No as Timeline,
   Bo as ToastNotification,
@@ -167,31 +171,31 @@ export {
   cr as flattenArray,
   Tr as formatCurrency,
   gr as getUniqueId,
-  br as isAppleDevice,
-  Sr as isEmpty,
-  Dr as lazySearch,
+  Sr as isAppleDevice,
+  br as isEmpty,
+  Cr as lazySearch,
   Wo as pauseTimers,
   Ir as randomNumber,
   Pr as removeExtraProperties,
   Yo as removeToast,
-  Fr as resetSearchIndex,
+  Dr as resetSearchIndex,
   _o as resumeTimers,
   wr as search,
   jo as showToast,
-  hr as slugify,
-  vr as throttle,
+  Fr as slugify,
+  hr as throttle,
   Jo as toast,
-  Ar as truncate,
+  vr as truncate,
   er as useAdvancedKeyStroke,
   oe as useDropdownIds,
   $ as useDropdownSelection,
   Pe as useFileUpload,
-  Se as useForm,
+  be as useForm,
   Le as useKanbanBoard,
   or as useKeyStroke,
   Qo as useNotifications,
   Zo as useTheme,
   de as useTreeSelection,
-  Kr as useVLiteConfig,
+  Er 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.3.4",
+  "version": "0.3.7",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -253,7 +253,10 @@
   background-color: var(--color-white);
 }
 
-.dark {
+@custom-variant dark (&:where(.dark, .dark *));
+
+
+@utility dark {
   --color-white: #0b0b0b !important;
   --color-mixture-1: #0c0c0c !important;
   --color-mixture-2: #ffffff !important;

package/types/button.d.ts

@@ -12,4 +12,8 @@ export interface ButtonProps {
     type?: 'button' | 'submit' | 'reset';
     text?: string;
     rounded?: ButtonRounded;
+    textClass?: string;
+    iconLeftClass?: string;
+    iconRightClass?: string;
+    asIcon?: boolean;
 }

package/utils/usePersistentState.d.ts

@@ -0,0 +1,8 @@
+import { UseStorageOptions } from '@vueuse/core';
+/**
+ * Reusable function to manage persistent state in local storage.
+ * @param key Local storage key. Will be automatically prefixed with 'builto-'.
+ * @param initialValue The default value if no value exists in storage.
+ * @param options Additional options for useLocalStorage.
+ */
+export declare function usePersistentState<T>(key: string, initialValue: T, options?: UseStorageOptions<T>): import('@vueuse/shared').RemovableRef<T>;

package/utils/usePersistentState.js

@@ -0,0 +1,7 @@
+import { useLocalStorage as r } from "@vueuse/core";
+function i(t, e, o) {
+  return r(`builto-${t}`, e, o);
+}
+export {
+  i as usePersistentState
+};