vlite3 1.3.11 → 1.4.1

package/components/Accordion/Accordion.vue.d.ts

@@ -29,10 +29,10 @@ declare const __VLS_component: import('vue').DefineComponent<AccordionProps, {},
     variant: import('./types').AccordionVariant;
     size: import('./types').AccordionSize;
     disabled: boolean;
-    attached: boolean;
-    items: import('./types').AccordionItemSchema[];
     showIndex: boolean;
     iconVariant: import('./types').IconVariant;
+    attached: boolean;
+    items: import('./types').AccordionItemSchema[];
     allowMultiple: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/Accordion/AccordionItem.vue.d.ts

@@ -44,8 +44,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     variant: AccordionVariant;
     size: AccordionSize;
     disabled: boolean;
-    attached: boolean;
     showIndex: boolean;
+    attached: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Accordion/AccordionItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as r, openBlock as c, createElementBlock as m, normalizeClass as u, renderSlot as f, createVNode as p, withCtx as v, createElementVNode as V, toDisplayString as x, createCommentVNode as $, withDirectives as O, createBlock as T, resolveDynamicComponent as A, vShow as D } from "vue";
+import { defineComponent as B, computed as r, openBlock as c, createElementBlock as m, normalizeClass as u, renderSlot as f, createVNode as p, withCtx as x, createElementVNode as V, toDisplayString as v, createCommentVNode as $, withDirectives as O, createBlock as T, resolveDynamicComponent as A, vShow as D } from "vue";
 import P from "./AccordionTrigger.vue.js";
 import N from "./AccordionContent.vue.js";
 import { $t as h } from "../../utils/i18n.js";
@@ -38,7 +38,7 @@ const S = { class: "font-medium" }, E = {
         md: "px-4 py-3 text-base",
         lg: "px-5 py-4 text-lg"
       }[a];
