vlite3 0.6.1 → 0.6.4

package/components/CheckBox.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as s, openBlock as l, createElementBlock as f, createElementVNode as g, normalizeClass as d, createVNode as w, Transition as C, withCtx as h, createBlock as o, createCommentVNode as r, createTextVNode as V, toDisplayString as z } from "vue";
+import { defineComponent as v, computed as s, openBlock as l, createElementBlock as f, createElementVNode as g, normalizeClass as i, createVNode as w, Transition as C, withCtx as h, createBlock as o, createCommentVNode as r, createTextVNode as V, toDisplayString as z } from "vue";
 import p from "./Icon.vue.js";
 import B from "./Label.vue.js";
 import { $t as N } from "../utils/i18n.js";
@@ -23,8 +23,8 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
   setup(t, { emit: b }) {
     const e = t, c = b, u = s(() => e.labelI18n ? N(e.labelI18n) : e.label), m = () => {
       if (e.disabled) return;
-      const i = !(e.modelValue || e.checked);
-      c("update:modelValue", i), c("update:checked", i);
+      const d = !(e.modelValue || e.checked);
+      c("update:modelValue", d), c("update:checked", d);
     }, k = {
       xs: "h-3.5 w-3.5",
       sm: "h-4 w-4",
@@ -37,7 +37,7 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
       md: "h-3.5 w-3.5",
       lg: "h-4 w-4",
       xl: "h-5 w-5"
-    }, x = {
+    }, y = {
       none: "rounded-none",
       xs: "rounded-[3px]",
       sm: "rounded-[4px]",
@@ -46,29 +46,30 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
       xl: "rounded-lg",
       "2xl": "rounded-xl",
       full: "rounded-full"
-    }, y = s(() => [
-      "peer shrink-0 border border-primary transition-all duration-200 ease-in-out",
+    }, a = s(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked"), x = s(() => [
+      "peer shrink-0 border  transition-all duration-200 ease-in-out",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
       "cursor-pointer bg-transparent",
       k[e.size],
-      x[e.rounded || e.size],
+      y[e.rounded || e.size],
+      a.value === "checked" ? "border-primary!" : "border-gray-400!",
       e.class
-    ].join(" ")), a = s(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked");
+    ].join(" "));
     return s(() => [
       "transition-transform duration-200",
       a.value === "checked" || a.value === "indeterminate" ? "scale-100" : "scale-0",
       n[e.size]
-    ].join(" ")), (i, $) => (l(), f("div", _, [
+    ].join(" ")), (d, $) => (l(), f("div", _, [
       g("button", {
         type: "button",
         role: "checkbox",
         "aria-checked": t.indeterminate ? "mixed" : t.modelValue,
         "data-state": a.value,
         disabled: t.disabled,
-        class: d(y.value),
+        class: i(x.value),
         id: t.id,
         onClick: m
       }, [
@@ -85,11 +86,11 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
               a.value === "checked" ? (l(), o(p, {
                 key: 0,
                 icon: "lucide:check",
-                class: d(n[t.size])
+                class: i(n[t.size])
               }, null, 8, ["class"])) : a.value === "indeterminate" ? (l(), o(p, {
                 key: 1,
                 icon: "lucide:minus",
-                class: d(n[t.size])
+                class: i(n[t.size])
               }, null, 8, ["class"])) : r("", !0)
             ]),
             _: 1

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

@@ -5,8 +5,8 @@ import O from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
 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/CommandPaletteContent.vue.js

@@ -1,7 +1,7 @@
 import t from "./CommandPaletteContent.vue2.js";
 /* empty css                           */
 import o from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6b4a4b96"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e919f56b"]]);
 export {
   r as default
 };

package/components/CommandPaletteContent.vue2.js

@@ -255,7 +255,7 @@ const se = { class: "command-palette-content flex flex-col w-full h-full max-h-[
               "aria-disabled": e.disabled || void 0,
               "data-active": x(r, l) === a.value,
               class: T(["command-palette-item w-full flex items-center gap-3 px-3! py-2.5 mx-1 rounded-lg text-sm transition-colors duration-100 text-left cursor-pointer select-none focus-visible:outline-none", [
-                x(r, l) === a.value ? "bg-gray-200 text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+                x(r, l) === a.value ? "bg-gray-200/80 text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground",
                 e.disabled ? "opacity-40 cursor-not-allowed" : ""
               ]]),
               style: { width: "calc(100% - 8px)" },
@@ -265,7 +265,7 @@ const se = { class: "command-palette-content flex flex-col w-full h-full max-h-[
               s("span", {
                 class: T([
                   "shrink-0 flex items-center justify-center w-7 h-7 rounded-md",
-                  x(r, l) === a.value ? "bg-gray-300 text-primary" : "bg-muted/80 text-muted-foreground"
+                  x(r, l) === a.value ? "bg-gray-300/80 text-gray-900" : "bg-muted/80 text-muted-foreground"
                 ])
               }, [
                 w(h, {

package/components/Dropdown/Dropdown.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as G, ref as r, computed as h, watch as $, reactive as J, toRefs as K, openBlock as x, createElementBlock as Q, normalizeStyle as W, createVNode as k, unref as b, withCtx as u, renderSlot as f, createBlock as X, normalizeClass as Y, createSlots as Z, normalizeProps as H, guardReactiveProps as M, createCommentVNode as _ } from "vue";
-import ee from "v-tooltip-lite";
+import { defineComponent as J, ref as s, computed as h, watch as $, provide as K, reactive as Q, toRefs as W, openBlock as A, createElementBlock as X, normalizeStyle as Y, createVNode as T, unref as O, withCtx as u, renderSlot as d, createBlock as Z, normalizeClass as _, createSlots as ee, normalizeProps as M, guardReactiveProps as H, createCommentVNode as te } from "vue";
+import le from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import te from "./DropdownMenu.vue.js";
-import ne from "./DropdownTrigger.vue.js";
-import le from "../ConfirmationModal.vue.js";
-import { useDropdownIds as oe } from "./composables/useDropdownIds.js";
-import { useDropdownSelection as ae } from "./composables/useDropdownSelection.js";
-const ve = /* @__PURE__ */ G({
+import ne from "./DropdownMenu.vue.js";
+import oe from "./DropdownTrigger.vue.js";
+import ae from "../ConfirmationModal.vue.js";
+import { useDropdownIds as ie } from "./composables/useDropdownIds.js";
+import { useDropdownSelection as se } from "./composables/useDropdownSelection.js";
+const pe = /* @__PURE__ */ J({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -45,47 +45,56 @@ const ve = /* @__PURE__ */ G({
     isNested: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(l, { emit: V }) {
-    const o = l, p = V, g = r(!1), d = r(null), s = r({
+  setup(n, { emit: V }) {
+    const o = n, p = V, g = s(!1), f = s(null), r = s({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), A = h(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), E = h(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), O = r(o.isOpen || !1);
+    }), E = h(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), L = h(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), S = s(o.isOpen || !1), b = s(0);
     $(
       () => o.isOpen,
       (e) => {
-        e !== void 0 && (O.value = e);
+        e !== void 0 && (S.value = e);
       }
     );
     const B = (e) => {
-      O.value = e, p("update:isOpen", e), p(e ? "onOpen" : "onClose");
-    }, C = h(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), m = r([]);
+      S.value = e, p("update:isOpen", e), p(e ? "onOpen" : "onClose");
+    }, C = () => {
+      B(!1);
+    };
+    K("dropdown-context", {
+      close: C,
+      onChildToggle: (e) => {
+        e ? b.value++ : b.value = Math.max(0, b.value - 1);
+      }
+    });
+    const w = h(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), m = s([]);
     $(
-      C,
+      w,
       (e) => {
         if (e)
           if (o.remote) {
-            const n = [...m.value];
+            const l = [...m.value];
             e.forEach((t) => {
-              n.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || n.push(t);
-            }), m.value = n;
+              l.some((a) => a.value !== void 0 && t.value !== void 0 ? typeof a.value == "object" && a.key && t.key ? a.key === t.key && a.value[a.key] === t.value[t.key] : a.value === t.value : a.label === t.label) || l.push(t);
+            }), m.value = l;
           } else
             m.value = e;
       },
       { immediate: !0, deep: !0 }
     );
-    const v = r(/* @__PURE__ */ new Map()), S = r(!1), L = async (e) => {
+    const v = s(/* @__PURE__ */ new Map()), k = s(!1), j = async (e) => {
       if (!o.fetchSelected || e === void 0 || e === null) return;
-      let n = [];
-      Array.isArray(e) ? n = e : typeof e == "object" ? n = Object.values(e) : n = [e];
-      const t = n.filter((i) => {
-        const a = v.value.has(i), N = m.value.some((c) => (c.value ?? c.label) === i);
-        return !a && !N;
+      let l = [];
+      Array.isArray(e) ? l = e : typeof e == "object" ? l = Object.values(e) : l = [e];
+      const t = l.filter((i) => {
+        const a = v.value.has(i), x = m.value.some((c) => (c.value ?? c.label) === i);
+        return !a && !x;
       });
       if (t.length) {
-        S.value = !0;
+        k.value = !0;
         try {
           (await o.fetchSelected(t)).forEach((a) => {
             v.value.set(a.value ?? a.label, a);
@@ -93,49 +102,58 @@ const ve = /* @__PURE__ */ G({
         } catch (i) {
           console.error("[Dropdown] Hydration failed:", i);
         } finally {
-          S.value = !1;
+          k.value = !1;
         }
       }
     }, y = h(() => {
-      const e = [...m.value], n = new Set(e.map((t) => t.value ?? t.label));
+      const e = [...m.value], l = new Set(e.map((t) => t.value ?? t.label));
       return v.value.forEach((t, i) => {
-        n.has(i) || (e.unshift(t), n.add(i));
+        l.has(i) || (e.unshift(t), l.add(i));
       }), e;
-    }), { getAllRecursiveIds: j } = oe(), z = J({
-      ...K(o),
+    }), { getAllRecursiveIds: z } = ie(), D = Q({
+      ...W(o),
       options: y
-    }), { currentValue: T, selectedLabel: P, selectOption: D } = ae(
-      z,
+    }), { currentValue: P, selectedLabel: I, selectOption: R } = se(
+      D,
       p
-    );
+    ), F = h(() => {
+      const e = o.ignoreClickOutside || [], l = z(y.value);
+      return [
+        .../* @__PURE__ */ new Set([
+          ...e,
+          ...l,
+          ".modal-body",
+          ".v-modal-overlay",
+          ".sidepanel-body",
+          ".v-sidepanel-overlay"
+        ])
+      ];
+    });
     $(
-      () => T.value,
+      () => P.value,
       (e) => {
-        L(e);
+        j(e);
       },
       { immediate: !0, deep: !0 }
     );
-    const R = h(() => {
-      const e = o.ignoreClickOutside || [], n = j(y.value);
-      return [.../* @__PURE__ */ new Set([...e, ...n])];
-    }), F = (e) => {
-      o.doubleConfirmation || !!e.confirmation ? (d.value = e, typeof e.confirmation == "object" ? s.value = {
+    const U = (e) => {
+      o.doubleConfirmation || !!e.confirmation ? (f.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
         cancelText: e.confirmation.cancelText || "Cancel",
         variant: e.confirmation.variant || "primary"
-      } : s.value = {
+      } : r.value = {
         title: "Confirm Selection",
         description: `Are you sure you want to select "${e.label}"?`,
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, g.value = !0, w()) : (I(e), o.closeOnSelect && w());
-    }, I = (e) => {
-      const n = e.value ?? e.label;
-      v.value.has(n) || v.value.set(n, e);
-      const t = D(e);
+      }, g.value = !0, C()) : (N(e), o.closeOnSelect && C());
+    }, N = (e) => {
+      const l = e.value ?? e.label;
+      v.value.has(l) || v.value.set(l, e);
+      const t = R(e);
       if (!o.isNested) {
         const i = e._originalOption || e, a = i.value ?? i.label;
         (e._path || [i]).forEach((c) => {
@@ -147,117 +165,116 @@ const ve = /* @__PURE__ */ G({
           });
         });
       }
-    }, U = () => {
-      d.value && (I(d.value), d.value = null, g.value = !1);
     }, q = () => {
-      d.value = null, g.value = !1;
-    }, w = () => {
-      B(!1);
+      f.value && (N(f.value), f.value = null, g.value = !1);
+    }, G = () => {
+      f.value = null, g.value = !1;
     };
-    return (e, n) => (x(), Q("div", {
+    return (e, l) => (A(), X("div", {
       class: "relative inline-block text-left",
-      style: W({ direction: l.direction })
+      style: Y({ direction: n.direction })
     }, [
-      k(b(ee), {
+      T(O(le), {
         content: "",
         trigger: "click",
         arrow: !1,
-        teleport: l.teleport,
-        offset: l.offset,
-        placement: A.value,
-        isOpen: O.value,
-        menuId: l.menuId,
-        ignoreClickOutside: R.value,
+        teleport: n.teleport,
+        offset: n.offset,
+        placement: E.value,
+        isOpen: S.value,
+        keepAlive: b.value > 0,
+        menuId: n.menuId,
+        ignoreClickOutside: F.value,
         class: "w-full",
-        className: "dropdown " + (l.className || ""),
-        onOnShow: n[2] || (n[2] = (t) => e.$emit("onOpen")),
-        onOnHide: n[3] || (n[3] = (t) => e.$emit("onClose")),
+        className: "dropdown " + (n.className || ""),
+        onOnShow: l[2] || (l[2] = (t) => e.$emit("onOpen")),
+        onOnHide: l[3] || (l[3] = (t) => e.$emit("onClose")),
         "onUpdate:isOpen": B,
         triggerClass: "w-full",
         styles: { padding: "0" }
       }, {
         trigger: u(({ isOpen: t }) => [
-          f(e.$slots, "trigger", H(M({ selectedLabel: b(P), isOpen: t })), () => [
-            k(ne, {
-              "selected-label": b(P),
+          d(e.$slots, "trigger", M(H({ selectedLabel: O(I), isOpen: t })), () => [
+            T(oe, {
+              "selected-label": O(I),
               "is-open": t,
-              direction: l.direction,
-              triggerProps: l.triggerProps,
+              direction: n.direction,
+              triggerProps: n.triggerProps,
               class: "w-full"
             }, null, 8, ["selected-label", "is-open", "direction", "triggerProps"])
           ])
         ]),
         default: u(() => [
-          f(e.$slots, "default"),
-          C.value.length || y.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable ? (x(), X(te, {
+          d(e.$slots, "default"),
+          w.value.length || y.value.length || e.$slots.menu || e.$slots.item || n.remote || n.searchable ? (A(), Z(ne, {
             key: 0,
-            options: C.value,
+            options: w.value,
             cachedOptions: y.value,
-            class: Y(l.className),
-            selected: b(T),
-            selectedIndex: l.selectedIndex,
-            maxHeight: l.maxHeight,
-            nestedPosition: E.value,
-            nestedOffset: l.nestedOffset,
-            selectable: l.selectable,
-            direction: l.direction,
-            layout: l.layout,
-            columns: l.columns,
-            loading: l.loading || S.value,
-            hasMore: l.hasMore,
-            searchable: l.searchable,
-            remote: l.remote,
-            debounceTime: l.debounceTime,
-            onSelect: F,
-            onClose: w,
-            onLoadMore: n[0] || (n[0] = (t) => e.$emit("load-more")),
-            onSearch: n[1] || (n[1] = (t) => e.$emit("search", t))
-          }, Z({ _: 2 }, [
+            class: _(n.className),
+            selected: O(P),
+            selectedIndex: n.selectedIndex,
+            maxHeight: n.maxHeight,
+            nestedPosition: L.value,
+            nestedOffset: n.nestedOffset,
+            selectable: n.selectable,
+            direction: n.direction,
+            layout: n.layout,
+            columns: n.columns,
+            loading: n.loading || k.value,
+            hasMore: n.hasMore,
+            searchable: n.searchable,
+            remote: n.remote,
+            debounceTime: n.debounceTime,
+            onSelect: U,
+            onClose: C,
+            onLoadMore: l[0] || (l[0] = (t) => e.$emit("load-more")),
+            onSearch: l[1] || (l[1] = (t) => e.$emit("search", t))
+          }, ee({ _: 2 }, [
             e.$slots.menu ? {
               name: "menu",
               fn: u(() => [
-                f(e.$slots, "menu")
+                d(e.$slots, "menu")
               ]),
               key: "0"
             } : void 0,
             e.$slots.item ? {
               name: "item",
               fn: u((t) => [
-                f(e.$slots, "item", H(M(t)))
+                d(e.$slots, "item", M(H(t)))
               ]),
               key: "1"
             } : void 0,
             e.$slots.header ? {
               name: "header",
               fn: u(() => [
-                f(e.$slots, "header")
+                d(e.$slots, "header")
               ]),
               key: "2"
             } : void 0,
             e.$slots.footer ? {
               name: "footer",
               fn: u(() => [
-                f(e.$slots, "footer")
+                d(e.$slots, "footer")
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : _("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : te("", !0)
         ]),
         _: 3
-      }, 8, ["teleport", "offset", "placement", "isOpen", "menuId", "ignoreClickOutside", "className"]),
-      k(le, {
+      }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
+      T(ae, {
         show: g.value,
-        title: s.value.title,
-        description: s.value.description,
-        "confirm-text": s.value.confirmText,
-        "cancel-text": s.value.cancelText,
-        variant: s.value.variant,
-        onConfirm: U,
-        onCancel: q
+        title: r.value.title,
+        description: r.value.description,
+        "confirm-text": r.value.confirmText,
+        "cancel-text": r.value.cancelText,
+        variant: r.value.variant,
+        onConfirm: q,
+        onCancel: G
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])
     ], 4));
   }
 });
 export {
-  ve as default
+  pe as default
 };

package/components/Form/Form.vue.d.ts

@@ -1,52 +1,29 @@
 import { IForm, IFormStep, IFormSubmitPayload } from './types';
 import { InputVariant, InputSize, InputRounded, TimelineTextPosition, ButtonProps } from '../../types';
 interface Props {
-    /** Schema - single array or grouped arrays */
     schema: IForm[] | IForm[][];
-    /** Initial/bound values */
     values?: Record<string, any>;
-    /** Input variant applied to all fields */
     variant?: InputVariant;
-    /** Input size applied to all fields */
     size?: InputSize;
-    /** Input rounded applied to all fields */
     rounded?: InputRounded;
-    /** Loading state during submit */
     loading?: boolean;
-    /** Show/hide default footer with submit button */
     footer?: boolean;
-    /** Headings for grouped schemas */
     groupsHeadings?: string[];
-    /** Descriptions for grouped schemas */
     groupHeadingsDescription?: string[];
-    /** Timeline steps for multi-step form mode */
     tabs?: IFormStep[];
-    /** Submit button text */
     submitText?: string;
     submitProps?: ButtonProps;
-    /** Cancel button text */
     cancelText?: string;
-    /** Show cancel button */
     showCancel?: boolean;
-    /** Whether this is an update operation */
     isUpdate?: boolean;
-    /** Folder ID for file uploads */
     folderId?: string;
-    /** Custom class for form element */
     class?: string;
-    /** Custom class for the grid layout (overrides columns) */
     className?: string;
-    /** Custom class for group containers */
     groupClass?: string;
-    /** Custom class for group/step headers */
     headerClass?: string;
-    /** Custom class for the footer area */
     footerClass?: string;
-    /** Timeline text position */
     timelineTextPosition?: TimelineTextPosition;
-    /** Fields to explicitly include in the submit payload */
     emitFields?: string[];
-    /** Show asterisk for required fields */
     showRequiredAsterisk?: boolean;
 }
 declare function __VLS_template(): {

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-655cd96c"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-78f87e2c"]]);
 export {
   p as default
 };