vlite3 1.0.10 → 1.1.2

package/components/List/ListFieldRow.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as $, ref as p, computed as f, openBlock as t, createElementBlock as a, normalizeClass as i, createElementVNode as c, createBlock as v, createCommentVNode as h, toDisplayString as x, renderSlot as w, resolveDynamicComponent as L, Fragment as m, createVNode as C } from "vue";
+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 b, 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 } from "../../utils/functions.js";
-import { getObjectValue as I, formatNumber as N, getStatusColorClass as D } from "./utils.js";
+import { getObjectValue as I, formatNumber as N } from "./utils.js";
+import { getStatusColorClass as D } from "../../utils/status.js";
 const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, O = { class: "min-w-0" }, z = {
   key: 2,
   class: "flex items-center gap-1.5"
@@ -22,7 +23,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
   key: 1,
   class: "text-sm text-gray-600 tracking-widest select-none",
   "aria-hidden": "true"
-}, se = ["aria-label"], ie = ["src", "alt"], oe = ["innerHTML"], me = /* @__PURE__ */ $({
+}, ie = ["aria-label"], se = ["src", "alt"], oe = ["innerHTML"], ye = /* @__PURE__ */ M({
   __name: "ListFieldRow",
   props: {
     field: {},
@@ -33,10 +34,11 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
     showColon: { type: Boolean, default: !0 },
     index: { default: 0 },
     stackedColIndex: { default: 0 },
-    stackedBorderStyle: { default: "none" }
+    stackedBorderStyle: { default: "none" },
+    autoLineByLineThreshold: { default: 50 }
   },
   setup(e) {
-    const l = e, s = p(!1), o = f(() => I(l.field.key, l.data)), d = f(() => {
+    const l = e, i = $(!1), o = v(() => I(l.field.key, l.data)), r = v(() => {
       const n = o.value;
       if (l.field.format)
         return l.field.format(n, l.data);
@@ -54,12 +56,12 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
         default:
           return String(n);
       }
-    }), y = f(
+    }), y = v(
       () => l.field.titleI18n ? j(l.field.titleI18n) : l.field.title ?? l.field.key
-    ), r = f(() => {
+    ), d = v(() => {
       const n = [];
       if (l.field.addStatusColor) {
-        const u = D(d.value);
+        const u = D(r.value);
         u && n.push(u);
       }
       if (l.field.class)
@@ -69,76 +71,76 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
         } else
           n.push(l.field.class);
       return n.join(" ");
-    }), b = f(() => l.field.type === "image"), B = f(() => l.variant === "striped" && l.index % 2 !== 0), T = f(() => l.variant === "stacked"), H = f(() => !!l.field.lineByLine), M = f(() => 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) => T.value ? (t(), a("div", {
+    }), h = 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", {
       key: 0,
-      class: i([
+      class: s([
         "list-field-row list-field-row--stacked flex flex-col gap-0.5 min-w-0",
-        M.value
+        H.value
       ]),
       role: "row"
     }, [
       c("div", E, [
-        e.field.icon ? (t(), v(g, {
+        e.field.icon ? (t(), f(g, {
           key: 0,
           icon: e.field.icon,
           class: "w-3 h-3 text-muted-foreground shrink-0"
-        }, null, 8, ["icon"])) : h("", !0),
-        c("span", F, x(y.value), 1)
+        }, null, 8, ["icon"])) : x("", !0),
+        c("span", F, b(y.value), 1)
       ]),
       c("div", O, [
         n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
           key: 0,
           value: o.value,
-          resolved: d.value,
+          resolved: r.value,
           data: e.data
-        }) : e.field.component ? (t(), v(L(e.field.component), {
+        }) : e.field.component ? (t(), f(L(e.field.component), {
           key: 1,
           data: e.data,
           value: o.value
         }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a("div", z, [
-          s.value ? (t(), a(m, { key: 0 }, [
-            e.field.type === "price" ? (t(), v(k, {
+          i.value ? (t(), a(m, { key: 0 }, [
+            e.field.type === "price" ? (t(), f(k, {
               key: 0,
               value: o.value,
-              class: i(["text-sm font-semibold text-foreground break-words leading-snug", r.value])
+              class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value])
             }, null, 8, ["value", "class"])) : (t(), a("span", {
               key: 1,
-              class: i(["text-sm font-semibold text-foreground break-words leading-snug", r.value]),
-              innerHTML: d.value
+              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", {
             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": s.value ? "Hide value" : "Show value",
-            onClick: u[0] || (u[0] = (S) => s.value = !s.value)
+            "aria-label": i.value ? "Hide value" : "Show value",
+            onClick: u[0] || (u[0] = (T) => i.value = !i.value)
           }, [
-            C(g, {
-              icon: s.value ? "lucide:eye-off" : "lucide:eye",
+            p(g, {
+              icon: i.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3 h-3"
             }, null, 8, ["icon"])
           ], 8, q)
-        ])) : b.value ? (t(), a("img", {
+        ])) : h.value ? (t(), a("img", {
           key: 3,
-          src: d.value,
+          src: r.value,
           alt: y.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(), v(k, {
+          e.field.type === "price" ? (t(), f(k, {
             key: 0,
             value: o.value,
-            class: i(["text-sm font-semibold text-foreground break-words leading-snug", r.value])
+            class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value])
           }, null, 8, ["value", "class"])) : (t(), a("span", {
             key: 1,
-            class: i(["text-sm font-semibold text-foreground break-words leading-snug", r.value]),
-            innerHTML: d.value
+            class: s(["text-sm font-semibold text-foreground wrap-break-word leading-snug", d.value]),
+            innerHTML: r.value
           }, null, 10, G))
         ], 64))
       ])
-    ], 2)) : H.value ? (t(), a("div", {
+    ], 2)) : S.value ? (t(), a("div", {
       key: 1,
-      class: i(["list-field-row list-field-row--block flex flex-col gap-y-1 px-3 py-2.5 transition-colors w-full", [
+      class: s(["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" : "",
         e.variant === "compact" ? "py-1.5!" : "",
@@ -147,66 +149,66 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
       role: "row"
     }, [
       c("div", J, [
-        e.field.icon ? (t(), v(g, {
+        e.field.icon ? (t(), f(g, {
           key: 0,
           icon: e.field.icon,
           class: "w-3.5 h-3.5 text-gray-800 shrink-0"
-        }, null, 8, ["icon"])) : h("", !0),
-        c("span", K, x(y.value) + x(e.showColon ? ":" : ""), 1)
+        }, null, 8, ["icon"])) : x("", !0),
+        c("span", K, b(y.value) + b(e.showColon ? ":" : ""), 1)
       ]),
       c("div", P, [
         n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
           key: 0,
           value: o.value,
-          resolved: d.value,
+          resolved: r.value,
           data: e.data
-        }) : e.field.component ? (t(), v(L(e.field.component), {
+        }) : e.field.component ? (t(), f(L(e.field.component), {
           key: 1,
           data: e.data,
           value: o.value
         }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a("div", Q, [
-          s.value ? (t(), a(m, { key: 0 }, [
-            e.field.type === "price" ? (t(), v(k, {
+          i.value ? (t(), a(m, { key: 0 }, [
+            e.field.type === "price" ? (t(), f(k, {
               key: 0,
               value: o.value,
-              class: i(["text-sm text-gray-600 break-words leading-snug", r.value])
+              class: s(["text-sm text-gray-600 wrap-break-word leading-snug", d.value])
             }, null, 8, ["value", "class"])) : (t(), a("span", {
               key: 1,
-              class: i(["text-sm text-gray-600 break-words leading-snug", r.value]),
-              innerHTML: d.value
+              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", {
             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": s.value ? "Hide value" : "Show value",
-            onClick: u[1] || (u[1] = (S) => s.value = !s.value)
+            "aria-label": i.value ? "Hide value" : "Show value",
+            onClick: u[1] || (u[1] = (T) => i.value = !i.value)
           }, [
-            C(g, {
-              icon: s.value ? "lucide:eye-off" : "lucide:eye",
+            p(g, {
+              icon: i.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3.5 h-3.5"
             }, null, 8, ["icon"])
           ], 8, X)
-        ])) : b.value ? (t(), a("img", {
+        ])) : h.value ? (t(), a("img", {
           key: 3,
-          src: d.value,
+          src: r.value,
           alt: y.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(), v(k, {
+          e.field.type === "price" ? (t(), f(k, {
             key: 0,
             value: o.value,
-            class: i(["text-sm text-gray-900 break-words leading-snug", r.value])
+            class: s(["text-sm text-gray-900 wrap-break-word leading-snug", d.value])
           }, null, 8, ["value", "class"])) : (t(), a("span", {
             key: 1,
-            class: i(["text-sm text-gray-900 break-words leading-snug", r.value]),
-            innerHTML: d.value
+            class: s(["text-sm text-gray-900 wrap-break-word leading-snug", d.value]),
+            innerHTML: r.value
           }, null, 10, _))
         ], 64))
       ])
     ], 2)) : (t(), a("div", {
       key: 2,
-      class: i(["list-field-row flex justify-between gap-3 px-3 py-2.5 transition-colors", [
+      class: s(["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" : "",
         e.variant === "compact" ? "py-1.5!" : "",
@@ -215,60 +217,60 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
       role: "row"
     }, [
       c("div", ee, [
-        e.field.icon ? (t(), v(g, {
+        e.field.icon ? (t(), f(g, {
           key: 0,
           icon: e.field.icon,
           class: "w-3.5 h-3.5 text-gray-800 shrink-0"
-        }, null, 8, ["icon"])) : h("", !0),
-        c("span", te, x(y.value) + x(e.showColon ? ":" : ""), 1)
+        }, null, 8, ["icon"])) : x("", !0),
+        c("span", te, b(y.value) + b(e.showColon ? ":" : ""), 1)
       ]),
       c("div", le, [
         n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
           key: 0,
           value: o.value,
-          resolved: d.value,
+          resolved: r.value,
           data: e.data
-        }) : e.field.component ? (t(), v(L(e.field.component), {
+        }) : e.field.component ? (t(), f(L(e.field.component), {
           key: 1,
           data: e.data,
           value: o.value
         }, null, 8, ["data", "value"])) : e.field.isSensitive ? (t(), a(m, { key: 2 }, [
-          s.value ? (t(), a(m, { key: 0 }, [
-            e.field.type === "price" ? (t(), v(k, {
+          i.value ? (t(), a(m, { key: 0 }, [
+            e.field.type === "price" ? (t(), f(k, {
               key: 0,
               value: o.value,
-              class: i(["text-sm text-gray-600 text-right break-words", r.value])
+              class: s(["text-sm text-gray-600 text-right wrap-break-word", d.value])
             }, null, 8, ["value", "class"])) : (t(), a("span", {
               key: 1,
-              class: i(["text-sm text-gray-600 text-right break-words", r.value]),
-              innerHTML: d.value
+              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", {
             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": s.value ? "Hide value" : "Show value",
-            onClick: u[2] || (u[2] = (S) => s.value = !s.value)
+            "aria-label": i.value ? "Hide value" : "Show value",
+            onClick: u[2] || (u[2] = (T) => i.value = !i.value)
           }, [
-            C(g, {
-              icon: s.value ? "lucide:eye-off" : "lucide:eye",
+            p(g, {
+              icon: i.value ? "lucide:eye-off" : "lucide:eye",
               class: "w-3.5 h-3.5"
             }, null, 8, ["icon"])
-          ], 8, se)
-        ], 64)) : b.value ? (t(), a("img", {
+          ], 8, ie)
+        ], 64)) : h.value ? (t(), a("img", {
           key: 3,
-          src: d.value,
+          src: r.value,
           alt: y.value,
           class: "w-8 h-8 rounded-full object-cover border border-border"
-        }, null, 8, ie)) : (t(), a(m, { key: 4 }, [
-          e.field.type === "price" ? (t(), v(k, {
+        }, null, 8, se)) : (t(), a(m, { key: 4 }, [
+          e.field.type === "price" ? (t(), f(k, {
             key: 0,
             value: o.value,
-            class: i(["text-sm text-gray-900 text-right break-words leading-snug", r.value])
+            class: s(["text-sm text-gray-900 text-right wrap-break-word leading-snug", d.value])
           }, null, 8, ["value", "class"])) : (t(), a("span", {
             key: 1,
-            class: i(["text-sm text-gray-900 text-right break-words leading-snug", r.value]),
-            innerHTML: d.value
+            class: s(["text-sm text-gray-900 text-right wrap-break-word leading-snug", d.value]),
+            innerHTML: r.value
           }, null, 10, oe))
         ], 64))
       ])
@@ -276,5 +278,5 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
   }
 });
 export {
-  me as default
+  ye as default
 };

package/components/List/utils.d.ts

@@ -1,7 +1,8 @@
+import { getStatusColorClass } from '../../utils/status';
 /**
  * Resolves a dot-notation path from a nested object.
  * e.g. getObjectValue('location.city', data) => 'New York'
  */
 export declare function getObjectValue(path: string, obj: Record<string, any>): any;
-export declare function getStatusColorClass(value: any): string;
+export { getStatusColorClass };
 export declare function formatNumber(value: any): string;

package/components/List/utils.js

@@ -1,43 +1,12 @@
-import { STATUS_MAP as o } from "../StatusChip/status-map.js";
-function d(t, e) {
-  if (!(!t || !e))
-    return t.includes(".") ? t.split(".").reduce((n, i) => n?.[i], e) : e[t];
+function u(r, e) {
+  if (!(!r || !e))
+    return r.includes(".") ? r.split(".").reduce((n, t) => n?.[t], e) : e[r];
 }
-const r = {
-  success: "text-success-dark font-medium",
-  info: "text-info-dark font-medium",
-  warning: "text-warning-dark font-medium",
-  danger: "text-danger-dark font-medium",
-  secondary: "text-muted-foreground",
-  teal: "text-teal-subtle-fg font-medium",
-  indigo: "text-indigo-subtle-fg font-medium",
-  cyan: "text-cyan-subtle-fg font-medium",
-  purple: "text-purple-subtle-fg font-medium",
-  orange: "text-orange-subtle-fg font-medium",
-  pink: "text-pink-subtle-fg font-medium"
-}, u = {
-  high: "text-danger-dark font-medium",
-  medium: "text-warning-dark font-medium",
-  low: "text-muted-foreground",
-  yes: "text-success-dark font-medium",
-  no: "text-danger-dark font-medium",
-  true: "text-success-dark font-medium",
-  false: "text-danger-dark font-medium"
-};
-function f(t) {
-  if (t == null) return "";
-  const e = String(t).toLowerCase().replace(/[-_\s]/g, "");
-  if (u[e])
-    return u[e];
-  const n = o[e]?.variant;
-  return n && typeof n == "string" && r[n] ? r[n] : "";
-}
-function a(t) {
-  const e = Number(t);
-  return isNaN(e) ? String(t ?? "--") : new Intl.NumberFormat("en-US").format(e);
+function i(r) {
+  const e = Number(r);
+  return isNaN(e) ? String(r ?? "--") : new Intl.NumberFormat("en-US").format(e);
 }
 export {
-  a as formatNumber,
-  d as getObjectValue,
-  f as getStatusColorClass
+  i as formatNumber,
+  u as getObjectValue
 };

package/components/MultiSelect/MultiSelect.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     variant: "default" | "outline" | "solid" | "floating" | string;
     size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | string;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     modelValue: any[];
     options: (IDropdownOption | string | number)[];
     layout: "default" | "grouped";

package/components/Navbar/NavbarItem.vue.d.ts

@@ -27,9 +27,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     class: string;
     variant: "default" | "pill" | "underline" | "ghost";
+    orientation: "horizontal" | "vertical";
     disabled: boolean;
     active: boolean;
-    orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Navbar/NavbarTabs.vue.js

@@ -100,7 +100,7 @@ const Q = {
             t[4] || (t[4] = l("div", { class: "w-8 h-full bg-gradient-to-r from-background to-transparent" }, null, -1)),
             l("button", {
               type: "button",
-              class: "pointer-events-auto absolute left-0 h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors",
+              class: "pointer-events-auto absolute left-0 bg-body h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors",
               "aria-label": "Scroll tabs left",
               tabindex: "-1",
               onClick: t[0] || (t[0] = (e) => R("left"))
@@ -164,7 +164,7 @@ const Q = {
             t[5] || (t[5] = l("div", { class: "w-8 h-full bg-gradient-to-l from-background to-transparent" }, null, -1)),
             l("button", {
               type: "button",
-              class: "pointer-events-auto absolute right-0 h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors",
+              class: "pointer-events-auto absolute right-0 h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors bg-body",
               "aria-label": "Scroll tabs right",
               tabindex: "-1",
               onClick: t[3] || (t[3] = (e) => R("right"))

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/NumberInput.vue.d.ts

@@ -15,13 +15,13 @@ export interface NumberInputProps {
 }
 declare const _default: import('vue').DefineComponent<NumberInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: (event: FocusEvent) => any;
-    change: (value: number) => any;
     focus: (event: FocusEvent) => any;
+    change: (value: number) => any;
     "update:modelValue": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<NumberInputProps> & Readonly<{
     onBlur?: (event: FocusEvent) => any;
-    onChange?: (value: number) => any;
     onFocus?: (event: FocusEvent) => any;
+    onChange?: (value: number) => any;
     "onUpdate:modelValue"?: (value: number) => any;
 }>, {
     mode: "solid" | "outline" | "ghost";

package/components/NumberInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./NumberInput.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a98afd3e"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-651a2b21"]]);
 export {
-  p as default
+  a as default
 };