vlite3 1.3.10 → 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/AsyncSelect/createAsyncSelect.d.ts

@@ -14,6 +14,26 @@ export interface SelectOption<T = unknown> {
     data?: T;
 }
 export type OptionsMapper<T> = (item: T) => SelectOption<T> | null | undefined;
+/**
+ * A static filter object, or a function that derives the filter from the
+ * surrounding form state. Returning `undefined` clears the filter.
+ *
+ * When a function is used, the function is only re-invoked when one of the
+ * keys it actually *reads* changes. Reading `values.quotationType` will not
+ * cause the function to re-run on changes to `values.cargoQuantityDelivered`.
+ *
+ * @example
+ *   // Static
+ *   filter: { status: 'ACTIVE' }
+ *
+ *   // Dynamic — reactive against the parent form's values
+ *   filter: ({ values }) => values.quotationType === 'WATER_DELIVERY'
+ *     ? { isTanker: true }
+ *     : undefined
+ */
+export type AsyncSelectFilter = Record<string, any> | ((ctx: {
+    values: Record<string, any>;
+}) => Record<string, any> | undefined | void);
 export interface CreateSelectConfig<T = any> {
     name: string;
     useQuery: any;
@@ -46,7 +66,17 @@ export declare const createAsyncSelect: <T extends {
         default: string;
     };
     filter: {
-        type: ObjectConstructor;
+        type: PropType<AsyncSelectFilter>;
+        default: () => {};
+    };
+    /**
+     * The parent form's current values. Only used when `filter` is a
+     * function — the function receives `{ values }` and returns a filter.
+     * The form (`FormField.vue`) automatically passes this prop down for
+     * custom components; for standalone use, default to `{}`.
+     */
+    values: {
+        type: PropType<Record<string, any>>;
         default: () => {};
     };
     disabled: {
@@ -75,7 +105,17 @@ export declare const createAsyncSelect: <T extends {
         default: string;
     };
     filter: {
-        type: ObjectConstructor;
+        type: PropType<AsyncSelectFilter>;
+        default: () => {};
+    };
+    /**
+     * The parent form's current values. Only used when `filter` is a
+     * function — the function receives `{ values }` and returns a filter.
+     * The form (`FormField.vue`) automatically passes this prop down for
+     * custom components; for standalone use, default to `{}`.
+     */
+    values: {
+        type: PropType<Record<string, any>>;
         default: () => {};
     };
     disabled: {
@@ -93,7 +133,8 @@ export declare const createAsyncSelect: <T extends {
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onOnChange?: (...args: any[]) => any;
 }>, {
-    filter: Record<string, any>;
+    filter: {};
+    values: Record<string, any>;
     placeholder: string;
     disabled: boolean;
     multiple: boolean;

package/components/AsyncSelect/createAsyncSelect.js

@@ -1,16 +1,16 @@
-import { defineComponent as P, ref as m, computed as i, watch as k, createVNode as s, mergeProps as S, nextTick as q, isVNode as $ } from "vue";
-import z from "../Dropdown/Dropdown.vue.js";
+import { defineComponent as E, ref as y, computed as i, watch as I, createVNode as d, mergeProps as _, nextTick as H, isVNode as L } from "vue";
+import Q from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import "../../core/config.js";
 /* empty css            */
 /* empty css                            */
-import F from "../Button.vue.js";
-import H from "../MultiSelect/MultiSelect.vue.js";
-import L from "../Modal.vue.js";
-function V(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !$(t);
+import R from "../Button.vue.js";
+import T from "../MultiSelect/MultiSelect.vue.js";
+import U from "../Modal.vue.js";
+function j(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !L(t);
 }
-const X = (t) => /* @__PURE__ */ P({
+const ne = (t) => /* @__PURE__ */ E({
   name: t.name,
   inheritAttrs: !1,
   props: {
@@ -29,6 +29,16 @@ const X = (t) => /* @__PURE__ */ P({
       default: "Select..."
     },
     filter: {
+      type: [Object, Function],
+      default: () => ({})
+    },
+    /**
+     * The parent form's current values. Only used when `filter` is a
+     * function — the function receives `{ values }` and returns a filter.
+     * The form (`FormField.vue`) automatically passes this prop down for
+     * custom components; for standalone use, default to `{}`.
+     */
+    values: {
       type: Object,
       default: () => ({})
     },
@@ -45,104 +55,125 @@ const X = (t) => /* @__PURE__ */ P({
   },
   emits: ["onChange", "update:modelValue", "change"],
   setup(l, {
-    attrs: I,
-    emit: y
+    attrs: M,
+    emit: m
   }) {
-    const d = m([]), c = m(1), b = m(""), M = 20, h = i(() => l.value !== void 0 ? l.value : l.modelValue), v = i(() => l.optionsMapper || t.optionsMapper), j = i(() => ({
+    const c = y([]), s = y(1), b = y(""), B = 20, h = i(() => l.value !== void 0 ? l.value : l.modelValue), g = i(() => l.optionsMapper || t.optionsMapper), N = (e, a) => {
+      const r = l.filter;
+      if (typeof r != "function")
+        return r || {};
+      const o = a != null ? new Proxy(e || {}, {
+        get(n, u) {
+          return typeof u == "string" && !u.startsWith("__v_") && a.add(u), Reflect.get(n, u);
+        }
+      }) : e || {};
+      try {
+        return r({
+          values: o
+        }) || {};
+      } catch (n) {
+        return console.error(`[${t.name}] Error evaluating filter function:`, n), {};
+      }
+    }, w = /* @__PURE__ */ new Set(), P = N(l.values, w), f = y(P), S = Array.from(w), F = i(() => S.length > 0 ? JSON.stringify(S.map((e) => l.values?.[e])) : JSON.stringify(l.filter || {}));
+    I(F, () => {
+      const e = N(l.values), a = JSON.stringify(f.value), r = JSON.stringify(e);
+      a !== r && (f.value = e, s.value = 1);
+    });
+    const q = i(() => ({
       pagination: {
-        page: c.value,
-        limit: M
+        page: s.value,
+        limit: B
       },
       search: b.value || void 0,
       filter: {
-        ...l.filter
+        ...f.value
       }
     })), {
-      result: g,
-      loading: w,
-      refetch: N
-    } = t.useQuery(j, {
+      result: K,
+      loading: A,
+      refetch: C
+    } = t.useQuery(q, {
       notifyOnNetworkStatusChange: !0,
       fetchPolicy: "cache-and-network"
-    }), A = i(() => {
-      const e = g.value?.[t.queryName]?.pageInfo;
+    }), O = i(() => {
+      const e = K.value?.[t.queryName]?.pageInfo;
       return e ? e.currentPage < e.totalPages : !1;
     });
-    k(() => g.value?.[t.queryName], (e) => {
+    I(() => K.value?.[t.queryName], (e) => {
       if (!e) return;
-      const n = Array.isArray(e) ? e : e.items;
-      if (n)
-        if (c.value === 1)
-          d.value = [...n];
+      const a = Array.isArray(e) ? e : e.items;
+      if (a)
+        if (s.value === 1)
+          c.value = [...a];
         else {
-          const r = new Set(d.value.map((a) => a.id)), o = n.filter((a) => !r.has(a.id));
-          d.value.push(...o);
+          const r = new Set(c.value.map((n) => n.id)), o = a.filter((n) => !r.has(n.id));
+          c.value.push(...o);
         }
     }, {
       immediate: !0
     });
-    const C = (e) => {
-      if (v.value)
-        return v.value(e);
-      const n = typeof t.labelKey == "function" ? t.labelKey(e) : e[t.labelKey || "name"], r = typeof t.subtitleKey == "function" ? t.subtitleKey(e) : e[t.subtitleKey || ""], o = typeof t.descriptionKey == "function" ? t.descriptionKey(e) : e[t.descriptionKey || ""], a = t.iconKey ? typeof t.iconKey == "function" ? t.iconKey(e) : e[t.iconKey] : void 0;
+    const V = (e) => {
+      if (g.value)
+        return g.value(e);
+      const a = typeof t.labelKey == "function" ? t.labelKey(e) : e[t.labelKey || "name"], r = typeof t.subtitleKey == "function" ? t.subtitleKey(e) : e[t.subtitleKey || ""], o = typeof t.descriptionKey == "function" ? t.descriptionKey(e) : e[t.descriptionKey || ""], n = t.iconKey ? typeof t.iconKey == "function" ? t.iconKey(e) : e[t.iconKey] : void 0;
       return {
-        label: n,
+        label: a,
         subtitle: r || void 0,
         description: o || void 0,
         value: e[t.valueKey || "id"],
-        icon: a || void 0,
+        icon: n || void 0,
         data: e
       };
-    }, f = i(() => d.value.map(C).filter(Boolean)), p = (e, n) => {
-      let r = n;
-      l.multiple && Array.isArray(e) && (r = e.map((a) => {
-        const u = f.value.find((K) => K.value === a);
+    }, p = i(() => c.value.map(V).filter(Boolean)), v = (e, a) => {
+      let r = a;
+      l.multiple && Array.isArray(e) && (r = e.map((n) => {
+        const u = p.value.find((x) => x.value === n);
         return u ? u.data : null;
       }).filter(Boolean));
       const o = {
         value: e,
         data: r
       };
-      y("update:modelValue", e), y("change", o), y("onChange", o);
-    }, O = (e) => {
-      b.value = e, c.value = 1;
-    }, x = () => {
-      !A.value || w.value || c.value++;
-    }, B = async (e) => {
-      const n = (Array.isArray(e) ? e : [e]).filter((a) => (typeof a == "string" || typeof a == "number") && a !== "");
-      if (n.length === 0) return [];
-      await q();
-      const r = new Set(f.value.map((a) => a.value)), o = n.filter((a) => !r.has(a));
+      m("update:modelValue", e), m("change", o), m("onChange", o);
+    }, J = (e) => {
+      b.value = e, s.value = 1;
+    }, $ = () => {
+      !O.value || A.value || s.value++;
+    }, z = async (e) => {
+      const a = (Array.isArray(e) ? e : [e]).filter((n) => (typeof n == "string" || typeof n == "number") && n !== "");
+      if (a.length === 0) return [];
+      await H();
+      const r = new Set(p.value.map((n) => n.value)), o = a.filter((n) => !r.has(n));
       if (o.length === 0) return [];
       try {
         const {
-          data: a
-        } = await N({
+          data: n
+        } = await C({
           pagination: {
             page: 1,
             limit: o.length
           },
           filter: {
-            ...l.filter,
+            ...f.value,
             ids: o
           }
-        }), u = a?.[t.queryName];
-        return (Array.isArray(u) ? u : u?.items || []).map(C).filter(Boolean);
-      } catch (a) {
-        return console.error(`[${t.name}] Hydration failed`, a), [];
+        }), u = n?.[t.queryName];
+        return (Array.isArray(u) ? u : u?.items || []).map(V).filter(Boolean);
+      } catch (n) {
+        return console.error(`[${t.name}] Hydration failed`, n), [];
       }
-    }, _ = () => l.addNewConfig ? s("div", {
+    }, k = () => l.addNewConfig ? d("div", {
       class: "px-1 pb-1 pt-1 mt-1 border-t border-border bg-body sticky bottom-0 z-10"
-    }, [s(L, {
+    }, [d(U, {
       title: l.addNewConfig.label || "Add New",
       titleI18n: l.addNewConfig.labelI18n,
       body: l.addNewConfig.component,
       bodyProps: l.addNewConfig.props,
       onClose: () => {
-        N();
+        C();
       }
     }, {
-      trigger: () => s(F, {
+      trigger: () => d(R, {
         class: "w-full justify-start text-primary hover:text-primary hover:bg-primary/10",
         variant: "ghost",
         size: "sm",
@@ -152,35 +183,35 @@ const X = (t) => /* @__PURE__ */ P({
     })]) : null;
     return () => {
       const e = {
-        options: f.value,
-        loading: w.value,
+        options: p.value,
+        loading: A.value,
         searchable: t.searchable ?? !0,
         remote: t.remote ?? !0,
-        hasMore: A.value,
+        hasMore: O.value,
         placeholder: l.placeholder,
         disabled: l.disabled,
-        fetchSelected: B,
-        onSearch: O,
-        onLoadMore: x,
-        ...I
-      }, n = {};
-      return l.addNewConfig && (n.footer = () => _()), l.multiple ? s(H, S(e, {
+        fetchSelected: z,
+        onSearch: J,
+        onLoadMore: $,
+        ...M
+      }, a = {};
+      return l.addNewConfig && (a.footer = () => k()), l.multiple ? d(T, _(e, {
         modelValue: h.value,
-        "onUpdate:modelValue": (r) => p(r),
-        onChange: (r) => p(r)
-      }), V(n) ? n : {
-        default: () => [n]
-      }) : s(z, S(e, {
+        "onUpdate:modelValue": (r) => v(r),
+        onChange: (r) => v(r)
+      }), j(a) ? a : {
+        default: () => [a]
+      }) : d(Q, _(e, {
         showSelectedIcon: !0,
         emptyMessage: "Data not found",
         modelValue: h.value,
-        onOnSelect: (r) => p(r.value, r.data)
-      }), V(n) ? n : {
-        default: () => [n]
+        onOnSelect: (r) => v(r.value, r.data)
+      }), j(a) ? a : {
+        default: () => [a]
       });
     };
   }
 });
 export {
-  X as createAsyncSelect
+  ne as createAsyncSelect
 };

package/components/CategoryManager/CategoryManager.vue2.js

@@ -19,8 +19,12 @@ import "@vueuse/core";
 /* 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/Dropdown/DropdownBooleanItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as d, openBlock as a, createElementBlock as u, withModifiers as p, normalizeClass as f, createElementVNode as l, createBlock as g, createCommentVNode as h, toDisplayString as v, createVNode as b } from "vue";
+import { defineComponent as m, computed as d, openBlock as a, createElementBlock as u, withModifiers as f, normalizeClass as p, createElementVNode as l, createBlock as g, createCommentVNode as v, toDisplayString as b, createVNode as h } from "vue";
 import x from "../Switch.vue.js";
 import y from "../Icon.vue.js";
 import { $t as k } from "../../utils/i18n.js";
@@ -19,11 +19,11 @@ const w = ["data-testid"], B = { class: "flex items-center gap-2 flex-1 min-w-0"
     return (t, i) => (a(), u("div", {
       tabindex: "0",
       "data-dropdown-item": "",
-      class: f(["relative flex cursor-pointer select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none transition-colors", [
+      class: p(["relative flex cursor-pointer select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus-visible:bg-accent focus-visible:text-accent-foreground", [
         e.focused ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
       ]]),
       "data-testid": t.$attrs["data-testid"] || `dropdown-item-bool-${e.option.key || e.option.label}`.toLowerCase().replace(/[^a-z0-9]+/g, "-"),
-      onClick: i[0] || (i[0] = p((j) => n(!e.value), ["stop"]))
+      onClick: i[0] || (i[0] = f((j) => n(!e.value), ["stop"]))
     }, [
       l("div", B, [
         e.option.icon || e.option.emoji ? (a(), g(y, {
@@ -31,10 +31,10 @@ const w = ["data-testid"], B = { class: "flex items-center gap-2 flex-1 min-w-0"
           icon: e.option.icon,
           emoji: e.option.emoji,
           class: "h-4 w-4 shrink-0 opacity-70"
-        }, null, 8, ["icon", "emoji"])) : h("", !0),
-        l("span", $, v(r.value), 1)
+        }, null, 8, ["icon", "emoji"])) : v("", !0),
+        l("span", $, b(r.value), 1)
       ]),
-      b(x, {
+      h(x, {
         "model-value": e.value,
         class: "ml-3 shrink-0 scale-75 origin-right",
         "onUpdate:modelValue": n