vlite3 1.2.17 → 1.3.2

package/README.md

@@ -482,6 +482,7 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **SidePanel**
 - [x] **Splitter**
 - [x] **Skeleton**
+- [x] **FadeOverlay**
 
 ### Utilities & Tools
 

package/components/AsyncSelect/createAsyncSelect.d.ts

@@ -1,4 +1,10 @@
 import { PropType } from 'vue';
+export interface AddNewConfig {
+    component: any;
+    props?: Record<string, any>;
+    label?: string;
+    labelI18n?: string;
+}
 export interface SelectOption<T = unknown> {
     label: string;
     value: string | number;
@@ -50,6 +56,9 @@ export declare const createAsyncSelect: <T extends {
     optionsMapper: {
         type: PropType<OptionsMapper<T>>;
     };
+    addNewConfig: {
+        type: PropType<AddNewConfig>;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("onChange" | "change" | "update:modelValue")[], "onChange" | "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
@@ -76,6 +85,9 @@ export declare const createAsyncSelect: <T extends {
     optionsMapper: {
         type: PropType<OptionsMapper<T>>;
     };
+    addNewConfig: {
+        type: PropType<AddNewConfig>;
+    };
 }>> & Readonly<{
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;

package/components/AsyncSelect/createAsyncSelect.js

@@ -1,11 +1,16 @@
-import { defineComponent as q, ref as m, computed as s, watch as _, createVNode as w, mergeProps as I, nextTick as j } from "vue";
-import k from "../Dropdown/Dropdown.vue.js";
+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 "@iconify/vue";
 import "../../core/config.js";
 /* empty css            */
 /* empty css                            */
-import x from "../MultiSelect/MultiSelect.vue.js";
-const z = (t) => /* @__PURE__ */ q({
+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);
+}
+const X = (t) => /* @__PURE__ */ P({
   name: t.name,
   inheritAttrs: !1,
   props: {
@@ -33,124 +38,149 @@ const z = (t) => /* @__PURE__ */ q({
     },
     optionsMapper: {
       type: Function
+    },
+    addNewConfig: {
+      type: Object
     }
   },
   emits: ["onChange", "update:modelValue", "change"],
   setup(l, {
-    attrs: M,
-    emit: c
+    attrs: I,
+    emit: y
   }) {
-    const i = m([]), d = m(1), f = m(""), N = 20, h = s(() => l.value !== void 0 ? l.value : l.modelValue), v = s(() => l.optionsMapper || t.optionsMapper), B = s(() => ({
+    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(() => ({
       pagination: {
-        page: d.value,
-        limit: N
+        page: c.value,
+        limit: M
       },
-      search: f.value || void 0,
+      search: b.value || void 0,
       filter: {
         ...l.filter
       }
     })), {
-      result: b,
-      loading: K,
-      refetch: g
-    } = t.useQuery(B, {
+      result: g,
+      loading: w,
+      refetch: N
+    } = t.useQuery(j, {
       notifyOnNetworkStatusChange: !0,
       fetchPolicy: "cache-and-network"
-    }), A = s(() => {
-      const e = b.value?.[t.queryName]?.pageInfo;
+    }), A = i(() => {
+      const e = g.value?.[t.queryName]?.pageInfo;
       return e ? e.currentPage < e.totalPages : !1;
     });
-    _(() => b.value?.[t.queryName], (e) => {
+    k(() => g.value?.[t.queryName], (e) => {
       if (!e) return;
       const n = Array.isArray(e) ? e : e.items;
       if (n)
-        if (d.value === 1)
-          i.value = [...n];
+        if (c.value === 1)
+          d.value = [...n];
         else {
-          const u = new Set(i.value.map((a) => a.id)), r = n.filter((a) => !u.has(a.id));
-          i.value.push(...r);
+          const r = new Set(d.value.map((a) => a.id)), o = n.filter((a) => !r.has(a.id));
+          d.value.push(...o);
         }
     }, {
       immediate: !0
     });
-    const S = (e) => {
+    const C = (e) => {
       if (v.value)
         return v.value(e);
-      const n = typeof t.labelKey == "function" ? t.labelKey(e) : e[t.labelKey || "name"], u = typeof t.subtitleKey == "function" ? t.subtitleKey(e) : e[t.subtitleKey || ""], r = 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 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;
       return {
         label: n,
-        subtitle: u || void 0,
-        description: r || void 0,
+        subtitle: r || void 0,
+        description: o || void 0,
         value: e[t.valueKey || "id"],
         icon: a || void 0,
         data: e
       };
-    }, p = s(() => i.value.map(S).filter(Boolean)), y = (e, n) => {
-      let u = n;
-      l.multiple && Array.isArray(e) && (u = e.map((a) => {
-        const o = p.value.find((V) => V.value === a);
-        return o ? o.data : null;
+    }, 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);
+        return u ? u.data : null;
       }).filter(Boolean));
-      const r = {
+      const o = {
         value: e,
-        data: u
+        data: r
       };
-      c("update:modelValue", e), c("change", r), c("onChange", r);
-    }, C = (e) => {
-      f.value = e, d.value = 1;
-    }, O = () => {
-      !A.value || K.value || d.value++;
-    }, P = async (e) => {
+      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 j();
-      const u = new Set(p.value.map((a) => a.value)), r = n.filter((a) => !u.has(a));
-      if (r.length === 0) return [];
+      await q();
+      const r = new Set(f.value.map((a) => a.value)), o = n.filter((a) => !r.has(a));
+      if (o.length === 0) return [];
       try {
         const {
           data: a
-        } = await g({
+        } = await N({
           pagination: {
             page: 1,
-            limit: r.length
+            limit: o.length
           },
           filter: {
             ...l.filter,
-            ids: r
+            ids: o
           }
-        }), o = a?.[t.queryName];
-        return (Array.isArray(o) ? o : o?.items || []).map(S).filter(Boolean);
+        }), 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), [];
       }
-    };
+    }, _ = () => l.addNewConfig ? s("div", {
+      class: "px-1 pb-1 pt-1 mt-1 border-t border-border bg-body sticky bottom-0 z-10"
+    }, [s(L, {
+      title: l.addNewConfig.label || "Add New",
+      titleI18n: l.addNewConfig.labelI18n,
+      body: l.addNewConfig.component,
+      bodyProps: l.addNewConfig.props,
+      onClose: () => {
+        N();
+      }
+    }, {
+      trigger: () => s(F, {
+        class: "w-full justify-start text-primary hover:text-primary hover:bg-primary/10",
+        variant: "ghost",
+        size: "sm",
+        icon: "lucide:plus",
+        text: l.addNewConfig.label || "Add New"
+      }, null)
+    })]) : null;
     return () => {
       const e = {
-        options: p.value,
-        loading: K.value,
+        options: f.value,
+        loading: w.value,
         searchable: t.searchable ?? !0,
         remote: t.remote ?? !0,
         hasMore: A.value,
         placeholder: l.placeholder,
         disabled: l.disabled,
-        fetchSelected: P,
-        onSearch: C,
-        onLoadMore: O,
-        ...M
-      };
-      return l.multiple ? w(x, I(e, {
+        fetchSelected: B,
+        onSearch: O,
+        onLoadMore: x,
+        ...I
+      }, n = {};
+      return l.addNewConfig && (n.footer = () => _()), l.multiple ? s(H, S(e, {
         modelValue: h.value,
-        "onUpdate:modelValue": (n) => y(n),
-        onChange: (n) => y(n)
-      }), null) : w(k, I(e, {
+        "onUpdate:modelValue": (r) => p(r),
+        onChange: (r) => p(r)
+      }), V(n) ? n : {
+        default: () => [n]
+      }) : s(z, S(e, {
         showSelectedIcon: !0,
         emptyMessage: "Data not found",
         modelValue: h.value,
-        onOnSelect: (n) => y(n.value, n.data)
-      }), null);
+        onOnSelect: (r) => p(r.value, r.data)
+      }), V(n) ? n : {
+        default: () => [n]
+      });
     };
   }
 });
 export {
-  z as createAsyncSelect
+  X as createAsyncSelect
 };

package/components/Button.vue.d.ts

@@ -7,6 +7,8 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
         default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLButtonElement;

package/components/Button.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as L, useAttrs as N, computed as s, useSlots as G, Comment as F, Fragment as C, Text as H, withDirectives as M, openBlock as r, createElementBlock as c, normalizeClass as a, createElementVNode as $, createBlock as f, createCommentVNode as u, renderSlot as I, createTextVNode as j, toDisplayString as b, unref as O } from "vue";
-import x from "./Icon.vue.js";
+import { defineComponent as L, useAttrs as N, computed as a, useSlots as G, Comment as F, Fragment as b, Text as H, withDirectives as M, openBlock as i, createElementBlock as c, normalizeClass as r, createElementVNode as I, createBlock as x, createCommentVNode as u, renderSlot as w, createTextVNode as k, toDisplayString as h, unref as O } from "vue";
+import p from "./Icon.vue.js";
 import { vRipple as Z } from "../directives/vRipple.js";
 import { $t as q } from "../utils/i18n.js";
 const J = ["type", "disabled", "data-testid"], K = {
@@ -33,7 +33,7 @@ const J = ["type", "disabled", "data-testid"], K = {
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const k = {
+    const $ = {
       primary: "bg-primary text-primary-foreground",
       "primary-light": "bg-primary-light text-primary-fg-light",
       secondary: "bg-secondary text-secondary-foreground",
@@ -55,20 +55,20 @@ const J = ["type", "disabled", "data-testid"], K = {
       ghost: "bg-accent text-accent-foreground",
       link: "bg-primary/10 text-primary",
       transparent: "bg-muted text-foreground"
-    }, e = t, B = N(), o = s(() => {
+    }, e = t, B = N(), o = a(() => {
       const n = e.layout || B.layout;
       return n === "tile" ? "tile" : n === "vertical" ? "vertical" : "horizontal";
-    }), h = s(() => o.value === "tile"), R = s(() => k[e.variant] ?? k.primary), y = s(() => ({
+    }), m = a(() => o.value === "tile"), R = a(() => $[e.variant] ?? $.primary), C = a(() => ({
       xs: "w-9 h-9",
       sm: "w-10 h-10",
       sm2: "w-11 h-11",
       md: "w-12 h-12",
       lg: "w-14 h-14",
       xl: "w-16 h-16"
-    })[e.size]), l = s(() => e.textI18n ? q(e.textI18n) : e.text), S = G(), p = s(() => S.default ? S.default().some((i) => !(i.type === F || i.type === C && Array.isArray(i.children) && i.children.length === 0 || i.type === H && typeof i.children == "string" && i.children.trim() === "")) : !1), v = s(
-      () => e?.asIcon || e.icon && !l.value && !p.value
-    ), g = s(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((i) => e.icon.toLowerCase().endsWith(i)) : !1), A = s(() => {
-      const i = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${v.value ? "icon-only shrink-0" : ""}`, w = {
+    })[e.size]), l = a(() => e.textI18n ? q(e.textI18n) : e.text), j = G(), v = a(() => j.default ? j.default().some((s) => !(s.type === F || s.type === b && Array.isArray(s.children) && s.children.length === 0 || s.type === H && typeof s.children == "string" && s.children.trim() === "")) : !1), y = a(
+      () => e?.asIcon || e.icon && !l.value && !v.value
+    ), g = a(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((s) => e.icon.toLowerCase().endsWith(s)) : !1), A = a(() => {
+      const s = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${y.value ? "icon-only shrink-0" : ""}`, z = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/15",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -114,15 +114,15 @@ const J = ["type", "disabled", "data-testid"], K = {
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let z = v.value ? T[e.size] : d[e.size];
-      o.value === "tile" ? z = {
+      let S = y.value ? T[e.size] : d[e.size];
+      o.value === "tile" ? S = {
         xs: "h-auto p-0!",
         sm: "h-auto p-0!",
         sm2: "h-auto p-0!",
         md: "h-auto p-0!",
         lg: "h-auto p-0!",
         xl: "h-auto p-0!"
-      }[e.size] : o.value === "vertical" && (z = {
+      }[e.size] : o.value === "vertical" && (S = {
         xs: "h-auto py-1.5 px-2 min-w-16",
         sm: "h-auto py-2 px-3 min-w-20",
         sm2: "h-auto py-2 px-3 min-w-20",
@@ -130,21 +130,21 @@ const J = ["type", "disabled", "data-testid"], K = {
         lg: "h-auto py-3 px-4 min-w-28",
         xl: "h-auto py-4 px-10 min-w-32"
       }[e.size]);
-      const W = h.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : w[e.variant];
-      return [i, W, V[e.rounded], z, e.class].join(
+      const W = m.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : z[e.variant];
+      return [s, W, V[e.rounded], S, e.class].join(
         " "
       );
-    }), m = s(() => {
-      if (h.value && g.value)
-        return `${y.value} object-cover`;
-      const n = e.description && o.value === "horizontal", i = {
+    }), f = a(() => {
+      if (m.value && g.value)
+        return `${C.value} object-cover`;
+      const n = e.description && o.value === "horizontal", s = {
         xs: n ? "w-3.5 h-3.5" : "w-3 h-3",
         sm: n ? "w-5 h-5" : "w-4 h-4",
         sm2: n ? "w-5 h-5" : "w-4 h-4",
         md: n ? "w-5 h-5" : "w-4 h-4",
         lg: n ? "w-5 h-5" : "w-4 h-4",
         xl: n ? "w-5 h-5" : "w-4 h-4"
-      }, w = {
+      }, z = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         sm2: "w-4 h-4",
@@ -152,78 +152,89 @@ const J = ["type", "disabled", "data-testid"], K = {
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      let d = v.value ? w[e.size] : i[e.size];
-      return g.value && (d += " object-cover"), h.value ? d += " scale-[1.45]!" : o.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
-    }), E = s(() => o.value === "vertical" ? "scale-[0.9]" : "");
-    return (n, i) => M((r(), c("button", {
+      let d = y.value ? z[e.size] : s[e.size];
+      return g.value && (d += " object-cover"), m.value ? d += " scale-[1.45]!" : o.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
+    }), E = a(() => o.value === "vertical" ? "scale-[0.9]" : "");
+    return (n, s) => M((i(), c("button", {
       type: t.type,
-      class: a([A.value, "cursor-pointer"]),
+      class: r([A.value, "cursor-pointer"]),
       disabled: t.disabled || t.loading,
       "data-testid": n.$attrs["data-testid"] || (l.value ? `btn-${l.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : t.icon ? `btn-${t.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
     }, [
-      h.value ? (r(), c(C, { key: 0 }, [
-        $("span", {
-          class: a(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
+      m.value ? (i(), c(b, { key: 0 }, [
+        I("span", {
+          class: r(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
             g.value ? "" : "rounded-full",
             g.value ? "" : R.value,
-            g.value ? "" : y.value
+            g.value ? "" : C.value
           ]])
         }, [
-          t.loading ? (r(), f(x, {
+          t.loading ? (i(), x(p, {
             key: 0,
             icon: "lucide:loader-2",
-            class: a(["animate-spin pointer-events-none", [m.value, g.value ? y.value : ""]])
-          }, null, 8, ["class"])) : t.icon ? (r(), f(x, {
+            class: r(["animate-spin pointer-events-none", [f.value, g.value ? C.value : ""]])
+          }, null, 8, ["class"])) : t.icon ? (i(), x(p, {
             key: 1,
             icon: t.icon,
-            class: a(["pointer-events-none", [t.iconClass, m.value]])
+            class: r(["pointer-events-none", [t.iconClass, f.value]])
           }, null, 8, ["icon", "class"])) : u("", !0)
         ], 2),
-        l.value || p.value || e.description ? (r(), c("span", {
+        l.value || v.value || e.description ? (i(), c("span", {
           key: 0,
-          class: a(["flex flex-col items-center max-w-full", t.textClass])
+          class: r(["flex flex-col items-center max-w-full", t.textClass])
         }, [
-          l.value || p.value ? (r(), c("span", K, [
-            I(n.$slots, "default", {}, () => [
-              j(b(l.value), 1)
+          l.value || v.value ? (i(), c("span", K, [
+            w(n.$slots, "default", {}, () => [
+              k(h(l.value), 1)
             ])
           ])) : u("", !0),
-          e.description ? (r(), c("span", P, b(e.description), 1)) : u("", !0)
+          e.description ? (i(), c("span", P, h(e.description), 1)) : u("", !0)
         ], 2)) : u("", !0)
-      ], 64)) : (r(), c(C, { key: 1 }, [
-        t.loading ? (r(), f(x, {
+      ], 64)) : (i(), c(b, { key: 1 }, [
+        t.loading ? (i(), x(p, {
           key: 0,
           icon: "lucide:loader-2",
-          class: a(["animate-spin pointer-events-none", m.value])
-        }, null, 8, ["class"])) : t.icon ? (r(), f(x, {
+          class: r(["animate-spin pointer-events-none shrink-0", f.value])
+        }, null, 8, ["class"])) : t.icon ? (i(), x(p, {
           key: 1,
           icon: t.icon,
-          class: a(["pointer-events-none", [t.iconClass, m.value, v.value ? "mx-auto" : ""]])
+          class: r(["pointer-events-none shrink-0", [t.iconClass, f.value, y.value ? "mx-auto" : ""]])
         }, null, 8, ["icon", "class"])) : u("", !0),
-        l.value || p.value || e.description ? (r(), c("div", {
-          key: 2,
-          class: a(["flex flex-col justify-center", [
+        !e.description && o.value === "horizontal" ? (i(), c(b, { key: 2 }, [
+          t.textClass ? (i(), c("div", {
+            key: 0,
+            class: r([t.textClass, "leading-tight truncate inline-flex items-center justify-center gap-1.5"])
+          }, [
+            w(n.$slots, "default", {}, () => [
+              k(h(l.value), 1)
+            ])
+          ], 2)) : w(n.$slots, "default", { key: 1 }, () => [
+            k(h(l.value), 1)
+          ])
+        ], 64)) : l.value || v.value || e.description ? (i(), c("div", {
+          key: 3,
+          class: r(["flex flex-col justify-center", [
             o.value === "vertical" ? "items-center text-center" : e.description ? "items-start text-left" : "items-center text-center",
             !t.icon && !t.iconRight && !t.loading ? "flex-1 w-full" : ""
           ]])
         }, [
-          $("div", {
-            class: a([[t.textClass, E.value], "inline-flex items-center gap-1.5 leading-tight [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
+          I("div", {
+            class: r([[t.textClass, E.value], "inline-flex items-center gap-1.5 w-full leading-tight [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
           }, [
-            I(n.$slots, "default", {}, () => [
-              j(b(l.value), 1)
+            w(n.$slots, "default", {}, () => [
+              k(h(l.value), 1)
             ])
           ], 2),
-          e.description ? (r(), c("span", Q, b(e.description), 1)) : u("", !0)
+          e.description ? (i(), c("span", Q, h(e.description), 1)) : u("", !0)
         ], 2)) : u("", !0),
-        t.iconRight && !t.loading ? (r(), f(x, {
-          key: 3,
+        t.iconRight && !t.loading ? (i(), x(p, {
+          key: 4,
           icon: t.iconRight,
-          class: a([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none"])
+          class: r([[t.iconRightClass, f.value], "h-4 w-4 pointer-events-none shrink-0"])
         }, null, 8, ["icon", "class"])) : u("", !0)
       ], 64))
     ], 10, J)), [
-      [O(Z), !h.value]
+      [O(Z), !m.value]
     ]);
   }
 });

package/components/Carousel/Carousel.vue.js

@@ -1,7 +1,7 @@
 import o from "./Carousel.vue2.js";
 /* empty css              */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2d3c51df"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4d544a95"]]);
 export {
-  m as default
+  p as default
 };

package/components/Carousel/Carousel.vue2.js

@@ -7,7 +7,7 @@ const N = { class: "carousel-wrapper" }, V = /* @__PURE__ */ f({
     data: { default: () => [] },
     gap: { default: 0 },
     loop: { type: Boolean, default: !1 },
-    speed: { default: 700 },
+    speed: { default: 850 },
     easing: { default: "ease" },
     autoPlay: { type: Boolean, default: !1 },
     draggable: { type: Boolean, default: !1 },
@@ -22,22 +22,24 @@ const N = { class: "carousel-wrapper" }, V = /* @__PURE__ */ f({
     pagination: { type: [String, Boolean, Array], default: "dots" },
     paginationPosition: { default: "bottom-center" },
     paginationVisibility: { default: "always" },
-    paginationHoverEdgeThreshold: { default: 10 },
-    paginationHoverInitialTimeout: { default: 500 },
+    paginationHoverEdgeThreshold: { default: 0.2 },
+    paginationHoverInitialTimeout: { default: 1e3 },
     wheelOptions: { default: () => ({
-      threshold: 5,
-      velocityThreshold: 0.5,
-      pageScrollThreshold: 0.1,
-      debounceTime: 50
+      threshold: 10,
+      velocityThreshold: 8,
+      pageScrollThreshold: 80,
+      debounceTime: 5,
+      preventDefault: !0,
+      stopPropagation: !0
     }) },
     bufferSize: { default: 5 },
     maxDomElements: { default: 10 },
     updateKey: { default: void 0 }
   },
   emits: ["slide-change"],
-  setup(n, { expose: r, emit: i }) {
-    const s = n, u = i, o = g(null);
-    return r({
+  setup(r, { expose: n, emit: i }) {
+    const s = r, u = i, o = g(null);
+    return n({
       goToSlide: (e, t) => {
         o.value?.goToSlide(e, t);
       },

package/components/CategoryManager/CategoryManager.vue.d.ts

@@ -8,7 +8,13 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<CategoryManagerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<CategoryManagerProps, {
+    expandedIds: import('vue').Ref<Set<string | number>>;
+    expandAll: () => void;
+    collapseAll: () => void;
+    expand: (...ids: (string | number)[]) => void;
+    collapse: (...ids: (string | number)[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     onDelete: (item: CategoryItem) => any;
     "update:modelValue": (val: CategoryItem[]) => any;
     onAdd: (item: CategoryItem) => any;
@@ -30,11 +36,13 @@ declare const __VLS_component: import('vue').DefineComponent<CategoryManagerProp
     }) => any;
 }>, {
     size: "sm" | "md" | "lg";
+    loading: boolean;
     readonly: boolean;
     modelValue: CategoryItem[];
     rawData: RawCategoryItem[];
     emptyTitle: string;
     emptyDescription: string;
+    defaultExpanded: (string | number)[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;