vlite3 1.2.2 → 1.2.4

package/components/List/ListFieldRow.vue.js

@@ -1,29 +1,30 @@
-import { defineComponent as M, ref as $, computed as v, openBlock as t, createElementBlock as a, normalizeClass as s, createElementVNode as c, createBlock as f, createCommentVNode as x, toDisplayString as h, renderSlot as w, resolveDynamicComponent as L, Fragment as m, createVNode as p } from "vue";
-import g from "../Icon.vue.js";
-import k from "../Price/Price.vue.js";
-import { $t as j } from "../../utils/i18n.js";
-import { formatDate as V, formatNumber as I } from "../../utils/functions.js";
-import { getObjectValue as N } from "./utils.js";
-import { getStatusColorClass as F } from "../../utils/status.js";
-const D = { class: "flex items-center gap-2 min-w-0" }, E = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, O = { class: "min-w-0" }, z = {
+import { defineComponent as V, ref as I, computed as v, openBlock as t, createElementBlock as a, normalizeClass as i, createElementVNode as r, createBlock as d, createCommentVNode as H, toDisplayString as L, renderSlot as M, resolveDynamicComponent as B, Fragment as m, withCtx as k, createVNode as C } from "vue";
+import h from "../Icon.vue.js";
+import x from "../Price/Price.vue.js";
+import w from "../Tooltip.vue.js";
+import { $t as D } from "../../utils/i18n.js";
+import { formatDate as E, formatNumber as $ } from "../../utils/functions.js";
+import { getObjectValue as O } from "./utils.js";
+import { getStatusColorClass as z } from "../../utils/status.js";
+const R = { class: "flex items-center gap-2 min-w-0" }, Y = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, q = { class: "min-w-0" }, A = {
   key: 2,
   class: "flex items-center gap-1.5"
-}, R = ["innerHTML"], Y = {
+}, G = ["innerHTML"], J = ["innerHTML"], K = {
   key: 1,
   class: "text-sm font-semibold text-foreground tracking-widest select-none",
   "aria-hidden": "true"
-}, q = ["aria-label"], A = ["src", "alt"], G = ["innerHTML"], J = { class: "flex items-center gap-2 min-w-0" }, K = { class: "text-sm font-medium text-gray-800 leading-snug" }, P = { class: "w-full min-w-0 text-left" }, Q = {
+}, P = ["aria-label"], Q = ["src", "alt"], U = ["innerHTML"], W = ["innerHTML"], X = { class: "flex items-center gap-2 min-w-0" }, Z = { class: "text-sm font-medium text-gray-800 leading-snug" }, _ = { class: "w-full min-w-0 text-left" }, ee = {
   key: 2,
   class: "flex items-center gap-1.5"
-}, U = ["innerHTML"], W = {
+}, te = ["innerHTML"], le = ["innerHTML"], ae = {
   key: 1,
   class: "text-sm text-gray-600 tracking-widest select-none",
   "aria-hidden": "true"
-}, X = ["aria-label"], Z = ["src", "alt"], _ = ["innerHTML"], ee = { class: "flex items-center gap-2 shrink-0 min-w-0 max-w-[48%]" }, te = { class: "text-sm font-medium text-gray-800 truncate leading-snug" }, le = { class: "flex items-center justify-end gap-2 min-w-0 flex-1" }, ae = ["innerHTML"], ne = {
+}, ne = ["aria-label"], ie = ["src", "alt"], se = ["innerHTML"], oe = ["innerHTML"], re = { class: "flex items-center gap-2 shrink-0 min-w-0 max-w-[48%]" }, de = { class: "text-sm font-medium text-gray-800 truncate leading-snug" }, ue = { class: "flex items-center justify-end gap-2 min-w-0 flex-1" }, ce = ["innerHTML"], fe = ["innerHTML"], ve = {
   key: 1,
   class: "text-sm text-gray-600 tracking-widest select-none",
   "aria-hidden": "true"
-}, ie = ["aria-label"], se = ["src", "alt"], oe = ["innerHTML"], ye = /* @__PURE__ */ M({
+}, me = ["aria-label"], ye = ["src", "alt"], ge = ["innerHTML"], be = ["innerHTML"], Me = /* @__PURE__ */ V({
   __name: "ListFieldRow",
   props: {
     field: {},
@@ -38,245 +39,321 @@ const D = { class: "flex items-center gap-2 min-w-0" }, E = { class: "text-xs fo
     autoLineByLineThreshold: { default: 50 }
   },
   setup(e) {
-    const l = e, i = $(!1), o = v(() => N(l.field.key, l.data)), r = v(() => {
-      const n = o.value;
+    const l = e, c = I(!1), u = v(() => O(l.field.key, l.data)), s = v(() => {
+      const n = u.value;
       if (l.field.format)
         return l.field.format(n, l.data);
       if (n == null || n === "")
         return l.field.emptyText ?? "--";
       switch (l.field.type) {
         case "number":
-          return I(n, { numberFormat: l.field.numberFormat || "compact", compactThreshold: l.field.compactThreshold });
+          return $(n, { numberFormat: l.field.numberFormat || "compact", compactThreshold: l.field.compactThreshold });
         case "boolean":
           return n ? "Yes" : "No";
         case "date":
         case "dateTime":
         case "time":
-          return V(n, void 0, l.field.type);
+          return E(n, void 0, l.field.type);
         default:
           return String(n);
       }
-    }), y = v(
-      () => l.field.titleI18n ? j(l.field.titleI18n) : l.field.title ?? l.field.key
-    ), d = v(() => {
+    }), y = v(() => {
+      if (l.field.type !== "number") return !1;
+      const n = l.field.numberFormat || "compact", f = l.field.compactThreshold ?? 1e3, p = Number(u.value) || 0;
+      return n === "compact" && Math.abs(p) >= f;
+    }), g = v(() => l.field.type !== "number" ? "" : $(u.value, { numberFormat: "standard" })), b = v(
+      () => l.field.titleI18n ? D(l.field.titleI18n) : l.field.title ?? l.field.key
+    ), o = v(() => {
       const n = [];
       if (l.field.addStatusColor) {
-        const u = F(r.value);
-        u && n.push(u);
+        const f = z(s.value);
+        f && n.push(f);
       }
       if (l.field.class)
         if (typeof l.field.class == "function") {
-          const u = l.field.class(o.value, l.data);
-          u && n.push(u);
+          const f = l.field.class(u.value, l.data);
+          f && n.push(f);
         } else
           n.push(l.field.class);
       return n.join(" ");
-    }), b = v(() => l.field.type === "image"), B = v(() => l.variant === "striped" && l.index % 2 !== 0), C = v(() => l.variant === "stacked"), S = v(() => l.field.lineByLineLayout === "inline" ? !1 : l.field.lineByLineLayout === "block" || l.field.lineByLine ? !0 : l.autoLineByLineThreshold > 0 ? String(r.value ?? "").length > l.autoLineByLineThreshold : !1), H = v(() => l.stackedBorderStyle === "divider" && l.stackedColIndex !== 0 ? "border-l border-border pl-4 pr-3.5 py-2" : "px-3.5 py-2");
-    return (n, u) => C.value ? (t(), a("div", {
+    }), T = v(() => l.field.type === "image"), S = v(() => l.variant === "striped" && l.index % 2 !== 0), F = v(() => l.variant === "stacked"), N = v(() => l.field.lineByLineLayout === "inline" ? !1 : l.field.lineByLineLayout === "block" || l.field.lineByLine ? !0 : l.autoLineByLineThreshold > 0 ? String(s.value ?? "").length > l.autoLineByLineThreshold : !1), j = v(() => l.stackedBorderStyle === "divider" && l.stackedColIndex !== 0 ? "border-l border-border pl-4 pr-3.5 py-2" : "px-3.5 py-2");
+    return (n, f) => F.value ? (t(), a("div", {
       key: 0,
-      class: s([
+      class: i([
         "list-field-row list-field-row--stacked flex flex-col gap-0.5 min-w-0",
-        H.value
+        j.value
       ]),
       role: "row"
     }, [
-      c("div", D, [
-        e.field.icon ? (t(), f(g, {
+      r("div", R, [
+        e.field.icon ? (t(), d(h, {
           key: 0,
           icon: e.field.icon,
           class: "w-3 h-3 text-muted-foreground shrink-0"
-        }, null, 8, ["icon"])) : x("", !0),
-        c("span", E, h(y.value), 1)
+        }, null, 8, ["icon"])) : H("", !0),
+        r("span", Y, L(b.value), 1)
       ]),
-      c("div", O, [
-        n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
+      r("div", q, [
+        n.$slots[e.field.key] ? M(n.$slots, e.field.key, {
           key: 0,
-          value: o.value,
-          resolved: r.value,
+          value: u.value,
+          resolved: s.value,
           data: e.data
-        }) : e.field.component ? (t(), f(L(e.field.component), {
+        }) : e.field.component ? (t(), d(B(e.field.component), {
           key: 1,
           data: e.data,
-          value: o.value
-        }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a("div", z, [
-          i.value ? (t(), a(m, { key: 0 }, [
-            e.field.type === "price" ? (t(), f(k, {
+          value: u.value
+        }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a("div", A, [
+          c.value ? (t(), a(m, { key: 0 }, [
+            e.field.type === "price" ? (t(), d(x, {
               key: 0,
-              value: o.value,
-              class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value])
-            }, null, 8, ["value", "class"])) : (t(), a("span", {
+              value: u.value,
+              class: i(["text-sm font-semibold text-foreground wrap-break-word leading-snug", o.value])
+            }, null, 8, ["value", "class"])) : e.field.type === "number" ? (t(), d(w, {
               key: 1,
-              class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value]),
-              innerHTML: r.value
-            }, null, 10, R))
-          ], 64)) : (t(), a("span", Y, " •••••••• ")),
-          c("button", {
+              content: g.value,
+              disabled: !y.value
+            }, {
+              default: k(() => [
+                r("span", {
+                  class: i(["text-sm font-semibold text-foreground wrap-break-word leading-snug", o.value]),
+                  innerHTML: s.value
+                }, null, 10, G)
+              ]),
+              _: 1
+            }, 8, ["content", "disabled"])) : (t(), a("span", {
+              key: 2,
+              class: i(["text-sm font-semibold text-foreground wrap-break-word leading-snug", o.value]),
+              innerHTML: s.value
+            }, null, 10, J))
+          ], 64)) : (t(), a("span", K, " •••••••• ")),
+          r("button", {
             type: "button",
             class: "shrink-0 p-0.5 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "aria-label": i.value ? "Hide value" : "Show value",
-            onClick: u[0] || (u[0] = (T) => i.value = !i.value)
+            "aria-label": c.value ? "Hide value" : "Show value",
+            onClick: f[0] || (f[0] = (p) => c.value = !c.value)
           }, [
-            p(g, {
-              icon: i.value ? "lucide:eye-off" : "lucide:eye",
+            C(h, {
+              icon: c.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3 h-3"
             }, null, 8, ["icon"])
-          ], 8, q)
-        ])) : b.value ? (t(), a("img", {
+          ], 8, P)
+        ])) : T.value ? (t(), a("img", {
           key: 3,
-          src: r.value,
-          alt: y.value,
+          src: s.value,
+          alt: b.value,
           class: "w-8 h-8 rounded-full object-cover border border-border mt-0.5"
-        }, null, 8, A)) : (t(), a(m, { key: 4 }, [
-          e.field.type === "price" ? (t(), f(k, {
+        }, null, 8, Q)) : (t(), a(m, { key: 4 }, [
+          e.field.type === "price" ? (t(), d(x, {
             key: 0,
-            value: o.value,
-            class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value])
-          }, null, 8, ["value", "class"])) : (t(), a("span", {
+            value: u.value,
+            class: i(["text-sm font-semibold text-foreground wrap-break-word leading-snug", o.value])
+          }, null, 8, ["value", "class"])) : e.field.type === "number" ? (t(), d(w, {
             key: 1,
-            class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value]),
-            innerHTML: r.value
-          }, null, 10, G))
+            content: g.value,
+            disabled: !y.value
+          }, {
+            default: k(() => [
+              r("span", {
+                class: i(["text-sm font-semibold text-foreground wrap-break-word leading-snug", o.value]),
+                innerHTML: s.value
+              }, null, 10, U)
+            ]),
+            _: 1
+          }, 8, ["content", "disabled"])) : (t(), a("span", {
+            key: 2,
+            class: i(["text-sm font-semibold text-foreground wrap-break-word leading-snug", o.value]),
+            innerHTML: s.value
+          }, null, 10, W))
         ], 64))
       ])
-    ], 2)) : S.value ? (t(), a("div", {
+    ], 2)) : N.value ? (t(), a("div", {
       key: 1,
-      class: s(["list-field-row list-field-row--block flex flex-col gap-y-1 px-3 py-2.5 transition-colors w-full", [
+      class: i(["list-field-row list-field-row--block flex flex-col gap-y-1 px-3 py-2.5 transition-colors w-full", [
         e.showBorderBottom && !e.isLast ? "border-b border-border" : "",
-        B.value ? "bg-muted/40" : "",
+        S.value ? "bg-muted/40" : "",
         e.variant === "compact" ? "py-1.5!" : "",
         e.variant === "minimal" ? "px-0!" : ""
       ]]),
       role: "row"
     }, [
-      c("div", J, [
-        e.field.icon ? (t(), f(g, {
+      r("div", X, [
+        e.field.icon ? (t(), d(h, {
           key: 0,
           icon: e.field.icon,
           class: "w-3.5 h-3.5 text-gray-800 shrink-0"
-        }, null, 8, ["icon"])) : x("", !0),
-        c("span", K, h(y.value) + h(e.showColon ? ":" : ""), 1)
+        }, null, 8, ["icon"])) : H("", !0),
+        r("span", Z, L(b.value) + L(e.showColon ? ":" : ""), 1)
       ]),
-      c("div", P, [
-        n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
+      r("div", _, [
+        n.$slots[e.field.key] ? M(n.$slots, e.field.key, {
           key: 0,
-          value: o.value,
-          resolved: r.value,
+          value: u.value,
+          resolved: s.value,
           data: e.data
-        }) : e.field.component ? (t(), f(L(e.field.component), {
+        }) : e.field.component ? (t(), d(B(e.field.component), {
           key: 1,
           data: e.data,
-          value: o.value
-        }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a("div", Q, [
-          i.value ? (t(), a(m, { key: 0 }, [
-            e.field.type === "price" ? (t(), f(k, {
+          value: u.value
+        }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a("div", ee, [
+          c.value ? (t(), a(m, { key: 0 }, [
+            e.field.type === "price" ? (t(), d(x, {
               key: 0,
-              value: o.value,
-              class: s(["text-sm text-gray-600 wrap-break-word leading-snug", d.value])
-            }, null, 8, ["value", "class"])) : (t(), a("span", {
+              value: u.value,
+              class: i(["text-sm text-gray-600 wrap-break-word leading-snug", o.value])
+            }, null, 8, ["value", "class"])) : e.field.type === "number" ? (t(), d(w, {
               key: 1,
-              class: s(["text-sm text-gray-600 wrap-break-word leading-snug", d.value]),
-              innerHTML: r.value
-            }, null, 10, U))
-          ], 64)) : (t(), a("span", W, " •••••••• ")),
-          c("button", {
+              content: g.value,
+              disabled: !y.value
+            }, {
+              default: k(() => [
+                r("span", {
+                  class: i(["text-sm text-gray-600 wrap-break-word leading-snug", o.value]),
+                  innerHTML: s.value
+                }, null, 10, te)
+              ]),
+              _: 1
+            }, 8, ["content", "disabled"])) : (t(), a("span", {
+              key: 2,
+              class: i(["text-sm text-gray-600 wrap-break-word leading-snug", o.value]),
+              innerHTML: s.value
+            }, null, 10, le))
+          ], 64)) : (t(), a("span", ae, " •••••••• ")),
+          r("button", {
             type: "button",
             class: "shrink-0 p-1 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "aria-label": i.value ? "Hide value" : "Show value",
-            onClick: u[1] || (u[1] = (T) => i.value = !i.value)
+            "aria-label": c.value ? "Hide value" : "Show value",
+            onClick: f[1] || (f[1] = (p) => c.value = !c.value)
           }, [
-            p(g, {
-              icon: i.value ? "lucide:eye-off" : "lucide:eye",
+            C(h, {
+              icon: c.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3.5 h-3.5"
             }, null, 8, ["icon"])
-          ], 8, X)
-        ])) : b.value ? (t(), a("img", {
+          ], 8, ne)
+        ])) : T.value ? (t(), a("img", {
           key: 3,
-          src: r.value,
-          alt: y.value,
+          src: s.value,
+          alt: b.value,
           class: "w-8 h-8 rounded-full object-cover border border-border"
-        }, null, 8, Z)) : (t(), a(m, { key: 4 }, [
-          e.field.type === "price" ? (t(), f(k, {
+        }, null, 8, ie)) : (t(), a(m, { key: 4 }, [
+          e.field.type === "price" ? (t(), d(x, {
             key: 0,
-            value: o.value,
-            class: s(["text-sm text-gray-900 wrap-break-word leading-snug", d.value])
-          }, null, 8, ["value", "class"])) : (t(), a("span", {
+            value: u.value,
+            class: i(["text-sm text-gray-900 wrap-break-word leading-snug", o.value])
+          }, null, 8, ["value", "class"])) : e.field.type === "number" ? (t(), d(w, {
             key: 1,
-            class: s(["text-sm text-gray-900 wrap-break-word leading-snug", d.value]),
-            innerHTML: r.value
-          }, null, 10, _))
+            content: g.value,
+            disabled: !y.value
+          }, {
+            default: k(() => [
+              r("span", {
+                class: i(["text-sm text-gray-900 wrap-break-word leading-snug", o.value]),
+                innerHTML: s.value
+              }, null, 10, se)
+            ]),
+            _: 1
+          }, 8, ["content", "disabled"])) : (t(), a("span", {
+            key: 2,
+            class: i(["text-sm text-gray-900 wrap-break-word leading-snug", o.value]),
+            innerHTML: s.value
+          }, null, 10, oe))
         ], 64))
       ])
     ], 2)) : (t(), a("div", {
       key: 2,
-      class: s(["list-field-row flex justify-between gap-3 px-3 py-2.5 transition-colors", [
+      class: i(["list-field-row flex justify-between gap-3 px-3 py-2.5 transition-colors", [
         e.showBorderBottom && !e.isLast ? "border-b border-border" : "",
-        B.value ? "bg-muted/40" : "",
+        S.value ? "bg-muted/40" : "",
         e.variant === "compact" ? "py-1.5!" : "",
         e.variant === "minimal" ? "px-0!" : ""
       ]]),
       role: "row"
     }, [
-      c("div", ee, [
-        e.field.icon ? (t(), f(g, {
+      r("div", re, [
+        e.field.icon ? (t(), d(h, {
           key: 0,
           icon: e.field.icon,
           class: "w-3.5 h-3.5 text-gray-800 shrink-0"
-        }, null, 8, ["icon"])) : x("", !0),
-        c("span", te, h(y.value) + h(e.showColon ? ":" : ""), 1)
+        }, null, 8, ["icon"])) : H("", !0),
+        r("span", de, L(b.value) + L(e.showColon ? ":" : ""), 1)
       ]),
-      c("div", le, [
-        n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
+      r("div", ue, [
+        n.$slots[e.field.key] ? M(n.$slots, e.field.key, {
           key: 0,
-          value: o.value,
-          resolved: r.value,
+          value: u.value,
+          resolved: s.value,
           data: e.data
-        }) : e.field.component ? (t(), f(L(e.field.component), {
+        }) : e.field.component ? (t(), d(B(e.field.component), {
           key: 1,
           data: e.data,
-          value: o.value
+          value: u.value
         }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a(m, { key: 2 }, [
-          i.value ? (t(), a(m, { key: 0 }, [
-            e.field.type === "price" ? (t(), f(k, {
+          c.value ? (t(), a(m, { key: 0 }, [
+            e.field.type === "price" ? (t(), d(x, {
               key: 0,
-              value: o.value,
-              class: s(["text-sm text-gray-600 text-right wrap-break-word", d.value])
-            }, null, 8, ["value", "class"])) : (t(), a("span", {
+              value: u.value,
+              class: i(["text-sm text-gray-600 text-right wrap-break-word", o.value])
+            }, null, 8, ["value", "class"])) : e.field.type === "number" ? (t(), d(w, {
               key: 1,
-              class: s(["text-sm text-gray-600 text-right wrap-break-word", d.value]),
-              innerHTML: r.value
-            }, null, 10, ae))
-          ], 64)) : (t(), a("span", ne, " •••••••• ")),
-          c("button", {
+              content: g.value,
+              disabled: !y.value
+            }, {
+              default: k(() => [
+                r("span", {
+                  class: i(["text-sm text-gray-600 text-right wrap-break-word", o.value]),
+                  innerHTML: s.value
+                }, null, 10, ce)
+              ]),
+              _: 1
+            }, 8, ["content", "disabled"])) : (t(), a("span", {
+              key: 2,
+              class: i(["text-sm text-gray-600 text-right wrap-break-word", o.value]),
+              innerHTML: s.value
+            }, null, 10, fe))
+          ], 64)) : (t(), a("span", ve, " •••••••• ")),
+          r("button", {
             type: "button",
             class: "shrink-0 p-1 rounded-full text-muted-foreground hover:text-foreground hover:bg-muted transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "aria-label": i.value ? "Hide value" : "Show value",
-            onClick: u[2] || (u[2] = (T) => i.value = !i.value)
+            "aria-label": c.value ? "Hide value" : "Show value",
+            onClick: f[2] || (f[2] = (p) => c.value = !c.value)
           }, [
-            p(g, {
-              icon: i.value ? "lucide:eye-off" : "lucide:eye",
+            C(h, {
+              icon: c.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3.5 h-3.5"
             }, null, 8, ["icon"])
-          ], 8, ie)
-        ], 64)) : b.value ? (t(), a("img", {
+          ], 8, me)
+        ], 64)) : T.value ? (t(), a("img", {
           key: 3,
-          src: r.value,
-          alt: y.value,
+          src: s.value,
+          alt: b.value,
           class: "w-8 h-8 rounded-full object-cover border border-border"
-        }, null, 8, se)) : (t(), a(m, { key: 4 }, [
-          e.field.type === "price" ? (t(), f(k, {
+        }, null, 8, ye)) : (t(), a(m, { key: 4 }, [
+          e.field.type === "price" ? (t(), d(x, {
             key: 0,
-            value: o.value,
-            class: s(["text-sm text-gray-900 text-right wrap-break-word leading-snug", d.value])
-          }, null, 8, ["value", "class"])) : (t(), a("span", {
+            value: u.value,
+            class: i(["text-sm text-gray-900 text-right wrap-break-word leading-snug", o.value])
+          }, null, 8, ["value", "class"])) : e.field.type === "number" ? (t(), d(w, {
             key: 1,
-            class: s(["text-sm text-gray-900 text-right wrap-break-word leading-snug", d.value]),
-            innerHTML: r.value
-          }, null, 10, oe))
+            content: g.value,
+            disabled: !y.value
+          }, {
+            default: k(() => [
+              r("span", {
+                class: i(["text-sm text-gray-900 text-right wrap-break-word leading-snug", o.value]),
+                innerHTML: s.value
+              }, null, 10, ge)
+            ]),
+            _: 1
+          }, 8, ["content", "disabled"])) : (t(), a("span", {
+            key: 2,
+            class: i(["text-sm text-gray-900 text-right wrap-break-word leading-snug", o.value]),
+            innerHTML: s.value
+          }, null, 10, be))
         ], 64))
       ])
     ], 2));
   }
 });
 export {
-  ye as default
+  Me 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/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
+};