vlite3 1.2.2 → 1.2.5

package/components/Stats/components/StatTrend.vue.js

@@ -1,48 +1,48 @@
-import { defineComponent as f, computed as i, openBlock as s, createElementBlock as l, normalizeClass as a, createVNode as u, createTextVNode as v, toDisplayString as r, createElementVNode as g, createCommentVNode as x } from "vue";
+import { defineComponent as f, computed as s, openBlock as a, createElementBlock as l, normalizeClass as i, createVNode as d, createTextVNode as g, toDisplayString as c, createElementVNode as v, createCommentVNode as x } from "vue";
 import m from "../../Icon.vue.js";
-const k = {
+const y = {
   key: 0,
   class: "text-muted-foreground truncate"
-}, w = /* @__PURE__ */ f({
+}, k = /* @__PURE__ */ f({
   __name: "StatTrend",
   props: {
     trend: {},
     layout: {}
   },
   setup(e) {
-    const t = e, c = i(() => t.layout === "inline-label-value"), o = i(() => t.layout === "centered-value-title"), d = i(() => {
-      if (c.value)
+    const t = e, o = s(() => t.layout === "inline-label-value"), r = s(() => t.layout === "centered-value-title"), u = s(() => {
+      if (o.value)
         return [
           "shrink-0 flex items-center gap-0.5 text-xs font-medium",
-          t.trend.isPositive ? "text-success-dark" : "text-danger-dark"
+          t.trend.isPositive ? "text-success-subtle-fg" : "text-danger-subtle-fg"
         ].join(" ");
       const n = "flex items-center text-sm";
-      return o.value ? `${n} gap-1` : t.layout === "floating-icon" || t.layout === "icon-left" || t.layout === "icon-right" || t.layout === "icon-top" ? `${n} mt-2 gap-1.5` : `${n} mt-1 gap-1`;
+      return r.value ? `${n} gap-1` : t.layout === "floating-icon" || t.layout === "icon-left" || t.layout === "icon-right" || t.layout === "icon-top" ? `${n} mt-2 gap-1.5` : `${n} mt-1 gap-1`;
     });
-    return (n, y) => c.value ? (s(), l("span", {
+    return (n, b) => o.value ? (a(), l("span", {
       key: 0,
-      class: a(d.value)
+      class: i(u.value)
     }, [
-      u(m, {
+      d(m, {
         icon: e.trend.isPositive ? "lucide:trending-up" : "lucide:trending-down",
         class: "w-3 h-3"
       }, null, 8, ["icon"]),
-      v(" " + r(e.trend.value), 1)
-    ], 2)) : (s(), l("div", {
+      g(" " + c(e.trend.value), 1)
+    ], 2)) : (a(), l("div", {
       key: 1,
-      class: a(d.value)
+      class: i(u.value)
     }, [
-      u(m, {
+      d(m, {
         icon: e.trend.isPositive ? "lucide:trending-up" : "lucide:trending-down",
-        class: a([e.trend.isPositive ? "text-success" : "text-danger", "w-4 h-4 shrink-0"])
+        class: i([e.trend.isPositive ? "text-success" : "text-danger", "w-4 h-4 shrink-0"])
       }, null, 8, ["icon", "class"]),
-      g("span", {
-        class: a([e.trend.isPositive ? "text-success-dark" : "text-danger-dark", "font-medium whitespace-nowrap"])
-      }, r(e.trend.value), 3),
-      e.trend.label && !o.value ? (s(), l("span", k, r(e.trend.label), 1)) : x("", !0)
+      v("span", {
+        class: i([e.trend.isPositive ? "text-success-subtle-fg" : "text-danger-subtle-fg", "font-medium whitespace-nowrap"])
+      }, c(e.trend.value), 3),
+      e.trend.label && !r.value ? (a(), l("span", y, c(e.trend.label), 1)) : x("", !0)
     ], 2));
   }
 });
 export {
-  w as default
+  k as default
 };

package/components/ThemeToggle.vue.js

@@ -11,28 +11,28 @@ const w = /* @__PURE__ */ m({
     variant: {}
   },
   setup(t) {
-    const { theme: i, toggleTheme: r } = f(), a = d(() => {
-      const n = i.value === "light", s = "vlite.themeToggle.switchToDark", l = "vlite.themeToggle.switchToLight";
+    const { theme: i, toggleTheme: s } = f(), a = d(() => {
+      const n = i.value === "light", l = "vlite.themeToggle.switchToDark", r = "vlite.themeToggle.switchToLight";
       if (n) {
-        const e = c(s);
-        return e !== s ? e : "Switch to dark mode";
-      } else {
         const e = c(l);
-        return e !== l ? e : "Switch to light mode";
+        return e !== l ? e : "Switch to dark mode";
+      } else {
+        const e = c(r);
+        return e !== r ? e : "Switch to light mode";
       }
     });
-    return (n, s) => u(n.$slots, "default", {
-      toggleTheme: o(r),
+    return (n, l) => u(n.$slots, "default", {
+      toggleTheme: o(s),
       theme: o(i)
     }, () => [
       h(T, {
         icon: o(i) === "light" ? "lucide:sun" : "lucide:moon",
         variant: t.variant || "secondary",
-        rounded: t.rounded || "md",
+        rounded: t.rounded || "full",
         size: t.size,
         class: g(t.class),
         title: a.value,
-        onClick: o(r)
+        onClick: o(s)
       }, null, 8, ["icon", "variant", "rounded", "size", "class", "title", "onClick"])
     ]);
   }

package/components/Timeline/Timeline.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as g, openBlock as r, createElementBlock as d, normalizeClass as k, createElementVNode as y, normalizeStyle as S, createCommentVNode as P, Fragment as p, renderList as B, isMemoSame as T, createBlock as z, withCtx as o, renderSlot as n, mergeProps as s } from "vue";
+import { defineComponent as p, computed as g, openBlock as r, createElementBlock as d, normalizeClass as k, createElementVNode as b, normalizeStyle as S, createCommentVNode as P, Fragment as C, renderList as B, isMemoSame as T, createBlock as z, withCtx as o, renderSlot as n, mergeProps as s } from "vue";
 import V from "./TimelineItem.vue.js";
 const E = {
   key: 0,
@@ -8,7 +8,7 @@ const E = {
   key: 1,
   class: "absolute top-4 left-4 right-4 h-0.5 bg-border block sm:hidden",
   "aria-hidden": "true"
-}, L = /* @__PURE__ */ C({
+}, L = /* @__PURE__ */ p({
   __name: "Timeline",
   props: {
     steps: {},
@@ -22,14 +22,14 @@ const E = {
   },
   emits: ["step-click"],
   setup(e, { emit: w }) {
-    const l = e, x = w, a = g(() => l.direction === "vertical"), b = g(() => l.steps.length <= 1 ? 0 : Math.min(l.activeStep, l.steps.length - 1) / (l.steps.length - 1) * 100), $ = (i, f) => {
+    const l = e, x = w, a = g(() => l.direction === "vertical"), y = g(() => l.steps.length <= 1 ? 0 : Math.min(l.activeStep, l.steps.length - 1) / (l.steps.length - 1) * 100), $ = (i, f) => {
       x("step-click", i, f);
     };
     return (i, f) => (r(), d("nav", {
       "aria-label": "Progress",
-      class: k(["w-full", l.class])
+      class: k(["w-full pb-5", l.class])
     }, [
-      y("ol", {
+      b("ol", {
         role: "list",
         class: k([
           "relative flex",
@@ -39,19 +39,29 @@ const E = {
         ])
       }, [
         !a.value && e.textPosition === "bottom" ? (r(), d("div", E, [
-          y("div", {
+          b("div", {
             class: "h-full bg-primary transition-all duration-300 ease-in-out",
-            style: S({ width: `${b.value}%` })
+            style: S({ width: `${y.value}%` })
           }, null, 4)
         ])) : P("", !0),
         !a.value && e.textPosition === "right" ? (r(), d("div", M, [
-          y("div", {
+          b("div", {
             class: "h-full bg-primary transition-all duration-300 ease-in-out",
-            style: S({ width: `${b.value}%` })
+            style: S({ width: `${y.value}%` })
           }, null, 4)
         ])) : P("", !0),
-        (r(!0), d(p, null, B(e.steps, (c, m, N, u) => {
-          const v = [c, m, e.activeStep, e.direction, e.textPosition, e.lineStyle, e.indicatorType, e.clickable, e.steps.length];
+        (r(!0), d(C, null, B(e.steps, (c, m, N, u) => {
+          const v = [
+            c,
+            m,
+            e.activeStep,
+            e.direction,
+            e.textPosition,
+            e.lineStyle,
+            e.indicatorType,
+            e.clickable,
+            e.steps.length
+          ];
           if (u && u.key === c.id && T(u, v)) return u;
           const h = (r(), z(V, {
             key: c.id,

package/components/Timeline/TimelineItem.vue.js

@@ -60,7 +60,7 @@ const B = { class: "flex flex-col items-center shrink-0 mr-4 w-9" }, V = { class
         }, null, 2))
       ]),
       i("div", {
-        class: o(["flex-1 flex flex-col pt-0.5", e.isLast ? "pb-0" : "pb-10"])
+        class: o(["flex-1 flex flex-col pt-0.5", e.isLast ? "pb-0" : "pb-5"])
       }, [
         a(t.$slots, "content", {
           step: e.step,

package/components/index.d.ts

@@ -4,6 +4,7 @@ export { default as Avatar } from './Avatar.vue';
 export { AvatarUploader } from './AvatarUploader';
 export { default as Badge } from './Badge.vue';
 export { Barcode } from './Barcode';
+export { default as Beacon } from './Beacon.vue';
 export { Breadcrumb, BreadcrumbItem } from './Breadcrumb';
 export { default as Button } from './Button.vue';
 export { default as BackButton } from './BackButton.vue';
@@ -43,6 +44,7 @@ export { default as NumberInput } from './NumberInput.vue';
 export { OTPInput } from './OTPInput';
 export { Pagination } from './Pagination';
 export { PermissionMatrix, PermissionEditor } from './PermissionMatrix';
+export { default as Persona } from './Persona.vue';
 export { PricingPlan } from './PricingPlan';
 export { ProgressBar } from './ProgressBar';
 export { QRCode } from './QRCode';

package/index.d.ts

@@ -56,6 +56,8 @@ export * from './components/Calendar';
 export * from './components/Skeleton';
 export * from './components/Chart';
 export * from './components/AppShell';
+export * from './components/Rating';
+export * from './components/AsyncSelect';
 export { default as Icon } from './components/Icon.vue';
 export { default as Logo } from './components/Logo.vue';
 export { default as Alert } from './components/Alert.vue';
@@ -66,7 +68,7 @@ export { default as Modal } from './components/Modal.vue';
 export { default as Avatar } from './components/Avatar.vue';
 export { default as Button } from './components/Button.vue';
 export { default as BackButton } from './components/BackButton.vue';
-export { default as CopyButton } from './components/CopyButton.vue';
+export { default as Clipboard } from './components/Clipboard.vue';
 export { default as Slider } from './components/Slider.vue';
 export { default as Switch } from './components/Switch.vue';
 export { default as Tooltip } from './components/Tooltip.vue';

package/index.js

@@ -1,6 +1,6 @@
 import { default as l } from "vue3-google-signin";
 import { deepMerge as s } from "./utils/object.js";
-import { camelCase as u, capitalize as x, copyToClipboard as i, debounce as n, delay as c, downloadFile as g, flattenArray as C, formatAmPm as T, formatCurrency as S, formatDate as h, formatNumber as I, formatSchedule as b, getDefaultDateRange as P, getNextMonth as v, getNextYear as D, getPrevMonth as F, getPrevYear as B, getToday as y, getTomorrow as A, getUniqueId as N, getUpcoming as k, getYear as E, getYesterday as M, isAppleDevice as w, isEmpty as R, isPureTimeString as L, isValidTimeRange as G, parseDateTime as K, randomNumber as O, removeExtraProperties as Y, slugify as _, throttle as z, toISO as U, toLocalISO as V, truncate as H } from "./utils/functions.js";
+import { camelCase as u, capitalize as x, copyToClipboard as i, debounce as n, delay as c, downloadFile as g, flattenArray as C, formatAmPm as T, formatCurrency as S, formatDate as h, formatNumber as I, formatSchedule as b, getDefaultDateRange as P, getNextMonth as v, getNextYear as D, getPrevMonth as F, getPrevYear as y, getToday as A, getTomorrow as B, getUniqueId as N, getUpcoming as k, getYear as E, getYesterday as M, isAppleDevice as R, isEmpty as w, isPureTimeString as L, isValidTimeRange as G, parseDateTime as K, randomNumber as O, removeExtraProperties as Y, slugify as _, throttle as z, toISO as U, toLocalISO as V, truncate as H } from "./utils/functions.js";
 import { lazySearch as W, resetSearchIndex as j, search as q } from "./utils/search.util.js";
 import { env as $ } from "./utils/env.js";
 import { $t as Z } from "./utils/i18n.js";
@@ -17,11 +17,11 @@ import { default as Se } from "./components/Tabes/Tabes.vue.js";
 import { default as Ie } from "./components/Stats/Stats.vue.js";
 import { default as Pe } from "./components/Kanban/Kanban.vue.js";
 import { default as De } from "./components/Kanban/KanbanBoard.vue.js";
-import { useKanbanBoard as Be } from "./components/Kanban/useKanbanBoard.js";
-import { default as Ae } from "./components/Navbar/Navbar.vue.js";
+import { useKanbanBoard as ye } from "./components/Kanban/useKanbanBoard.js";
+import { default as Be } from "./components/Navbar/Navbar.vue.js";
 import { default as ke } from "./components/Navbar/NavbarItem.vue.js";
 import { default as Me } from "./components/Navbar/NavbarGroup.vue.js";
-import { default as Re } from "./components/Navbar/NavbarTabs.vue.js";
+import { default as we } from "./components/Navbar/NavbarTabs.vue.js";
 /* empty css                                  */
 import { default as Ge } from "./components/QRCode/QRCode.vue.js";
 import { default as Oe } from "./components/Screen/Screen.vue.js";
@@ -45,11 +45,11 @@ import { default as ho } from "./components/Breadcrumb/BreadcrumbItem.vue.js";
 import { default as bo } from "./components/FileTree/FileTree.vue.js";
 import { default as vo } from "./components/FileTree/FileTreeNode.vue.js";
 import { useTreeSelection as Fo } from "./components/FileTree/useTreeSelection.js";
-import { default as yo } from "./components/RichTextEditor/RichTextEditor.vue.js";
+import { default as Ao } from "./components/RichTextEditor/RichTextEditor.vue.js";
 /* empty css                                              */
 import { default as No } from "./components/RichTextEditor/RichTextReader.vue.js";
 import { default as Eo } from "./components/OTPInput/OTPInput.vue.js";
-import { default as wo } from "./components/Workbook/Workbook.vue.js";
+import { default as Ro } from "./components/Workbook/Workbook.vue.js";
 import { default as Lo } from "./components/Workbook/Sheet.vue.js";
 import { default as Ko } from "./components/DataList/DataList.vue.js";
 import { default as Yo } from "./components/List/List.vue.js";
@@ -72,11 +72,11 @@ import { default as Tr } from "./components/Splitter/Splitter.vue.js";
 import { default as hr } from "./components/Footer/Footer.vue.js";
 import { initializeTheme as br, useTheme as Pr } from "./composables/useTheme.js";
 import { default as Dr } from "./components/FilePicker/FilePicker.vue.js";
-import { default as Br } from "./components/Pagination/Pagination.vue.js";
-import { default as Ar } from "./components/ExportData/ExportData.vue.js";
+import { default as yr } from "./components/Pagination/Pagination.vue.js";
+import { default as Br } from "./components/ExportData/ExportData.vue.js";
 import { default as kr } from "./components/ImportData/ImportData.vue.js";
 import { default as Mr } from "./components/MultiSelect/MultiSelect.vue.js";
-import { useMultiSelectHydration as Rr } from "./components/MultiSelect/composables/useMultiSelectHydration.js";
+import { useMultiSelectHydration as wr } from "./components/MultiSelect/composables/useMultiSelectHydration.js";
 import { default as Gr } from "./components/PricingPlan/PricingPlan.vue.js";
 import { default as Or } from "./components/PricingPlan/PricingPlanItem.vue.js";
 import { default as _r } from "./components/SidebarMenu/SidebarMenu.vue.js";
@@ -98,10 +98,10 @@ import { default as ht } from "./components/FilePreview/FilePreview.vue.js";
 import { default as bt } from "./components/AttachmentsList/AttachmentsList.vue.js";
 import { getFileTypeIcon as vt } from "./components/AttachmentsList/fileTypeIcon.js";
 import { default as Ft } from "./components/CustomFieldsDisplay/CustomFieldsDisplay.vue.js";
-import { default as yt } from "./components/Invoice/Invoice.vue.js";
+import { default as At } from "./components/Invoice/Invoice.vue.js";
 import { default as Nt } from "./components/Invoice/InvoiceTotals.vue.js";
 import { default as Et } from "./components/CategoryManager/CategoryManager.vue.js";
-import { default as wt } from "./components/ThumbnailSelector/ThumbnailSelector.vue.js";
+import { default as Rt } from "./components/ThumbnailSelector/ThumbnailSelector.vue.js";
 import { default as Lt } from "./components/TagInput/TagInput.vue.js";
 import { default as Kt } from "./components/Calendar/Calendar.vue.js";
 import { default as Yt } from "./components/Calendar/CalendarEventItem.vue.js";
@@ -119,97 +119,100 @@ import { default as da } from "./components/Chart/SegmentBarChart.vue.js";
 import { default as xa } from "./components/Chart/StatCardChart.vue.js";
 import { default as na } from "./components/Chart/WaffleChart.vue.js";
 import { default as ga } from "./components/AppShell/AppShell.vue.js";
-import { default as Ta } from "./components/Icon.vue.js";
-import { default as ha } from "./components/Logo.vue.js";
-import { default as ba } from "./components/Alert.vue.js";
-import { default as va } from "./components/Badge.vue.js";
-import { default as Fa } from "./components/Input.vue.js";
+import { default as Ta } from "./components/Rating/Rating.vue.js";
+import { default as ha } from "./components/Rating/ReviewSummary.vue.js";
+import { createAsyncSelect as ba } from "./components/AsyncSelect/createAsyncSelect.js";
+import { default as va } from "./components/Icon.vue.js";
+import { default as Fa } from "./components/Logo.vue.js";
+import { default as Aa } from "./components/Alert.vue.js";
+import { default as Na } from "./components/Badge.vue.js";
+import { default as Ea } from "./components/Input.vue.js";
 /* empty css                      */
-import { default as ya } from "./components/Label.vue.js";
-import { default as Na } from "./components/Modal.vue.js";
-import { default as Ea } from "./components/Avatar.vue.js";
-import { default as wa } from "./components/Button.vue.js";
-import { default as La } from "./components/BackButton.vue.js";
-import { default as Ka } from "./components/CopyButton.vue.js";
-import { default as Ya } from "./components/Slider.vue.js";
-import { default as za } from "./components/Switch.vue.js";
-import { default as Va } from "./components/Tooltip.vue.js";
-import { default as Qa } from "./components/CheckBox.vue.js";
-import { default as ja } from "./components/Textarea.vue.js";
-import { default as Xa } from "./components/SidePanel.vue.js";
-import { default as Ja } from "./components/DatePicker.vue.js";
-import { default as ef } from "./components/IconPicker.vue.js";
-import { default as rf } from "./components/ButtonGroup.vue.js";
-import { default as af } from "./components/NumberInput.vue.js";
-import { default as mf } from "./components/ThemeToggle.vue.js";
-import { default as pf } from "./components/GoogleLogin.vue.js";
-import { default as df } from "./components/ColorPicker/ColorPicker.vue.js";
-import { default as xf } from "./components/ConfirmationModal.vue.js";
-import { default as cf } from "./components/ToastNotification.vue.js";
-import { default as Cf } from "./components/CommandPalette/CommandPaletteContent.vue.js";
-import { default as Sf } from "./components/NavbarCommandPalette.vue.js";
-import { default as If } from "./components/DateRangePicker.vue.js";
-import { createVLite as Pf } from "./core/index.js";
-import { default as Df } from "./components/StatusChip/StatusChip.vue.js";
-import { STATUS_MAP as Bf, normalizeStatus as yf, resolveStatus as Af } from "./components/StatusChip/status-map.js";
-import { default as kf } from "./components/Price/Price.vue.js";
-import { default as Mf } from "./components/DateTime/DateTime.vue.js";
-import { default as Rf } from "./components/Clock/Clock.vue.js";
-import { default as Gf } from "./components/Chat/ChatInterface.vue.js";
-import { VLITE_CONFIG_KEY as Of, configState as Yf, updateConfig as _f, useVLiteConfig as zf } from "./core/config.js";
-import { getStatusColorClass as Vf } from "./utils/status.js";
+import { default as Ra } from "./components/Label.vue.js";
+import { default as La } from "./components/Modal.vue.js";
+import { default as Ka } from "./components/Avatar.vue.js";
+import { default as Ya } from "./components/Button.vue.js";
+import { default as za } from "./components/BackButton.vue.js";
+import { default as Va } from "./components/Clipboard.vue.js";
+import { default as Qa } from "./components/Slider.vue.js";
+import { default as ja } from "./components/Switch.vue.js";
+import { default as Xa } from "./components/Tooltip.vue.js";
+import { default as Ja } from "./components/CheckBox.vue.js";
+import { default as ef } from "./components/Textarea.vue.js";
+import { default as rf } from "./components/SidePanel.vue.js";
+import { default as af } from "./components/DatePicker.vue.js";
+import { default as mf } from "./components/IconPicker.vue.js";
+import { default as pf } from "./components/ButtonGroup.vue.js";
+import { default as df } from "./components/NumberInput.vue.js";
+import { default as xf } from "./components/ThemeToggle.vue.js";
+import { default as cf } from "./components/GoogleLogin.vue.js";
+import { default as Cf } from "./components/ColorPicker/ColorPicker.vue.js";
+import { default as Sf } from "./components/ConfirmationModal.vue.js";
+import { default as If } from "./components/ToastNotification.vue.js";
+import { default as Pf } from "./components/CommandPalette/CommandPaletteContent.vue.js";
+import { default as Df } from "./components/NavbarCommandPalette.vue.js";
+import { default as yf } from "./components/DateRangePicker.vue.js";
+import { createVLite as Bf } from "./core/index.js";
+import { default as kf } from "./components/StatusChip/StatusChip.vue.js";
+import { STATUS_MAP as Mf, normalizeStatus as Rf, resolveStatus as wf } from "./components/StatusChip/status-map.js";
+import { default as Gf } from "./components/Price/Price.vue.js";
+import { default as Of } from "./components/DateTime/DateTime.vue.js";
+import { default as _f } from "./components/Clock/Clock.vue.js";
+import { default as Uf } from "./components/Chat/ChatInterface.vue.js";
+import { VLITE_CONFIG_KEY as Hf, configState as Qf, updateConfig as Wf, useVLiteConfig as jf } from "./core/config.js";
+import { getStatusColorClass as Xf } from "./utils/status.js";
 export {
   Z as $t,
   er as Accordion,
   mr as AccordionContent,
   rr as AccordionItem,
   ar as AccordionTrigger,
-  ba as Alert,
+  Aa as Alert,
   ga as AppShell,
   bt as AttachmentsList,
-  Ea as Avatar,
+  Ka as Avatar,
   at as AvatarGroup,
   rt as AvatarUploader,
-  La as BackButton,
-  va as Badge,
+  za as BackButton,
+  Na as Badge,
   ea as BarChart,
   Ze as Barcode,
   To as Breadcrumb,
   ho as BreadcrumbItem,
-  wa as Button,
-  rf as ButtonGroup,
+  Ya as Button,
+  pf as ButtonGroup,
   Kt as Calendar,
   Yt as CalendarEventItem,
   to as Carousel,
   Et as CategoryManager,
-  Gf as ChatInterface,
-  Qa as CheckBox,
+  Uf as ChatInterface,
+  Ja as CheckBox,
   te as Chip,
   pr as ChoiceBox,
   aa as CircleChart,
-  Rf as Clock,
-  df as ColorPicker,
-  Cf as CommandPaletteContent,
+  Va as Clipboard,
+  _f as Clock,
+  Cf as ColorPicker,
+  Pf as CommandPaletteContent,
   Jo as CommentEditor,
   jo as CommentItem,
   Xo as CommentThread,
-  xf as ConfirmationModal,
-  Ka as CopyButton,
+  Sf as ConfirmationModal,
   ue as CustomFields,
   Ft as CustomFieldsDisplay,
   Ko as DataList,
   dr as DataTable,
   xr as DataTableHeader,
   nr as DataTableRow,
-  Ja as DatePicker,
-  If as DateRangePicker,
-  Mf as DateTime,
+  af as DatePicker,
+  yf as DateRangePicker,
+  Of as DateTime,
   fo as Dropdown,
   xo as DropdownItem,
   lo as DropdownMenu,
   so as DropdownTrigger,
   Qo as Empty,
-  Ar as ExportData,
+  Br as ExportData,
   Dr as FilePicker,
   ht as FilePreview,
   bo as FileTree,
@@ -220,84 +223,87 @@ export {
   se as FormFields,
   ie as FormSkeleton,
   ma as GaugeChart,
-  pf as GoogleLogin,
+  cf as GoogleLogin,
   l as GoogleSignInPlugin,
   He as Heatmap,
-  Ta as Icon,
-  ef as IconPicker,
+  va as Icon,
+  mf as IconPicker,
   kr as ImportData,
-  Fa as Input,
-  yt as Invoice,
+  Ea as Input,
+  At as Invoice,
   Nt as InvoiceTotals,
   Pe as Kanban,
   De as KanbanBoard,
-  ya as Label,
+  Ra as Label,
   Jt as LineChart,
   Yo as List,
   zo as ListFieldRow,
-  ha as Logo,
+  Fa as Logo,
   qe as MASONRY_BREAKPOINTS,
   We as Masonry,
-  Na as Modal,
+  La as Modal,
   Mr as MultiSelect,
-  Ae as Navbar,
-  Sf as NavbarCommandPalette,
+  Be as Navbar,
+  Df as NavbarCommandPalette,
   Me as NavbarGroup,
   ke as NavbarItem,
-  Re as NavbarTabs,
-  af as NumberInput,
+  we as NavbarTabs,
+  df as NumberInput,
   Eo as OTPInput,
-  Br as Pagination,
+  yr as Pagination,
   qr as PermissionEditor,
   Wr as PermissionMatrix,
   ra as PieChart,
-  kf as Price,
+  Gf as Price,
   Gr as PricingPlan,
   Or as PricingPlanItem,
   Hr as ProgressBar,
   Ge as QRCode,
-  yo as RichTextEditor,
+  Ta as Rating,
+  ha as ReviewSummary,
+  Ao as RichTextEditor,
   No as RichTextReader,
   gr as SCREEN_CONTEXT_KEY,
-  Bf as STATUS_MAP,
+  Mf as STATUS_MAP,
   Oe as Screen,
   _e as ScreenFilter,
   Ue as ScreenQuickFilters,
   da as SegmentBarChart,
   Lo as Sheet,
-  Xa as SidePanel,
+  rf as SidePanel,
   _r as SidebarMenu,
   Ur as SidebarMenuItem,
   zt as Skeleton,
-  Ya as Slider,
+  Qa as Slider,
   $e as Spinner,
   Tr as Splitter,
   xa as StatCardChart,
   Ie as Stats,
-  Df as StatusChip,
-  za as Switch,
+  kf as StatusChip,
+  ja as Switch,
   Se as Tabes,
   Lt as TagInput,
-  ja as Textarea,
-  mf as ThemeToggle,
-  wt as ThumbnailSelector,
+  ef as Textarea,
+  xf as ThemeToggle,
+  Rt as ThumbnailSelector,
   nt as Timeline,
   pa as TimelineChart,
   Tt as TimelineIndicator,
   gt as TimelineItem,
-  cf as ToastNotification,
-  Va as Tooltip,
-  Of as VLITE_CONFIG_KEY,
+  If as ToastNotification,
+  Xa as Tooltip,
+  Hf as VLITE_CONFIG_KEY,
   na as WaffleChart,
-  wo as Workbook,
+  Ro as Workbook,
   oo as barcodesConstants,
   u as camelCase,
   x as capitalize,
-  Yf as configState,
+  Qf as configState,
   mt as configure,
   jt as configureSkeleton,
   i as copyToClipboard,
-  Pf as createVLite,
+  ba as createAsyncSelect,
+  Bf as createVLite,
   n as debounce,
   s as deepMerge,
   c as delay,
@@ -317,22 +323,22 @@ export {
   D as getNextYear,
   Vo as getObjectValue,
   F as getPrevMonth,
-  B as getPrevYear,
-  Vf as getStatusColorClass,
-  y as getToday,
-  A as getTomorrow,
+  y as getPrevYear,
+  Xf as getStatusColorClass,
+  A as getToday,
+  B as getTomorrow,
   N as getUniqueId,
   k as getUpcoming,
   E as getYear,
   M as getYesterday,
   br as initializeTheme,
-  w as isAppleDevice,
-  R as isEmpty,
+  R as isAppleDevice,
+  w as isEmpty,
   L as isPureTimeString,
   G as isValidTimeRange,
   W as lazySearch,
   Vt as normalizeBone,
-  yf as normalizeStatus,
+  Rf as normalizeStatus,
   K as parseDateTime,
   lt as pauseTimers,
   O as randomNumber,
@@ -340,7 +346,7 @@ export {
   Y as removeExtraProperties,
   pt as removeToast,
   j as resetSearchIndex,
-  Af as resolveStatus,
+  wf as resolveStatus,
   st as resumeTimers,
   q as search,
   dt as showToast,
@@ -351,18 +357,18 @@ export {
   V as toLocalISO,
   ut as toast,
   H as truncate,
-  _f as updateConfig,
+  Wf as updateConfig,
   $r as useAdvancedKeyStroke,
   go as useDropdownIds,
   no as useDropdownSelection,
   Ce as useFileUpload,
   ce as useForm,
-  Be as useKanbanBoard,
+  ye as useKanbanBoard,
   Jr as useKeyStroke,
-  Rr as useMultiSelectHydration,
+  wr as useMultiSelectHydration,
   xt as useNotifications,
   Pr as useTheme,
   Fo as useTreeSelection,
-  zf as useVLiteConfig,
+  jf as useVLiteConfig,
   et 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": "1.2.2",
+  "version": "1.2.5",
   "type": "module",
   "main": "index.js",
   "module": "index.js",
@@ -65,6 +65,7 @@
     "@types/node": "^25.0.10",
     "@types/qrcode": "^1.5.6",
     "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue-jsx": "^4.1.1",
     "@vue/tsconfig": "^0.8.1",
     "typescript": "~5.9.3",
     "vite": "^7.2.4",