-      return t === "solid" ? `${i} ${s} bg-muted hover:bg-muted/80 ${o}` : t === "ghost" ? d ? `${i} ${s} bg-muted font-medium ${o}` : `${i} ${s} hover:bg-muted/20 bg-transparent ${o}` : t === "outline" || t === "separated" ? d ? `${i} ${s} bg-muted/5 border-b border-border ${o}` : `${i} ${s} hover:bg-muted/5 bg-transparent ${o}` : !n.attached && t === "default" ? `${i} ${{
+      return t === "solid" ? `${i} ${s} bg-card ${o}` : t === "ghost" ? d ? `${i} ${s} bg-muted font-medium ${o}` : `${i} ${s} hover:bg-muted/20 bg-transparent ${o}` : t === "outline" || t === "separated" ? d ? `${i} ${s} bg-muted/5 border-b border-border ${o}` : `${i} ${s} hover:bg-muted/5 bg-transparent ${o}` : !n.attached && t === "default" ? `${i} ${{
         sm: "py-2 text-base",
         md: "py-3 text-base",
         lg: "py-4 text-lg"
@@ -54,7 +54,11 @@ const S = { class: "font-medium" }, E = {
         md: "pb-4 pt-4 text-sm",
         lg: "pb-5 pt-5 text-base"
       }[a]} px-0`;
-    }), k = r(() => n.item.titleI18n ? h(n.item.titleI18n) : n.item.title), b = r(() => n.item.descriptionI18n ? h(n.item.descriptionI18n) : n.item.description);
+    }), k = r(
+      () => n.item.titleI18n ? h(n.item.titleI18n) : n.item.title
+    ), b = r(
+      () => n.item.descriptionI18n ? h(n.item.descriptionI18n) : n.item.description
+    );
     return (t, a) => (c(), m("div", {
       class: u([I.value, n.class, n.itemClass])
     }, [
@@ -78,9 +82,9 @@ const S = { class: "font-medium" }, E = {
           class: u(g.value),
           onClick: l
         }, {
-          default: v(() => [
-            V("span", S, x(k.value), 1),
-            b.value ? (c(), m("span", E, x(b.value), 1)) : $("", !0)
+          default: x(() => [
+            V("span", S, v(k.value), 1),
+            b.value ? (c(), m("span", E, v(b.value), 1)) : $("", !0)
           ]),
           _: 1
         }, 8, ["open", "size", "disabled", "icon", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "class"])
@@ -88,7 +92,7 @@ const S = { class: "font-medium" }, E = {
       O(p(N, {
         class: u(w.value)
       }, {
-        default: v(() => [
+        default: x(() => [
           f(t.$slots, "content", {
             item: e.item,
             close: l

package/components/Accordion/AccordionTrigger.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     class: string;
     size: AccordionSize;
-    chevron: boolean;
     showIndex: boolean;
     iconVariant: IconVariant;
+    chevron: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/CategoryManager/CategoryManager.vue2.js

@@ -16,11 +16,15 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import Ue from "../IconPicker.vue.js";
 /* empty css                        */
-/* empty css                      */
+/* empty css                                         */
+/* empty css                                    */
+/* empty css                                        */
 import "../../core/config.js";
+/* empty css                                    */
+/* empty css                      */
 import { getUniqueId as _ } from "../../utils/functions.js";
 const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "text-lg font-bold text-foreground" }, $e = { class: "text-sm text-muted-foreground mt-0.5" }, Fe = {
   key: 0,
@@ -38,7 +42,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
 }, Le = {
   key: 0,
   class: "absolute inset-0 z-10 flex items-center justify-center rounded-xl bg-background/60 backdrop-blur-[1px] transition-opacity"
-}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" }, xt = /* @__PURE__ */ Ce({
+}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" }, St = /* @__PURE__ */ Ce({
   __name: "CategoryManager",
   props: {
     modelValue: { default: () => [] },
@@ -87,7 +91,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
   },
   emits: ["update:modelValue", "onAdd", "onEdit", "onDelete", "onReorder"],
   setup(S, { expose: L, emit: W }) {
-    const e = S, f = W, d = I([]), g = I(/* @__PURE__ */ new Set()), v = (o) => JSON.parse(JSON.stringify(o)), T = (o, t = null) => {
+    const e = S, f = W, d = I([]), p = I(/* @__PURE__ */ new Set()), v = (o) => JSON.parse(JSON.stringify(o)), T = (o, t = null) => {
       o.forEach((a, i) => {
         a.parentId = t, a.position = i, a.children || (a.children = []), T(a.children, a.id);
       });
@@ -125,7 +129,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       (o) => {
         if (o) {
           if (o.length === 0) {
-            d.value = [], g.value = /* @__PURE__ */ new Set(), f("update:modelValue", []);
+            d.value = [], p.value = /* @__PURE__ */ new Set(), f("update:modelValue", []);
             return;
           }
           const t = X(o);
@@ -133,9 +137,9 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
           const a = JSON.stringify(t), i = JSON.stringify(d.value);
           if (a !== i) {
             const r = z(t), n = new Set(
-              [...g.value].filter((p) => r.has(p))
+              [...p.value].filter((g) => r.has(g))
             );
-            g.value = n;
+            p.value = n;
             const u = v(t);
             d.value = u, f("update:modelValue", u);
           }
@@ -158,8 +162,8 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       const o = v(d.value);
       f("update:modelValue", o);
     }, Y = (o) => {
-      const t = new Set(g.value);
-      t.has(o) ? t.delete(o) : t.add(o), g.value = t;
+      const t = new Set(p.value);
+      t.has(o) ? t.delete(o) : t.add(o), p.value = t;
     }, y = I({
       mode: null,
       targetId: null,
@@ -171,7 +175,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
         targetId: o === "add-child" && t || null,
         title: "",
         icon: "lucide:folder"
-      }, o === "add-child" && t && g.value.add(t);
+      }, o === "add-child" && t && p.value.add(t);
     }, D = () => {
       y.value = { mode: null, targetId: null, title: "", icon: "lucide:folder" };
     }, V = () => {
@@ -183,8 +187,8 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
         n = { id: _(), title: a, icon: i, children: [] }, r.push(n);
       else if (o === "add-child") {
         n = { id: _(), title: a, icon: i, children: [] };
-        const u = (p) => {
-          for (const c of p) {
+        const u = (g) => {
+          for (const c of g) {
             if (c.id === t)
               return c.children || (c.children = []), c.children.push(n), !0;
             if (c.children && u(c.children)) return !0;
@@ -207,21 +211,21 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
         const n = { id: _(), children: [], ...t };
         a.push(n), i = n, r = "onAdd";
       } else if (x.value === "add-child") {
-        const n = { id: _(), children: [], ...t }, u = (p) => {
-          for (const c of p) {
+        const n = { id: _(), children: [], ...t }, u = (g) => {
+          for (const c of g) {
             if (c.id === O.value)
-              return c.children || (c.children = []), c.children.push(n), g.value.add(c.id), !0;
+              return c.children || (c.children = []), c.children.push(n), p.value.add(c.id), !0;
             if (c.children && u(c.children)) return !0;
           }
           return !1;
         };
         u(a), i = n, r = "onAdd";
       } else if (x.value === "edit" && q.value) {
-        const n = q.value.id, u = (p) => {
-          const c = p.findIndex((k) => k.id === n);
+        const n = q.value.id, u = (g) => {
+          const c = g.findIndex((k) => k.id === n);
           if (c > -1)
-            return p[c] = { ...p[c], ...t }, i = p[c], !0;
-          for (const k of p)
+            return g[c] = { ...g[c], ...t }, i = g[c], !0;
+          for (const k of g)
             if (k.children && u(k.children)) return !0;
           return !1;
         };
@@ -286,7 +290,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       if (e.headerTitle) return e.headerTitle;
       const o = l("vlite.categoryManager.headerTitle");
       return o !== "vlite.categoryManager.headerTitle" ? o : "Categories";
-    }), ge = s(() => {
+    }), pe = s(() => {
       if (e.headerDescriptionI18n) {
         const t = l(e.headerDescriptionI18n);
         if (t !== e.headerDescriptionI18n) return t;
@@ -294,7 +298,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       if (e.headerDescription) return e.headerDescription;
       const o = l("vlite.categoryManager.headerDescription");
       return o !== "vlite.categoryManager.headerDescription" ? o : "Manage your hierarchical structure.";
-    }), pe = s(() => {
+    }), ge = s(() => {
       if (e.addCategoryTextI18n) {
         const t = l(e.addCategoryTextI18n);
         if (t !== e.addCategoryTextI18n) return t;
@@ -344,7 +348,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       return o !== "vlite.categoryManager.categoryTitlePlaceholder" ? o : "Category title...";
     }), Te = s(() => e.quickAddTooltipI18n ? l(e.quickAddTooltipI18n) : e.quickAddTooltip ? e.quickAddTooltip : l("vlite.categoryManager.quickAddTooltip") !== "vlite.categoryManager.quickAddTooltip" ? l("vlite.categoryManager.quickAddTooltip") : "Quick Add Subcategory"), Ie = s(() => e.advancedDetailsTooltipI18n ? l(e.advancedDetailsTooltipI18n) : e.advancedDetailsTooltip ? e.advancedDetailsTooltip : l("vlite.categoryManager.advancedDetailsTooltip") !== "vlite.categoryManager.advancedDetailsTooltip" ? l("vlite.categoryManager.advancedDetailsTooltip") : "Advanced Details"), xe = s(() => e.deleteTooltipI18n ? l(e.deleteTooltipI18n) : e.deleteTooltip ? e.deleteTooltip : l("vlite.categoryManager.deleteTooltip") !== "vlite.categoryManager.deleteTooltip" ? l("vlite.categoryManager.deleteTooltip") : "Delete"), F = s(() => e.saveTooltipI18n ? l(e.saveTooltipI18n) : e.saveTooltip ? e.saveTooltip : l("vlite.categoryManager.saveTooltip") !== "vlite.categoryManager.saveTooltip" ? l("vlite.categoryManager.saveTooltip") : "Save"), J = s(() => e.cancelTooltipI18n ? l(e.cancelTooltipI18n) : e.cancelTooltip ? e.cancelTooltip : l("vlite.categoryManager.cancelTooltip") !== "vlite.categoryManager.cancelTooltip" ? l("vlite.categoryManager.cancelTooltip") : "Cancel");
     De("categoryManager", {
-      expandedIds: g,
+      expandedIds: p,
       inlineState: y,
       toggleExpand: Y,
       startInline: N,
@@ -369,20 +373,20 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
       }
     }, we = () => {
       const o = z(d.value);
-      g.value = o;
+      p.value = o;
     }, Me = () => {
-      g.value = /* @__PURE__ */ new Set();
+      p.value = /* @__PURE__ */ new Set();
     }, B = (...o) => {
-      const t = new Set(g.value);
-      o.forEach((a) => t.add(a)), g.value = t;
+      const t = new Set(p.value);
+      o.forEach((a) => t.add(a)), p.value = t;
     }, Se = (...o) => {
-      const t = new Set(g.value);
-      o.forEach((a) => t.delete(a)), g.value = t;
+      const t = new Set(p.value);
+      o.forEach((a) => t.delete(a)), p.value = t;
     };
     return Ae(() => {
       e.defaultExpanded && e.defaultExpanded.length > 0 && B(...e.defaultExpanded);
     }), L({
-      expandedIds: g,
+      expandedIds: p,
       expandAll: we,
       collapseAll: Me,
       expand: B,
@@ -394,7 +398,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
         Pe(o.$slots, "header", {}, () => [
           m("div", null, [
             m("h3", Oe, w(ue.value), 1),
-            m("p", $e, w(ge.value), 1)
+            m("p", $e, w(pe.value), 1)
           ]),
           S.readonly ? E("", !0) : (b(), G(R, {
             key: 0,
@@ -404,7 +408,7 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
             onClick: t[0] || (t[0] = (a) => N("add-root"))
           }, {
             default: P(() => [
-              H(w(pe.value), 1)
+              H(w(ge.value), 1)
             ]),
             _: 1
           }))
@@ -513,5 +517,5 @@ const ze = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
   }
 });
 export {
-  xt as default
+  St as default
 };

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

@@ -1,4 +1,4 @@
-import { IForm, IFormStep, IFormSubmitPayload, IFormGroupsHeadings } from './types';
+import { IForm, IFormStep, IFormSubmitPayload, IFormGroupsHeadings, IFormGroupLayout } from './types';
 import { InputVariant, InputSize, InputRounded, TimelineTextPosition, ButtonProps } from '../../types';
 interface Props {
     schema: IForm[] | IForm[][];
@@ -11,6 +11,14 @@ interface Props {
     footer?: boolean;
     groupsHeadings?: IFormGroupsHeadings;
     groupHeadingsDescription?: IFormGroupsHeadings;
+    /**
+     * Visual layout for grouped schemas (`schema: IForm[][]`).
+     * - `'basic'` (default) — each group is a card with a header and a body
+     * - `'accordion'` — each group is an `AccordionItem` with the heading as the trigger
+     *
+     * Has no effect on flat schemas. Backward compatible.
+     */
+    groupLayout?: IFormGroupLayout;
     tabs?: IFormStep[];
     submitText?: string;
     submitProps?: ButtonProps;
@@ -72,12 +80,14 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     clearErrors: () => void;
     setFieldValue: (name: string, value: any, data?: any) => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    onChange: (values: Record<string, any>) => any;
     onSubmit: (payload: IFormSubmitPayload, close: () => void) => any;
     onCancel: () => any;
     onAddonAction: (action: string) => any;
     onStepChange: (step: number) => any;
     onBack: () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onOnChange?: (values: Record<string, any>) => any;
     onOnSubmit?: (payload: IFormSubmitPayload, close: () => void) => any;
     onOnCancel?: () => any;
     onOnAddonAction?: (action: string) => any;
@@ -98,6 +108,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     schemaLoading: boolean;
     groupsHeadings: IFormGroupsHeadings;
     groupHeadingsDescription: IFormGroupsHeadings;
+    groupLayout: IFormGroupLayout;
+    tabs: IFormStep[];
     submitText: string;
     showCancel: boolean;
     groupClass: string;

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 f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1f8a19cd"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-db13df10"]]);
 export {
-  f as default
+  p as default
 };