vlite3 1.2.16 → 1.3.1

package/components/CategoryManager/CategoryNode.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, inject as B, computed as p, resolveComponent as F, openBlock as r, createBlock as f, unref as l, withCtx as K, createElementBlock as s, Fragment as R, renderList as L, isMemoSame as O, createElementVNode as y, normalizeClass as u, createVNode as d, createCommentVNode as c, withDirectives as k, withModifiers as q, withKeys as w, vModelText as _, toDisplayString as Q, vShow as G } from "vue";
+import { defineComponent as A, inject as B, computed as g, resolveComponent as F, openBlock as a, createBlock as f, unref as l, withCtx as K, createElementBlock as d, Fragment as R, renderList as L, isMemoSame as O, createElementVNode as y, normalizeClass as u, createVNode as s, createCommentVNode as c, withDirectives as k, withModifiers as q, withKeys as w, vModelText as _, toDisplayString as Q, vShow as G } from "vue";
 import { VueDraggable as H } from "vue-draggable-plus";
 import C from "../Icon.vue.js";
 import m from "../Button.vue.js";
@@ -15,7 +15,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
 }, le = {
   key: 1,
   class: "flex items-center gap-1.5 py-1.5 px-2 bg-background border border-border shadow-sm rounded-lg w-full mb-1.5"
-}, oe = ["placeholder"], ce = /* @__PURE__ */ A({
+}, ne = ["placeholder"], ce = /* @__PURE__ */ A({
   __name: "CategoryNode",
   props: {
     modelValue: {},
@@ -23,27 +23,27 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
   },
   emits: ["update:modelValue", "change", "dragEnd"],
   setup(V, { emit: E }) {
-    const S = V, g = E, t = B("categoryManager"), b = p({
+    const S = V, p = E, t = B("categoryManager"), b = g({
       get: () => S.modelValue,
-      set: (i) => g("update:modelValue", i)
-    }), D = (i, o) => {
-      o.children = i, g("change");
-    }, U = () => g("change"), N = (i) => {
-      const o = i.item?.dataset?.id;
-      o && g("dragEnd", o);
-    }, v = p(() => t?.readonly.value || !1), a = p(() => t?.size.value || "md"), M = p(() => a.value === "sm" ? "p-1 md:p-1.5" : a.value === "lg" ? "p-2 md:p-2.5" : "py-1.5 px-2"), I = p(() => {
-      const o = S.level === 0 ? "font-semibold" : "font-medium";
-      return a.value === "sm" ? `text-xs ${o} text-foreground` : a.value === "lg" ? `-text-fs-1 ${o} text-foreground` : `text-sm ${o} text-foreground`;
-    }), h = p(() => a.value === "sm" ? "w-3.5 h-3.5" : a.value === "lg" ? "w-4.5 h-4.5" : "w-4 h-4"), j = {
+      set: (i) => p("update:modelValue", i)
+    }), D = (i, n) => {
+      n.children = i, p("change");
+    }, U = () => p("change"), N = (i) => {
+      const n = i.item?.dataset?.id;
+      n && p("dragEnd", n);
+    }, v = g(() => t?.readonly.value || !1), r = g(() => t?.size.value || "md"), M = g(() => r.value === "sm" ? "p-1 md:p-1.5" : r.value === "lg" ? "p-2 md:p-2.5" : "py-1.5 px-2"), I = g(() => {
+      const n = S.level === 0 ? "font-semibold" : "font-medium";
+      return r.value === "sm" ? `text-xs ${n} text-foreground` : r.value === "lg" ? `-text-fs-1 ${n} text-foreground` : `text-sm ${n} text-foreground`;
+    }), h = g(() => r.value === "sm" ? "w-3.5 h-3.5" : r.value === "lg" ? "w-4.5 h-4.5" : "w-4 h-4"), j = {
       mounted: (i) => {
         setTimeout(() => i.focus(), 10);
       }
     };
-    return (i, o) => {
+    return (i, n) => {
       const P = F("CategoryNode", !0);
-      return r(), f(l(H), {
+      return a(), f(l(H), {
         modelValue: b.value,
-        "onUpdate:modelValue": o[11] || (o[11] = (e) => b.value = e),
+        "onUpdate:modelValue": n[11] || (n[11] = (e) => b.value = e),
         group: "category-manager",
         animation: 150,
         handle: ".drag-handle",
@@ -53,20 +53,20 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
         onEnd: N
       }, {
         default: K(() => [
-          (r(!0), s(R, null, L(b.value, (e, ne, re, x) => {
+          (a(!0), d(R, null, L(b.value, (e, oe, ae, x) => {
             const T = [
               e.id,
               e.title,
               e.icon,
-              e.children?.map((n) => n.id).join(","),
+              e.children?.map((o) => o.id).join(","),
               l(t)?.expandedIds.value.has(e.id),
               l(t)?.inlineState.value.targetId === e.id,
               l(t)?.inlineState.value.mode,
               v.value,
-              a.value
+              r.value
             ];
             if (x && x.key === e.id && O(x, T)) return x;
-            const $ = (r(), s("div", {
+            const $ = (a(), d("div", {
               key: e.id,
               "data-id": e.id,
               class: "mb-1.5 flex flex-col"
@@ -78,104 +78,105 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                 ])
               }, [
                 y("div", J, [
-                  e.children && e.children.length > 0 ? (r(), s("button", {
+                  e.children && e.children.length > 0 ? (a(), d("button", {
                     key: 0,
-                    onClick: (n) => l(t)?.toggleExpand(e.id),
+                    onClick: (o) => l(t)?.toggleExpand(e.id),
                     class: u([
                       "flex items-center justify-center shrink-0 text-muted-foreground hover:bg-muted rounded transition-colors",
-                      a.value === "sm" ? "w-4 h-4" : a.value === "lg" ? "w-6 h-6" : "w-6.5 h-6.5"
+                      r.value === "sm" ? "w-4 h-4" : r.value === "lg" ? "w-6 h-6" : "w-6.5 h-6.5"
                     ])
                   }, [
-                    d(C, {
+                    s(C, {
                       icon: l(t)?.expandedIds.value.has(e.id) ? "lucide:chevron-down" : "lucide:chevron-right",
                       class: u(h.value)
                     }, null, 8, ["icon", "class"])
                   ], 10, W)) : c("", !0),
                   y("div", X, [
-                    v.value ? c("", !0) : (r(), s("div", Y, [
-                      d(C, {
+                    v.value ? c("", !0) : (a(), d("div", Y, [
+                      s(C, {
                         icon: "lucide:grip-vertical",
                         class: u(h.value)
                       }, null, 8, ["class"])
                     ])),
-                    v.value ? e.icon ? (r(), f(C, {
+                    v.value ? e.icon ? (a(), f(C, {
                       key: 2,
                       icon: e.icon,
                       class: u([h.value, "shrink-0 text-muted-foreground"])
-                    }, null, 8, ["icon", "class"])) : c("", !0) : (r(), f(z, {
+                    }, null, 8, ["icon", "class"])) : c("", !0) : (a(), f(z, {
                       key: 1,
                       value: e.icon,
                       "btn-props": {
                         variant: "ghost",
                         size: "xs",
                         iconClass: h.value,
-                        class: (a.value === "sm" ? "h-5 w-5" : a.value === "lg" ? "h-7 w-7" : "h-6 w-6") + " -ml-0.5! p-0 text-muted-foreground hover:text-foreground shrink-0 rounded-md"
+                        class: (r.value === "sm" ? "h-5 w-5" : r.value === "lg" ? "h-7 w-7" : "h-6 w-6") + " -ml-0.5! p-0 text-muted-foreground hover:text-foreground shrink-0 rounded-md"
                       },
                       position: "bottom-start",
-                      onOnSelect: (n) => {
-                        console.log("IconPicker value :>> ", n), e.icon = n, l(t)?.saveItem(e);
+                      onOnSelect: (o) => {
+                        console.log("IconPicker value :>> ", o), e.icon = o, l(t)?.saveItem(e);
                       }
                     }, null, 8, ["value", "btn-props", "onOnSelect"])),
-                    v.value ? (r(), s("span", {
+                    v.value ? (a(), d("span", {
                       key: 4,
                       class: u(["truncate", I.value])
-                    }, Q(e.title), 3)) : k((r(), s("input", {
+                    }, Q(e.title), 3)) : k((a(), d("input", {
                       key: 3,
-                      "onUpdate:modelValue": (n) => e.title = n,
+                      "onUpdate:modelValue": (o) => e.title = o,
                       class: u([
                         "bg-transparent border-0 outline-none focus:ring-0 px-1 py-0.5 -ml-1 transition-colors w-full truncate cursor-text min-w-0 shadow-none caret-primary",
                         I.value
                       ]),
                       placeholder: l(t)?.categoryTitlePlaceholderText.value || "Category title...",
-                      onChange: (n) => l(t)?.saveItem(e),
-                      onKeyup: o[0] || (o[0] = w((n) => n.target.blur(), ["enter"])),
-                      onClick: o[1] || (o[1] = q(() => {
+                      onChange: (o) => l(t)?.saveItem(e),
+                      onKeyup: n[0] || (n[0] = w((o) => o.target.blur(), ["enter"])),
+                      onClick: n[1] || (n[1] = q(() => {
                       }, ["stop"]))
                     }, null, 42, Z)), [
                       [_, e.title]
                     ])
                   ])
                 ]),
-                v.value ? c("", !0) : (r(), s("div", ee, [
-                  d(m, {
+                v.value ? c("", !0) : (a(), d("div", ee, [
+                  s(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:plus",
+                    rounded: "full",
                     title: l(t)?.quickAddTooltipText.value || "Quick Add Subcategory",
-                    class: "h-7 w-7 px-0 text-muted-foreground hover:text-primary",
-                    onClick: (n) => l(t)?.startInline("add-child", e.id)
+                    onClick: (o) => l(t)?.startInline("add-child", e.id)
                   }, null, 8, ["title", "onClick"]),
-                  d(m, {
+                  s(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:settings",
+                    rounded: "full",
                     title: l(t)?.advancedDetailsTooltipText.value || "Advanced Details",
-                    class: "h-7 w-7 px-0 text-muted-foreground hover:text-primary",
-                    onClick: (n) => l(t)?.openModalForm("edit", e)
+                    onClick: (o) => l(t)?.openModalForm("edit", e)
                   }, null, 8, ["title", "onClick"]),
-                  d(m, {
-                    variant: "ghost",
+                  s(m, {
                     size: "xs",
                     icon: "lucide:trash-2",
+                    variant: "danger-light",
+                    rounded: "full",
+                    class: "bg-transparent text-gray-900! hover:bg-danger-light",
                     title: l(t)?.deleteTooltipText.value || "Delete",
-                    class: "h-7 w-7 px-0 text-muted-foreground hover:text-destructive hover:bg-destructive/10",
-                    onClick: (n) => l(t)?.deleteItem(e)
+                    onClick: (o) => l(t)?.deleteItem(e)
                   }, null, 8, ["title", "onClick"])
                 ]))
               ], 2),
-              e.children && e.children.length > 0 || l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? k((r(), s("div", te, [
-                e.children && e.children.length > 0 ? (r(), f(P, {
+              e.children && e.children.length > 0 || l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? k((a(), d("div", te, [
+                e.children && e.children.length > 0 ? (a(), f(P, {
                   key: 0,
                   modelValue: e.children,
-                  "onUpdate:modelValue": (n) => D(n, e),
+                  "onUpdate:modelValue": (o) => D(o, e),
                   level: V.level + 1,
                   onChange: U,
-                  onDragEnd: o[2] || (o[2] = (n) => g("dragEnd", n))
+                  onDragEnd: n[2] || (n[2] = (o) => p("dragEnd", o))
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "level"])) : c("", !0),
-                l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? (r(), s("div", le, [
-                  d(z, {
+                l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? (a(), d("div", le, [
+                  s(z, {
                     modelValue: l(t).inlineState.value.icon,
-                    "onUpdate:modelValue": o[3] || (o[3] = (n) => l(t).inlineState.value.icon = n),
+                    "onUpdate:modelValue": n[3] || (n[3] = (o) => l(t).inlineState.value.icon = o),
                     "btn-props": {
                       variant: "ghost",
                       size: "xs",
@@ -184,32 +185,32 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                     position: "bottom-start"
                   }, null, 8, ["modelValue"]),
                   k(y("input", {
-                    "onUpdate:modelValue": o[4] || (o[4] = (n) => l(t).inlineState.value.title = n),
+                    "onUpdate:modelValue": n[4] || (n[4] = (o) => l(t).inlineState.value.title = o),
                     class: "flex-1 bg-transparent border-0 outline-none focus:ring-0 px-1 py-0.5 text-sm transition-colors w-full shadow-none caret-primary text-foreground placeholder:text-muted-foreground",
                     placeholder: l(t)?.newSubcategoryPlaceholderText.value || "New subcategory title...",
                     onKeyup: [
-                      o[5] || (o[5] = w((n) => l(t).saveInline(), ["enter"])),
-                      o[6] || (o[6] = w((n) => l(t).cancelInline(), ["esc"]))
+                      n[5] || (n[5] = w((o) => l(t).saveInline(), ["enter"])),
+                      n[6] || (n[6] = w((o) => l(t).cancelInline(), ["esc"]))
                     ]
-                  }, null, 40, oe), [
+                  }, null, 40, ne), [
                     [j],
                     [_, l(t).inlineState.value.title]
                   ]),
-                  d(m, {
+                  s(m, {
                     variant: "primary",
                     size: "xs",
                     icon: "lucide:check",
                     class: "shrink-0 h-6 w-6 px-0",
                     title: l(t)?.saveTooltipText.value || "Save",
-                    onClick: o[7] || (o[7] = (n) => l(t).saveInline())
+                    onClick: n[7] || (n[7] = (o) => l(t).saveInline())
                   }, null, 8, ["title"]),
-                  d(m, {
+                  s(m, {
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:x",
                     class: "shrink-0 h-6 w-6 px-0",
                     title: l(t)?.cancelTooltipText.value || "Cancel",
-                    onClick: o[8] || (o[8] = (n) => l(t).cancelInline())
+                    onClick: n[8] || (n[8] = (o) => l(t).cancelInline())
                   }, null, 8, ["title"])
                 ])) : c("", !0)
               ], 512)), [
@@ -217,7 +218,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
               ]) : c("", !0)
             ], 8, ["data-id"]));
             return $.memo = T, $;
-          }, o, 9), 128))
+          }, n, 9), 128))
         ]),
         _: 1
       }, 8, ["modelValue", "disabled"]);

package/components/CategoryManager/types.d.ts

@@ -29,6 +29,10 @@ export interface CategoryManagerProps {
     formSchema?: IForm[];
     /** Disable drag-and-drop and mutation actions */
     readonly?: boolean;
+    /** Shows loading overlay without destroying component state. Use this instead of v-if to preserve expanded/inline state across refetches. */
+    loading?: boolean;
+    /** Array of category IDs to expand on initial mount */
+    defaultExpanded?: (string | number)[];
     /** Title for the empty state */
     emptyTitle?: string;
     /** Description for the empty state */
@@ -96,3 +100,15 @@ export interface CategoryManagerContext {
     saveTooltipText: ComputedRef<string>;
     cancelTooltipText: ComputedRef<string>;
 }
+export interface CategoryManagerExpose {
+    /** The set of currently expanded node IDs */
+    expandedIds: Ref<Set<string | number>>;
+    /** Expand all nodes in the tree */
+    expandAll: () => void;
+    /** Collapse all nodes in the tree */
+    collapseAll: () => void;
+    /** Expand specific node IDs */
+    expand: (...ids: (string | number)[]) => void;
+    /** Collapse specific node IDs */
+    collapse: (...ids: (string | number)[]) => void;
+}

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue.js";
+import ee from "./CommandPaletteItem.vue2.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                        */
+/* empty css                       */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/FadeOverlay/FadeOverlay.vue.d.ts

@@ -0,0 +1,13 @@
+import { FadeOverlayProps } from './types';
+declare const _default: import('vue').DefineComponent<FadeOverlayProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FadeOverlayProps> & Readonly<{}>, {
+    color: string;
+    direction: import('./types').Direction;
+    easing: import('./types').Easing;
+    coverage: string | number;
+    fadeStart: string | number;
+    fadeEnd: string | number;
+    opacity: string | number;
+    zIndex: string | number;
+    tintOpacity: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/components/FadeOverlay/FadeOverlay.vue.js

@@ -0,0 +1,59 @@
+import { defineComponent as v, computed as o, openBlock as g, createElementBlock as y, normalizeStyle as k } from "vue";
+import { parsePct as u, DIR_TO_CSS as S, sizeStyles as x, buildGradient as b } from "./utils.js";
+const M = /* @__PURE__ */ v({
+  __name: "FadeOverlay",
+  props: {
+    direction: { default: "bottom" },
+    coverage: { default: "100%" },
+    fadeStart: { default: "0%" },
+    fadeEnd: { default: "100%" },
+    opacity: { default: 1 },
+    zIndex: { default: 10 },
+    blendMode: {},
+    easing: { default: "smooth" },
+    color: { default: "var(--color-background)" },
+    blur: {},
+    tintOpacity: { default: 0 }
+  },
+  setup(p) {
+    const e = p, a = o(() => e.blur !== void 0 && e.blur !== null), n = o(() => {
+      if (!a.value) return "";
+      if (typeof e.blur == "number") return `${e.blur}px`;
+      const t = String(e.blur).trim();
+      return /^\d+(\.\d+)?$/.test(t) ? `${t}px` : t;
+    }), f = o(() => {
+      const t = typeof e.coverage == "number" ? `${e.coverage}%` : e.coverage, r = u(e.fadeStart), l = u(e.fadeEnd), d = S[e.direction], c = {
+        position: "absolute",
+        pointerEvents: "none",
+        borderRadius: "inherit",
+        opacity: e.opacity,
+        zIndex: e.zIndex,
+        ...x(e.direction, t),
+        ...e.blendMode ? { mixBlendMode: e.blendMode } : {}
+      };
+      if (a.value) {
+        const i = Math.round(e.tintOpacity * 100), m = i > 0 ? `color-mix(in srgb, ${e.color} ${i}%, transparent)` : "transparent", s = b(d, "black", r, l, e.easing);
+        return {
+          ...c,
+          background: m,
+          backdropFilter: `blur(${n.value})`,
+          WebkitBackdropFilter: `blur(${n.value})`,
+          maskImage: s,
+          WebkitMaskImage: s
+        };
+      }
+      return {
+        ...c,
+        background: b(d, e.color, r, l, e.easing)
+      };
+    });
+    return (t, r) => (g(), y("div", {
+      style: k(f.value),
+      "aria-hidden": "true",
+      class: "vlite-fade-overlay"
+    }, null, 4));
+  }
+});
+export {
+  M as default
+};

package/components/FadeOverlay/FadeOverlay.vue2.js

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

package/components/FadeOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FadeOverlay } from './FadeOverlay.vue';
+export * from './types';

package/components/FadeOverlay/types.d.ts

@@ -0,0 +1,72 @@
+export type Direction = 'top' | 'bottom' | 'left' | 'right';
+export type Easing = 'linear' | 'smooth';
+export type BlendMode = 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity';
+export interface FadeOverlayProps {
+    /** Which edge the overlay anchors to and fades toward. @default 'bottom' */
+    direction?: Direction;
+    /**
+     * How much of the parent container the overlay covers.
+     * Accepts any CSS length: '40%', '200px', '50vh'.
+     * @default '100%'
+     */
+    coverage?: string | number;
+    /**
+     * Where the transparent end of the gradient begins, as a percentage
+     * of the overlay's own coverage area.
+     * 0% = starts fading from the very edge of the overlay.
+     * @default '0%'
+     */
+    fadeStart?: string | number;
+    /**
+     * Where the opaque end of the gradient finishes, as a percentage
+     * of the overlay's own coverage area.
+     * 100% = fully opaque at the far edge of the coverage area.
+     * @default '100%'
+     */
+    fadeEnd?: string | number;
+    /**
+     * Overall opacity of the entire overlay element.
+     * @default 1
+     */
+    opacity?: string | number;
+    /** CSS z-index. @default 10 */
+    zIndex?: string | number;
+    /** CSS mix-blend-mode applied to the overlay element. */
+    blendMode?: BlendMode;
+    /**
+     * Gradient easing curve.
+     * - 'linear'  — simple two-stop linear ramp
+     * - 'smooth'  — 13-stop Material Design scrim curve; eliminates the
+     *               perceptual mid-point grey smear of a linear fade
+     * @default 'smooth'
+     */
+    easing?: Easing;
+    /**
+     * The opaque color the gradient fades toward.
+     *
+     * Scrim mode  → the solid color at the fully-opaque gradient stop.
+     * Blur mode   → the tint color mixed over the blurred content.
+     *
+     * @default '#000000'
+     */
+    color?: string;
+    /**
+     * Blur radius. Presence of this prop activates blur mode.
+     * - number → treated as px (e.g. 16 → '16px')
+     * - string → used as-is (e.g. '1rem')
+     *
+     * Blur mode variants:
+     * - Pure vibrancy (macOS):   blur=16, no tintOpacity
+     * - Tinted frost (iOS):      blur=16, color='#ffffff', tintOpacity=0.25
+     * - Cinematic dark:          blur=24, color='#000000', tintOpacity=0.55
+     */
+    blur?: number | string;
+    /**
+     * Opacity of the color tint layer in blur mode (0–1).
+     * 0   → pure backdrop blur, no color tint (macOS vibrancy)
+     * 0.3 → frosted glass with visible tint
+     * 0.6 → cinematic / heavily tinted
+     * @default 0
+     */
+    tintOpacity?: number;
+}

package/components/FadeOverlay/utils.d.ts

@@ -0,0 +1,6 @@
+import { Direction, Easing } from './types';
+export declare function parsePct(val: string | number): number;
+export declare const SCRIM_OPACITIES: readonly [0, 6.5, 14, 23.5, 34.5, 47, 59, 70, 79, 87, 93, 97, 100];
+export declare function buildGradient(cssDirection: string, color: string, startPct: number, endPct: number, easing: Easing): string;
+export declare const DIR_TO_CSS: Record<Direction, string>;
+export declare function sizeStyles(direction: Direction, coverage: string): Record<string, string | number>;

package/components/FadeOverlay/utils.js

@@ -0,0 +1,31 @@
+function f(t) {
+  if (typeof t == "number") return t;
+  const n = parseFloat(t);
+  return isNaN(n) ? 0 : n;
+}
+const e = [0, 6.5, 14, 23.5, 34.5, 47, 59, 70, 79, 87, 93, 97, 100];
+function $(t, n, o, r, i) {
+  if (i === "linear")
+    return `linear-gradient(${t}, transparent ${o}%, ${n} ${r}%)`;
+  const s = e.map((p, a) => {
+    const u = a / (e.length - 1), l = (o + (r - o) * u).toFixed(2);
+    return `color-mix(in srgb, ${n} ${p}%, transparent) ${l}%`;
+  });
+  return `linear-gradient(${t}, ${s.join(", ")})`;
+}
+const g = {
+  top: "to top",
+  bottom: "to bottom",
+  left: "to left",
+  right: "to right"
+};
+function b(t, n) {
+  return t === "top" || t === "bottom" ? { left: 0, right: 0, height: n, [t]: 0 } : { top: 0, bottom: 0, width: n, [t]: 0 };
+}
+export {
+  g as DIR_TO_CSS,
+  e as SCRIM_OPACITIES,
+  $ as buildGradient,
+  f as parsePct,
+  b as sizeStyles
+};

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

@@ -3,8 +3,8 @@ export interface NumberInputProps {
     min?: number;
     max?: number;
     step?: number;
-    variant?: 'split' | 'stacked';
-    mode?: 'solid' | 'outline' | 'ghost';
+    layout?: 'split' | 'stacked';
+    variant?: 'solid' | 'outline' | 'transparent';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     disabled?: boolean;
     placeholder?: string;
@@ -24,12 +24,12 @@ declare const _default: import('vue').DefineComponent<NumberInputProps, {}, {},
     onChange?: (value: number) => any;
     "onUpdate:modelValue"?: (value: number) => any;
 }>, {
-    mode: "solid" | "outline" | "ghost";
-    variant: "split" | "stacked";
+    variant: "solid" | "outline" | "transparent";
     size: "xs" | "sm" | "md" | "lg" | "xl";
     rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
     readonly: boolean;
     disabled: boolean;
+    layout: "split" | "stacked";
     modelValue: number;
     step: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {

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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cce64dd9"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-48252481"]]);
 export {
-  c as default
+  _ as default
 };