vlite3 1.2.2 → 1.2.5

package/components/Modal.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as P, ref as f, inject as R, computed as h, markRaw as V, watch as T, provide as W, nextTick as K, onMounted as L, onUnmounted as A, openBlock as s, createElementBlock as d, Fragment as U, mergeProps as B, withModifiers as S, renderSlot as v, createCommentVNode as n, createBlock as I, Teleport as q, normalizeClass as i, createElementVNode as b, toDisplayString as z, createVNode as G, resolveDynamicComponent as H } from "vue";
-import J from "./Button.vue.js";
-import { useKeyStroke as Q } from "../composables/useKeyStroke.js";
-import { $t as F } from "../utils/i18n.js";
-const X = ["data-testid"], Y = ["data-testid"], Z = {
+import { defineComponent as R, ref as f, inject as V, computed as p, markRaw as W, watch as T, provide as K, nextTick as L, onMounted as A, onUnmounted as U, openBlock as s, createElementBlock as a, Fragment as q, mergeProps as B, withModifiers as S, renderSlot as v, createCommentVNode as r, createBlock as I, Teleport as G, normalizeClass as i, createVNode as z, Transition as H, withCtx as J, createElementVNode as h, toDisplayString as F, resolveDynamicComponent as Q } from "vue";
+import X from "./Button.vue.js";
+import { useKeyStroke as Y } from "../composables/useKeyStroke.js";
+import { $t as O } from "../utils/i18n.js";
+const Z = ["data-testid"], _ = ["data-testid"], ee = {
   key: 0,
   class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/90"
-}, _ = { class: "text-lg font-semibold leading-none tracking-tight" }, ee = {
+}, te = { class: "text-lg font-semibold leading-none tracking-tight" }, oe = {
   key: 0,
   class: "text-sm text-muted-foreground mb-3.5"
-}, ae = /* @__PURE__ */ P({
+}, de = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -28,113 +28,119 @@ const X = ["data-testid"], Y = ["data-testid"], Z = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen"],
-  setup(t, { emit: O }) {
-    const o = t, u = O, l = f(o.show), k = f(!1), g = f(!1), C = f(null);
+  setup(o, { emit: j }) {
+    const t = o, u = j, l = f(t.show), k = f(!1), b = f(!1), C = f(null);
     let c = null;
-    const y = f(!1), a = R("dropdown-context", null), w = h(() => o.body ? V(o.body) : void 0);
+    const g = f(!1), d = V("dropdown-context", null), w = p(() => t.body ? W(t.body) : void 0);
     T(
-      () => o.show,
+      () => t.show,
       (e) => {
-        l.value = e, e && (u("onOpen"), a?.close());
+        l.value = e, e && (u("onOpen"), d?.close());
       }
     );
-    const j = () => {
-      l.value = !0, a?.close();
-    }, D = (e) => {
-      k.value = e;
+    const D = () => {
+      l.value = !0, d?.close();
     }, E = (e) => {
-      y.value = e;
+      k.value = e;
+    }, M = (e) => {
+      g.value = e;
     }, m = () => {
       if (k.value) {
-        g.value = !0, c && clearTimeout(c), c = setTimeout(() => {
-          g.value = !1;
+        b.value = !0, c && clearTimeout(c), c = setTimeout(() => {
+          b.value = !1;
         }, 1e3);
         return;
       }
       l.value = !1, u("update:show", !1), u("close");
-    }, p = () => {
+    }, y = () => {
       l.value = !1, u("update:show", !1), u("close");
     };
-    W("modal-context", { close: m, setSubmitting: D, registerFormFooter: E });
-    const M = () => {
-      o.closeOutside && m();
-    }, { onKeyStroke: N } = Q();
-    N("Escape", m), T(l, async (e) => {
-      e ? (a?.onChildToggle?.(!0), document.body.style.overflow = "hidden", await K(), C.value?.focus()) : (document.body.style.overflow = "", a?.onChildToggle?.(!1), y.value = !1);
-    }), L(() => {
-      l.value && a?.onChildToggle?.(!0);
+    K("modal-context", { close: m, setSubmitting: E, registerFormFooter: M });
+    const N = () => {
+      t.closeOutside && m();
+    }, { onKeyStroke: P } = Y();
+    P("Escape", m), T(l, async (e) => {
+      e ? (d?.onChildToggle?.(!0), document.body.style.overflow = "hidden", await L(), C.value?.focus()) : (document.body.style.overflow = "", d?.onChildToggle?.(!1), g.value = !1);
     }), A(() => {
-      l.value && a?.onChildToggle?.(!1), document.body.style.overflow = "", c && clearTimeout(c);
+      l.value && d?.onChildToggle?.(!0);
+    }), U(() => {
+      l.value && d?.onChildToggle?.(!1), document.body.style.overflow = "", c && clearTimeout(c);
     });
-    const r = h(() => o.titleI18n ? F(o.titleI18n) : o.title), x = h(
-      () => o.descriptionI18n ? F(o.descriptionI18n) : o.description
+    const n = p(() => t.titleI18n ? O(t.titleI18n) : t.title), x = p(
+      () => t.descriptionI18n ? O(t.descriptionI18n) : t.description
     );
-    return (e, $) => (s(), d(U, null, [
-      e.$slots?.trigger || e.$slots?.default ? (s(), d("span", B({
+    return (e, $) => (s(), a(q, null, [
+      e.$slots?.trigger || e.$slots?.default ? (s(), a("span", B({
         key: 0,
-        onClick: S(j, ["stop"]),
-        class: `${t.triggerClass}`
+        onClick: S(D, ["stop"]),
+        class: `${o.triggerClass}`
       }, e.$attrs, {
-        "data-testid": e.$attrs["data-testid"] ? `${e.$attrs["data-testid"]}-trigger` : r.value ? `modal-trigger-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "modal-trigger"
+        "data-testid": e.$attrs["data-testid"] ? `${e.$attrs["data-testid"]}-trigger` : n.value ? `modal-trigger-${n.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "modal-trigger"
       }), [
         v(e.$slots, "trigger", {}, () => [
-          t.body ? v(e.$slots, "default", { key: 0 }, void 0, !0) : n("", !0)
+          o.body ? v(e.$slots, "default", { key: 0 }, void 0, !0) : r("", !0)
         ], !0)
-      ], 16, X)) : n("", !0),
-      (s(), I(q, { to: "body" }, [
-        l.value ? (s(), d("div", {
+      ], 16, Z)) : r("", !0),
+      (s(), I(G, { to: "body" }, [
+        l.value ? (s(), a("div", {
           key: 0,
-          class: i(["fixed inset-0 z-50 flex items-center justify-center p-4 v-modal-overlay", t.backdrop ? "v-modal-backdrop" : ""]),
-          onClick: M
+          class: i(["fixed inset-0 z-50 flex items-center justify-center p-4 v-modal-overlay", o.backdrop ? "v-modal-backdrop" : ""]),
+          onClick: N
         }, [
-          b("div", {
-            ref_key: "modalRef",
-            ref: C,
-            tabindex: "-1",
-            role: "dialog",
-            "aria-modal": "true",
-            class: i(["modal-body relative w-full rounded border border-border/60 bg-body shadow-lg text-foreground flex flex-col max-h-[85vh] sm:max-h-[90vh] focus:outline-none", [t.maxWidth]]),
-            "data-testid": e.$attrs["data-testid"] || (r.value ? `modal-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "modal"),
-            onClick: $[0] || ($[0] = S(() => {
-            }, ["stop"]))
-          }, [
-            r.value ? (s(), d("div", Z, [
-              b("div", {
-                class: i(["flex items-center justify-between py-2 px-4 rounded-t-md", t.headerClass])
+          z(H, { name: "modal-dialog" }, {
+            default: J(() => [
+              l.value ? (s(), a("div", {
+                key: 0,
+                ref_key: "modalRef",
+                ref: C,
+                tabindex: "-1",
+                role: "dialog",
+                "aria-modal": "true",
+                class: i(["modal-body relative w-full rounded border border-border/60 bg-body shadow-lg text-foreground flex flex-col max-h-[85vh] sm:max-h-[90vh] focus:outline-none", [o.maxWidth]]),
+                "data-testid": e.$attrs["data-testid"] || (n.value ? `modal-${n.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "modal"),
+                onClick: $[0] || ($[0] = S(() => {
+                }, ["stop"]))
               }, [
-                b("h3", _, z(r.value), 1),
-                G(J, {
-                  rounded: "full",
-                  size: "sm",
-                  icon: "lucide:x",
-                  variant: "ghost",
-                  class: i(["hover:bg-gray-250/25!", { "blink-bg": g.value }]),
-                  "data-testid": "modal-close-btn",
-                  onClick: m
-                }, null, 8, ["class"])
-              ], 2)
-            ])) : n("", !0),
-            b("div", {
-              class: i(["flex-1 overflow-y-auto px-4 pt-4 min-h-0 scrollbar-thin scrollbar-stable", [y.value ? "pb-0" : "pb-3.5", t.bodyClass]])
-            }, [
-              x.value ? (s(), d("p", ee, z(x.value), 1)) : n("", !0),
-              w.value ? (s(), I(H(w.value), B({ key: 1 }, { ...t.bodyProps, ...e.$attrs }, { close: p }), null, 16)) : v(e.$slots, "default", {
-                key: 2,
-                close: p
-              }, void 0, !0)
-            ], 2),
-            e.$slots.footer ? (s(), d("div", {
-              key: 1,
-              class: i([t.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
-            }, [
-              v(e.$slots, "footer", { close: p }, void 0, !0)
-            ], 2)) : n("", !0)
-          ], 10, Y)
-        ], 2)) : n("", !0)
+                n.value ? (s(), a("div", ee, [
+                  h("div", {
+                    class: i(["flex items-center justify-between py-2 px-4 rounded-t-md", o.headerClass])
+                  }, [
+                    h("h3", te, F(n.value), 1),
+                    z(X, {
+                      rounded: "full",
+                      size: "sm",
+                      icon: "lucide:x",
+                      variant: "ghost",
+                      class: i(["hover:bg-gray-250/25!", { "blink-bg": b.value }]),
+                      "data-testid": "modal-close-btn",
+                      onClick: m
+                    }, null, 8, ["class"])
+                  ], 2)
+                ])) : r("", !0),
+                h("div", {
+                  class: i(["flex-1 overflow-y-auto px-4 pt-4 min-h-0 scrollbar-thin scrollbar-stable", [g.value ? "pb-0" : "pb-3.5", o.bodyClass]])
+                }, [
+                  x.value ? (s(), a("p", oe, F(x.value), 1)) : r("", !0),
+                  w.value ? (s(), I(Q(w.value), B({ key: 1 }, { ...o.bodyProps, ...e.$attrs }, { close: y }), null, 16)) : v(e.$slots, "default", {
+                    key: 2,
+                    close: y
+                  }, void 0, !0)
+                ], 2),
+                e.$slots.footer ? (s(), a("div", {
+                  key: 1,
+                  class: i([o.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
+                }, [
+                  v(e.$slots, "footer", { close: y }, void 0, !0)
+                ], 2)) : r("", !0)
+              ], 10, _)) : r("", !0)
+            ]),
+            _: 3
+          })
+        ], 2)) : r("", !0)
       ]))
     ], 64));
   }
 });
 export {
-  ae as default
+  de as default
 };

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                       */
+/* empty css                                      */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/Persona.vue.d.ts

@@ -0,0 +1,25 @@
+import { AvatarSize, AvatarRounded } from '../types';
+export type PresenceType = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
+export type PersonaLabelTheme = 'default' | 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'info' | 'muted' | string;
+interface Props {
+    src?: string;
+    link?: string;
+    alt?: string;
+    fallback?: string;
+    size?: AvatarSize;
+    rounded?: AvatarRounded;
+    presence?: PresenceType;
+    label?: string;
+    secondaryLabel?: string;
+    labelTheme?: PersonaLabelTheme;
+    hideDetails?: boolean;
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: string;
+    size: AvatarSize;
+    rounded: AvatarRounded;
+    labelTheme: PersonaLabelTheme;
+    hideDetails: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/Price/Price.vue.d.ts

@@ -6,5 +6,5 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     value: number | string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/Price/Price.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent as p, computed as o, openBlock as i, createElementBlock as l, toDisplayString as h } from "vue";
-import { useVLiteConfig as f } from "../../core/config.js";
-const v = /* @__PURE__ */ p({
+import { defineComponent as i, computed as r, openBlock as d, createBlock as h, withCtx as f, createElementVNode as y, toDisplayString as v } from "vue";
+import { useVLiteConfig as b } from "../../core/config.js";
+import F from "../Tooltip.vue.js";
+const C = /* @__PURE__ */ i({
   __name: "Price",
   props: {
     value: { default: 0 },
@@ -8,22 +9,43 @@ const v = /* @__PURE__ */ p({
     numberFormat: {},
     compactThreshold: {}
   },
-  setup(n) {
-    const t = n, c = f(), a = o(() => t.currency || c?.components?.price?.currency || "USD"), m = o(() => t.numberFormat || c?.components?.price?.numberFormat || "compact"), u = o(() => {
-      const r = Number(t.value) || 0;
+  setup(u) {
+    const c = u, o = b(), n = r(() => c.currency || o?.components?.price?.currency || "USD"), a = r(() => c.numberFormat || o?.components?.price?.numberFormat || "compact"), m = r(() => {
+      const e = Number(c.value) || 0;
       try {
-        const e = {
+        const t = {
           style: "currency",
-          currency: a.value
-        }, s = t.compactThreshold ?? c?.components?.price?.compactThreshold ?? 1e3;
-        return m.value === "compact" && Math.abs(r) >= s && (e.notation = "compact", e.compactDisplay = "short"), new Intl.NumberFormat("en-US", e).format(r);
+          currency: n.value
+        }, p = c.compactThreshold ?? o?.components?.price?.compactThreshold ?? 1e3;
+        return a.value === "compact" && Math.abs(e) >= p && (t.notation = "compact", t.compactDisplay = "short"), new Intl.NumberFormat("en-US", t).format(e);
       } catch {
-        return `$${r.toFixed(2)}`;
+        return `$${e.toFixed(2)}`;
       }
+    }), s = r(() => {
+      const e = Number(c.value) || 0;
+      try {
+        return new Intl.NumberFormat("en-US", {
+          style: "currency",
+          currency: n.value
+        }).format(e);
+      } catch {
+        return `$${e.toFixed(2)}`;
+      }
+    }), l = r(() => {
+      const e = Number(c.value) || 0, t = c.compactThreshold ?? o?.components?.price?.compactThreshold ?? 1e3;
+      return a.value === "compact" && Math.abs(e) >= t;
     });
-    return (r, e) => (i(), l("span", null, h(u.value), 1));
+    return (e, t) => (d(), h(F, {
+      content: s.value,
+      disabled: !l.value
+    }, {
+      default: f(() => [
+        y("span", null, v(m.value), 1)
+      ]),
+      _: 1
+    }, 8, ["content", "disabled"]));
   }
 });
 export {
-  v as default
+  C as default
 };

package/components/Rating/Rating.vue.d.ts

@@ -0,0 +1,43 @@
+import { RatingProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        text?(_: {
+            value: number;
+            max: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RatingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: number) => any;
+    "update:modelValue": (value: number) => any;
+    hover: (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<RatingProps> & Readonly<{
+    onChange?: (value: number) => any;
+    "onUpdate:modelValue"?: (value: number) => any;
+    onHover?: (value: number) => any;
+}>, {
+    icon: string | string[];
+    size: "sm" | "md" | "lg" | "xl";
+    solid: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    modelValue: number;
+    max: number;
+    allowHalf: boolean;
+    showText: boolean;
+    activeIcon: string | string[];
+    activeColor: string;
+    inactiveColor: string;
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Rating/Rating.vue.js

@@ -0,0 +1,7 @@
+import o from "./Rating.vue2.js";
+/* empty css            */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-33afc5cb"]]);
+export {
+  f as default
+};

package/components/Rating/Rating.vue2.js

@@ -0,0 +1,92 @@
+import { defineComponent as M, ref as z, computed as I, openBlock as r, createElementBlock as c, normalizeClass as u, Fragment as N, renderList as S, createVNode as h, unref as x, createElementVNode as y, normalizeStyle as T, renderSlot as $, createTextVNode as A, toDisplayString as g, createCommentVNode as E } from "vue";
+import { Icon as w } from "@iconify/vue";
+const F = ["onMousemove", "onClick"], H = {
+  key: 0,
+  class: "ml-2 text-sm text-foreground/80 font-medium whitespace-nowrap"
+}, L = { class: "text-xs text-muted-foreground font-normal" }, D = /* @__PURE__ */ M({
+  __name: "Rating",
+  props: {
+    modelValue: { default: 0 },
+    max: { default: 5 },
+    allowHalf: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    showText: { type: Boolean, default: !1 },
+    icon: { default: "lucide:star" },
+    activeIcon: { default: "lucide:star" },
+    activeColor: { default: "text-amber-400" },
+    inactiveColor: { default: "text-muted-foreground/30" },
+    size: { default: "md" },
+    clearable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    solid: { type: Boolean, default: !0 },
+    class: {}
+  },
+  emits: ["update:modelValue", "change", "hover"],
+  setup(t, { emit: C }) {
+    const l = t, s = C, n = z(0), d = I(() => n.value > 0 ? n.value : l.modelValue), m = {
+      sm: "w-4 h-4",
+      md: "w-5 h-5",
+      lg: "w-6 h-6",
+      xl: "w-8 h-8"
+    }, v = (o, e) => {
+      const a = e === "active" ? l.activeIcon : l.icon;
+      return Array.isArray(a) ? a[Math.min(o - 1, a.length - 1)] : a;
+    }, V = (o, e) => {
+      if (!(l.readonly || l.disabled))
+        if (l.allowHalf) {
+          const i = o.currentTarget.getBoundingClientRect(), f = o.clientX - i.left < i.width / 2 ? e - 0.5 : e;
+          n.value !== f && (n.value = f, s("hover", f));
+        } else
+          n.value !== e && (n.value = e, s("hover", e));
+    }, b = () => {
+      l.readonly || l.disabled || (n.value = 0, s("hover", 0));
+    }, B = (o) => {
+      if (l.readonly || l.disabled) return;
+      let e = n.value || o;
+      l.clearable && l.modelValue === e && (e = 0), s("update:modelValue", e), s("change", e);
+    }, k = (o) => {
+      const e = d.value - o + 1;
+      return e >= 1 ? 100 : e > 0 ? e * 100 : 0;
+    };
+    return (o, e) => (r(), c("div", {
+      class: u(["inline-flex items-center gap-1.5", [l.class, { "opacity-50 cursor-not-allowed": t.disabled }]]),
+      onMouseleave: b
+    }, [
+      (r(!0), c(N, null, S(t.max, (a) => (r(), c("div", {
+        key: a,
+        class: u(["relative flex items-center justify-center isolate transition-transform", {
+          "cursor-pointer hover:scale-110 active:scale-95": !t.readonly && !t.disabled,
+          "cursor-default pointer-events-none": t.readonly || t.disabled
+        }]),
+        onMousemove: (i) => V(i, a),
+        onClick: (i) => B(a)
+      }, [
+        h(x(w), {
+          icon: v(a, "inactive"),
+          class: u([m[t.size], t.inactiveColor])
+        }, null, 8, ["icon", "class"]),
+        y("div", {
+          class: "absolute inset-0 overflow-hidden",
+          style: T({ width: `${k(a)}%` })
+        }, [
+          h(x(w), {
+            icon: v(a, "active"),
+            class: u([m[t.size], t.activeColor, { "is-solid": t.solid }])
+          }, null, 8, ["icon", "class"])
+        ], 4)
+      ], 42, F))), 128)),
+      $(o.$slots, "text", {
+        value: d.value,
+        max: t.max
+      }, () => [
+        t.showText ? (r(), c("span", H, [
+          A(g(d.value) + " ", 1),
+          y("span", L, "/ " + g(t.max), 1)
+        ])) : E("", !0)
+      ], !0)
+    ], 34));
+  }
+});
+export {
+  D as default
+};

package/components/Rating/ReviewSummary.vue.d.ts

@@ -0,0 +1,5 @@
+import { ReviewSummaryProps } from './types';
+declare const _default: import('vue').DefineComponent<ReviewSummaryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ReviewSummaryProps> & Readonly<{}>, {
+    showTotal: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Rating/ReviewSummary.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as w, computed as u, openBlock as l, createElementBlock as i, normalizeClass as d, createElementVNode as r, toDisplayString as s, Fragment as m, renderList as f, createVNode as g, unref as x, createCommentVNode as _, createTextVNode as b, normalizeStyle as y } from "vue";
+import { Icon as v } from "@iconify/vue";
+const k = { class: "flex flex-col items-center justify-center py-4 sm:w-1/3 w-full shrink-0" }, R = { class: "text-5xl font-bold tracking-tighter text-foreground" }, D = { class: "flex items-center gap-1 mt-3 text-amber-400" }, N = {
+  key: 0,
+  class: "text-sm text-muted-foreground mt-2 font-medium"
+}, B = { class: "flex flex-col gap-2 w-full flex-grow" }, C = { class: "flex items-center gap-1 text-sm font-medium text-foreground min-w-[70px]" }, T = { class: "h-3.5 bg-muted rounded-full w-full overflow-hidden flex-grow shrink-0 relative shadow-inner" }, V = { class: "text-sm font-medium text-muted-foreground text-right min-w-[36px]" }, E = /* @__PURE__ */ w({
+  __name: "ReviewSummary",
+  props: {
+    ratingDistribution: {},
+    totalReviews: {},
+    averageRating: {},
+    showTotal: { type: Boolean, default: !0 },
+    class: {}
+  },
+  setup(c) {
+    const e = c, p = u(() => [...e.ratingDistribution].sort((n, o) => o.rating - n.rating)), a = u(() => {
+      if (e.averageRating !== void 0) return e.averageRating;
+      if (e.ratingDistribution.length === 0) return 0;
+      let n = 0, o = 0;
+      for (const t of e.ratingDistribution)
+        t.count !== void 0 && (n += t.rating * t.count, o += t.count);
+      return o > 0 ? Number((n / o).toFixed(1)) : 0;
+    }), h = u(() => e.totalReviews !== void 0 ? e.totalReviews : e.ratingDistribution.reduce((n, o) => n + (o.count || 0), 0));
+    return (n, o) => (l(), i("div", {
+      class: d(["flex flex-col sm:flex-row gap-6 md:gap-10 items-start w-full", e.class])
+    }, [
+      r("div", k, [
+        r("div", R, s(a.value), 1),
+        r("div", D, [
+          (l(), i(m, null, f(5, (t) => g(x(v), {
+            key: t,
+            icon: "lucide:star",
+            class: d(["w-5 h-5 transition-all", {
+              "fill-amber-400 text-amber-400": a.value >= t,
+              "fill-muted/20 text-muted-foreground/30": a.value < t
+            }])
+          }, null, 8, ["class"])), 64))
+        ]),
+        c.showTotal ? (l(), i("p", N, " Based on " + s(h.value) + " global ratings ", 1)) : _("", !0)
+      ]),
+      r("div", B, [
+        (l(!0), i(m, null, f(p.value, (t) => (l(), i("div", {
+          key: t.rating,
+          class: "flex items-center gap-3 w-full"
+        }, [
+          r("div", C, [
+            b(s(t.rating) + " ", 1),
+            g(x(v), {
+              icon: "lucide:star",
+              class: "w-4 h-4 text-amber-400 fill-amber-400"
+            })
+          ]),
+          r("div", T, [
+            r("div", {
+              class: "h-full bg-amber-400 rounded-full transition-all duration-1000 ease-out",
+              style: y({ width: `${t.percentage}%` })
+            }, null, 4)
+          ]),
+          r("div", V, s(t.percentage) + "% ", 1)
+        ]))), 128))
+      ])
+    ], 2));
+  }
+});
+export {
+  E as default
+};

package/components/Rating/ReviewSummary.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ReviewSummary.vue.js";
+export {
+  f as default
+};

package/components/Rating/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export { default as Rating } from './Rating.vue';
+export { default as ReviewSummary } from './ReviewSummary.vue';

package/components/Rating/types.d.ts

@@ -0,0 +1,28 @@
+export interface RatingProps {
+    modelValue?: number;
+    max?: number;
+    allowHalf?: boolean;
+    readonly?: boolean;
+    showText?: boolean;
+    icon?: string | string[];
+    activeIcon?: string | string[];
+    activeColor?: string;
+    inactiveColor?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    clearable?: boolean;
+    disabled?: boolean;
+    solid?: boolean;
+    class?: string;
+}
+export interface ReviewSummaryData {
+    rating: number;
+    percentage: number;
+    count?: number;
+}
+export interface ReviewSummaryProps {
+    ratingDistribution: ReviewSummaryData[];
+    totalReviews?: number;
+    averageRating?: number;
+    showTotal?: boolean;
+    class?: string;
+}

package/components/Screen/Screen.vue.d.ts

@@ -341,10 +341,10 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     data: any[];
     variant: "one" | "two";
     loading: boolean;
+    emptyIcon: string;
+    canAdd: boolean;
     exportProps: Record<string, any> | boolean;
     importProps: Record<string, any> | boolean;
-    canAdd: boolean;
-    emptyIcon: string;
     hideSelectable: boolean;
     hideDeleteBtn: boolean;
     showRefresh: boolean;

package/components/Screen/Screen.vue.js

@@ -33,7 +33,9 @@ const ze = { key: 0 }, Xe = {
     loading: { type: Boolean, default: !1 },
     variant: { default: "one" },
     stats: { default: () => [] },
-    statsProps: { default: () => ({}) },
+    statsProps: { default: () => ({
+      variant: "transparent-header"
+    }) },
     refetch: {},
     paginationProps: { default: () => ({
       alignment: "between",

package/components/Screen/ScreenFilter.vue.js

@@ -14,7 +14,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */

package/components/SidePanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./SidePanel.vue2.js";
 /* empty css               */
-import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3446a690"]]);
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-d7a169fa"]]);
 export {
-  m as default
+  f as default
 };