vlite3 1.2.9 → 1.2.12

package/components/Button.vue.d.ts

@@ -1,4 +1,7 @@
 import { ButtonVariant, ButtonSize, ButtonRounded, ButtonProps } from '../types';
+export interface LocalButtonProps extends ButtonProps {
+    description?: string;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -9,7 +12,7 @@ declare function __VLS_template(): {
     rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<LocalButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LocalButtonProps> & Readonly<{}>, {
     type: "button" | "submit" | "reset";
     class: any;
     variant: ButtonVariant;
@@ -17,6 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     rounded: ButtonRounded;
     loading: boolean;
     disabled: boolean;
+    layout: "horizontal" | "vertical" | "tile";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Button.vue.js

@@ -1,10 +1,20 @@
-import { defineComponent as k, computed as l, useSlots as z, withDirectives as $, openBlock as o, createElementBlock as u, normalizeClass as s, createBlock as d, createCommentVNode as h, renderSlot as m, createTextVNode as b, toDisplayString as f, unref as B } from "vue";
-import g from "./Icon.vue.js";
-import { vRipple as I } from "../directives/vRipple.js";
-import { $t as R } from "../utils/i18n.js";
-const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
+import { defineComponent as N, useAttrs as T, computed as s, useSlots as A, withDirectives as G, openBlock as i, createElementBlock as l, normalizeClass as a, Fragment as C, createElementVNode as k, createBlock as f, createCommentVNode as c, renderSlot as S, createTextVNode as $, toDisplayString as v, unref as F } from "vue";
+import p from "./Icon.vue.js";
+import { vRipple as H } from "../directives/vRipple.js";
+import { $t as M } from "../utils/i18n.js";
+const O = ["type", "disabled", "data-testid"], Z = {
+  key: 0,
+  class: "text-xs font-medium leading-tight truncate max-w-full"
+}, q = {
+  key: 1,
+  class: "text-[10px] font-normal opacity-70 mt-0.5 leading-tight truncate max-w-full"
+}, J = {
+  key: 0,
+  class: "text-[0.75em] font-normal opacity-70 mt-0.5 leading-tight"
+}, X = /* @__PURE__ */ N({
   __name: "Button",
   props: {
+    description: {},
     variant: { default: "primary" },
     size: { default: "md" },
     class: { default: "" },
@@ -19,18 +29,51 @@ const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
     textClass: {},
     iconClass: {},
     iconRightClass: {},
-    asIcon: { type: Boolean }
+    asIcon: { type: Boolean },
+    layout: { default: "horizontal" }
   },
-  setup(e) {
-    const t = e, r = l(() => t.textI18n ? R(t.textI18n) : t.text), x = z(), i = l(
-      () => t?.asIcon || t.icon && !r.value && !x.default
-    ), v = l(() => {
-      const n = `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 gap-2 ${i.value ? "icon-only shrink-0" : ""}`, a = {
+  setup(t) {
+    const z = {
+      primary: "bg-primary text-primary-foreground",
+      "primary-light": "bg-primary-light text-primary-fg-light",
+      secondary: "bg-secondary text-secondary-foreground",
+      danger: "bg-danger text-danger-fg",
+      "danger-light": "bg-danger-light text-destructive",
+      warning: "bg-warning text-warning-fg",
+      "warning-light": "bg-warning-light text-warning-fg-light",
+      info: "bg-info text-info-fg",
+      "info-light": "bg-info-light text-info-fg-light",
+      success: "bg-success text-success-fg",
+      "success-light": "bg-success-light text-success-fg-light",
+      outline: "bg-muted text-foreground",
+      "outline-floating": "bg-muted text-foreground",
+      "outline-primary": "bg-primary/10 text-primary",
+      "outline-danger": "bg-destructive/10 text-destructive",
+      "outline-warning": "bg-warning/10 text-warning",
+      "outline-info": "bg-info/10 text-info",
+      "outline-success": "bg-success/10 text-success",
+      ghost: "bg-accent text-accent-foreground",
+      link: "bg-primary/10 text-primary",
+      transparent: "bg-muted text-foreground"
+    }, e = t, I = T(), o = s(() => {
+      const n = e.layout || I.layout;
+      return n === "tile" ? "tile" : n === "vertical" ? "vertical" : "horizontal";
+    }), h = s(() => o.value === "tile"), j = s(() => z[e.variant] ?? z.primary), b = s(() => ({
+      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]), r = s(() => e.textI18n ? M(e.textI18n) : e.text), B = A(), x = s(
+      () => e?.asIcon || e.icon && !r.value && !B.default
+    ), u = 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((g) => e.icon.toLowerCase().endsWith(g)) : !1), R = s(() => {
+      const g = `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"} ${x.value ? "icon-only shrink-0" : ""}`, y = {
         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",
         danger: "bg-danger text-danger-fg hover:bg-danger/90",
-        "danger-light": "bg-danger-light text-destructive hover:bg-danger/20 dark:hover:bg-danger/40",
+        "danger-light": "bg-danger-light text-danger hover:bg-danger/20 dark:hover:bg-danger/40",
         warning: "bg-warning text-warning-fg hover:bg-warning/80",
         "warning-light": "bg-warning-light text-warning-fg-light hover:bg-warning/25",
         info: "bg-info text-info-fg hover:bg-info/80",
@@ -47,21 +90,21 @@ const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
         ghost: "hover:bg-accent hover:text-accent-foreground text-foreground",
         link: "text-primary underline-offset-4 hover:underline",
         transparent: ""
-      }, w = {
-        xs: "h-6.5 px-2",
-        sm: "h-7.5 px-3",
-        sm2: "h-8 px-3",
-        md: "h-9 px-4 py-2",
-        lg: "h-10 px-4",
-        xl: "h-12 px-10"
-      }, y = {
+      }, d = {
+        xs: e.description ? "h-auto py-1.5 px-2" : "h-6.5 px-2",
+        sm: e.description ? "h-auto py-2 px-3" : "h-7.5 px-3",
+        sm2: e.description ? "h-auto py-2 px-3" : "h-8 px-3",
+        md: e.description ? "h-auto py-2.5 px-4" : "h-9 px-4 py-2",
+        lg: e.description ? "h-auto py-3 px-4" : "h-10 px-4",
+        xl: e.description ? "h-auto py-4 px-10" : "h-12 px-10"
+      }, V = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
         sm: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
         sm2: "h-8 w-8 min-h-8 min-w-8",
         md: "h-9 w-9 min-h-9 min-w-9",
         lg: "h-10 w-10 min-h-10 min-w-10",
         xl: "h-12 w-12 min-h-12 min-w-12"
-      }, p = {
+      }, W = {
         none: "rounded-none",
         sm: "rounded-sm",
         sm2: "rounded-sm",
@@ -71,23 +114,37 @@ const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let C = i.value ? y[t.size] : w[t.size];
-      return [
-        n,
-        a[t.variant],
-        p[t.rounded],
-        C,
-        t.class
-      ].join(" ");
-    }), c = l(() => {
-      const n = {
-        xs: "w-3 h-3",
-        sm: "w-4 h-4",
-        sm2: "w-4 h-4",
-        md: "w-4 h-4",
-        lg: "w-4 h-4",
-        xl: "w-4 h-4"
-      }, a = {
+      let w = x.value ? V[e.size] : d[e.size];
+      o.value === "tile" ? w = {
+        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" && (w = {
+        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",
+        md: "h-auto py-2.5 px-4 min-w-24",
+        lg: "h-auto py-3 px-4 min-w-28",
+        xl: "h-auto py-4 px-10 min-w-32"
+      }[e.size]);
+      const D = h.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : y[e.variant];
+      return [g, D, W[e.rounded], w, e.class].join(
+        " "
+      );
+    }), m = s(() => {
+      if (h.value && u.value)
+        return `${b.value} object-cover`;
+      const n = e.description && o.value === "horizontal", g = {
+        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"
+      }, y = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         sm2: "w-4 h-4",
@@ -95,43 +152,78 @@ const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return i.value ? a[t.size] : n[t.size];
-    });
-    return (n, a) => $((o(), u("button", {
-      type: e.type,
-      class: s([v.value, "cursor-pointer"]),
-      disabled: e.disabled || e.loading,
-      "data-testid": n.$attrs["data-testid"] || (r.value ? `btn-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : e.icon ? `btn-${e.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
+      let d = x.value ? y[e.size] : g[e.size];
+      return u.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, g) => G((i(), l("button", {
+      type: t.type,
+      class: a([R.value, "cursor-pointer"]),
+      disabled: t.disabled || t.loading,
+      "data-testid": n.$attrs["data-testid"] || (r.value ? `btn-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : t.icon ? `btn-${t.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
     }, [
-      e.loading ? (o(), d(g, {
-        key: 0,
-        icon: "lucide:loader-2",
-        class: s(["animate-spin pointer-events-none", c.value])
-      }, null, 8, ["class"])) : e.icon ? (o(), d(g, {
-        key: 1,
-        icon: e.icon,
-        class: s(["pointer-events-none", [e.iconClass, c.value, i.value ? "mx-auto" : ""]])
-      }, null, 8, ["icon", "class"])) : h("", !0),
-      e.textClass ? (o(), u("span", {
-        key: 2,
-        class: s(e.textClass)
-      }, [
-        m(n.$slots, "default", {}, () => [
-          b(f(r.value), 1)
-        ])
-      ], 2)) : m(n.$slots, "default", { key: 3 }, () => [
-        b(f(r.value), 1)
-      ]),
-      e.iconRight && !e.loading ? (o(), d(g, {
-        key: 4,
-        icon: e.iconRight,
-        class: s([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
-      }, null, 8, ["icon", "class"])) : h("", !0)
-    ], 10, S)), [
-      [B(I)]
+      h.value ? (i(), l(C, { key: 0 }, [
+        k("span", {
+          class: a(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
+            u.value ? "" : "rounded-full",
+            u.value ? "" : j.value,
+            u.value ? "" : b.value
+          ]])
+        }, [
+          t.loading ? (i(), f(p, {
+            key: 0,
+            icon: "lucide:loader-2",
+            class: a(["animate-spin pointer-events-none", [m.value, u.value ? b.value : ""]])
+          }, null, 8, ["class"])) : t.icon ? (i(), f(p, {
+            key: 1,
+            icon: t.icon,
+            class: a(["pointer-events-none", [t.iconClass, m.value]])
+          }, null, 8, ["icon", "class"])) : c("", !0)
+        ], 2),
+        r.value || n.$slots.default || e.description ? (i(), l("span", {
+          key: 0,
+          class: a(["flex flex-col items-center max-w-full", t.textClass])
+        }, [
+          r.value || n.$slots.default ? (i(), l("span", Z, [
+            S(n.$slots, "default", {}, () => [
+              $(v(r.value), 1)
+            ])
+          ])) : c("", !0),
+          e.description ? (i(), l("span", q, v(e.description), 1)) : c("", !0)
+        ], 2)) : c("", !0)
+      ], 64)) : (i(), l(C, { key: 1 }, [
+        t.loading ? (i(), f(p, {
+          key: 0,
+          icon: "lucide:loader-2",
+          class: a(["animate-spin pointer-events-none", m.value])
+        }, null, 8, ["class"])) : t.icon ? (i(), f(p, {
+          key: 1,
+          icon: t.icon,
+          class: a(["pointer-events-none", [t.iconClass, m.value, x.value ? "mx-auto" : ""]])
+        }, null, 8, ["icon", "class"])) : c("", !0),
+        r.value || n.$slots.default || e.description ? (i(), l("div", {
+          key: 2,
+          class: a(["flex flex-col justify-center", o.value === "vertical" ? "items-center text-center" : "items-start text-left"])
+        }, [
+          k("span", {
+            class: a([[t.textClass, E.value], "leading-tight"])
+          }, [
+            S(n.$slots, "default", {}, () => [
+              $(v(r.value), 1)
+            ])
+          ], 2),
+          e.description ? (i(), l("span", J, v(e.description), 1)) : c("", !0)
+        ], 2)) : c("", !0),
+        t.iconRight && !t.loading ? (i(), f(p, {
+          key: 3,
+          icon: t.iconRight,
+          class: a([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none"])
+        }, null, 8, ["icon", "class"])) : c("", !0)
+      ], 64))
+    ], 10, O)), [
+      [F(H), !h.value]
     ]);
   }
 });
 export {
-  T as default
+  X as default
 };

package/components/CategoryManager/CategoryManager.vue.js

@@ -16,7 +16,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import me from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */

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

@@ -18,6 +18,7 @@ type __VLS_Props = {
     selectedIndex?: number | null;
     maxHeight?: string;
     width?: string;
+    minWidth?: string;
     ignoreClickOutside?: string[];
     menuId?: string;
     nestedPosition?: TooltTipPlacement;
@@ -93,12 +94,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     loading: boolean;
     readonly: boolean;
     disabled: boolean;
+    layout: "default" | "grouped";
     direction: "ltr" | "rtl";
     selectable: boolean;
     options: (IDropdownOption | string | number)[];
     selectedIndex: number | null;
     maxHeight: string;
-    layout: "default" | "grouped";
     hasMore: boolean;
     searchable: boolean;
     remote: boolean;
@@ -110,6 +111,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     offset: [number, number];
     isOpen: boolean;
     teleport: boolean;
+    minWidth: string;
     showSelectedLabel: boolean;
     showSelectedIcon: boolean;
     doubleConfirmation: boolean;

package/components/Dropdown/Dropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as le, ref as i, computed as f, inject as ne, onMounted as oe, onUnmounted as ae, watch as M, provide as L, reactive as ie, toRefs as se, openBlock as V, createElementBlock as re, normalizeStyle as de, createVNode as P, unref as u, withCtx as m, createBlock as ue, normalizeClass as ce, createSlots as fe, renderSlot as v, normalizeProps as R, guardReactiveProps as z, createCommentVNode as me } from "vue";
+import { defineComponent as le, ref as i, computed as f, inject as ne, onMounted as oe, onUnmounted as ae, watch as M, provide as L, reactive as ie, toRefs as se, openBlock as V, createElementBlock as re, normalizeStyle as de, createVNode as P, unref as u, withCtx as m, createBlock as ue, normalizeClass as ce, createSlots as fe, renderSlot as v, normalizeProps as R, guardReactiveProps as W, createCommentVNode as me } from "vue";
 import ve from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import he from "./DropdownMenu.vue.js";
@@ -7,7 +7,7 @@ import ge from "../ConfirmationModal.vue.js";
 import { useDropdownIds as be } from "./composables/useDropdownIds.js";
 import { useDropdownSelection as Ce } from "./composables/useDropdownSelection.js";
 import { useDropdownHydration as pe } from "./composables/useDropdownHydration.js";
-const Ne = /* @__PURE__ */ le({
+const xe = /* @__PURE__ */ le({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -27,6 +27,7 @@ const Ne = /* @__PURE__ */ le({
     selectedIndex: { default: null },
     maxHeight: { default: "300px" },
     width: {},
+    minWidth: { default: "130px" },
     ignoreClickOutside: {},
     menuId: {},
     nestedPosition: {},
@@ -51,14 +52,14 @@ const Ne = /* @__PURE__ */ le({
     variant: { default: "default" }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(t, { emit: j }) {
-    const l = t, h = j, b = i(!1), y = i(null), r = i({
+  setup(t, { emit: z }) {
+    const l = t, h = z, b = i(!1), y = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), U = f(() => l.position ? l.position : l.direction === "rtl" ? "bottom-end" : "bottom-start"), q = f(() => l.nestedPosition ? l.nestedPosition : l.direction === "rtl" ? "left-start" : "right-start"), C = i(l.isOpen || !1), p = i(0), W = `dropdown-${Math.random().toString(36).substring(2, 9)}`, w = f(() => l.menuId || W), g = i([]), s = ne("dropdown-context", null), F = (e) => {
+    }), j = f(() => l.position ? l.position : l.direction === "rtl" ? "bottom-end" : "bottom-start"), U = f(() => l.nestedPosition ? l.nestedPosition : l.direction === "rtl" ? "left-start" : "right-start"), C = i(l.isOpen || !1), p = i(0), q = `dropdown-${Math.random().toString(36).substring(2, 9)}`, w = f(() => l.menuId || q), g = i([]), s = ne("dropdown-context", null), F = (e) => {
       g.value.includes(e) || g.value.push(e), s?.registerChildId?.(e);
     }, G = (e) => {
       g.value = g.value.filter((o) => o !== e), s?.unregisterChildId?.(e);
@@ -76,14 +77,14 @@ const Ne = /* @__PURE__ */ le({
         }
       }
     );
-    const N = (e) => {
+    const x = (e) => {
       if (l.disabled || l.readonly) {
         C.value = !1, h("update:isOpen", !1);
         return;
       }
       C.value = e, h("update:isOpen", e), h(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
     }, O = () => {
-      N(!1);
+      x(!1);
     }, J = (e) => {
       e ? p.value++ : p.value = Math.max(0, p.value - 1);
     };
@@ -95,7 +96,7 @@ const Ne = /* @__PURE__ */ le({
       registerChildId: F,
       unregisterChildId: G
     }), L("modal-context", null);
-    const $ = f(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), x = i(!1), I = i(!1);
+    const $ = f(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), N = i(!1), I = i(!1);
     M(
       $,
       (e) => {
@@ -107,7 +108,7 @@ const Ne = /* @__PURE__ */ le({
             }), S.value = o;
           } else
             S.value = e;
-          !x.value && e.length > 0 && (x.value = !0, setTimeout(() => {
+          !N.value && e.length > 0 && (N.value = !0, setTimeout(() => {
             I.value = !0, E(B.value);
           }, 10));
         }
@@ -186,7 +187,7 @@ const Ne = /* @__PURE__ */ le({
         arrow: !1,
         teleport: t.teleport,
         offset: t.offset,
-        placement: U.value,
+        placement: j.value,
         isOpen: C.value,
         keepAlive: p.value > 0,
         menuId: w.value,
@@ -195,16 +196,17 @@ const Ne = /* @__PURE__ */ le({
         className: "dropdown " + (t.className || "") + (t.variant === "transparent" ? " unstyled-dropdown" : "") + (t.variant === "secondary" ? " dropdown-secondary" : ""),
         onOnShow: o[2] || (o[2] = (n) => e.$emit("onOpen")),
         onOnHide: o[3] || (o[3] = (n) => e.$emit("onClose")),
-        "onUpdate:isOpen": N,
+        "onUpdate:isOpen": x,
         triggerClass: "w-full",
         styles: {
           padding: "0",
           ...t.width ? { width: t.width, maxWidth: t.width } : {},
+          ...t.minWidth ? { minWidth: t.minWidth } : {},
           ...t.variant === "transparent" ? { background: "transparent", border: "none", boxShadow: "none" } : {}
         }
       }, {
         trigger: m(({ isOpen: n }) => [
-          v(e.$slots, "trigger", R(z({
+          v(e.$slots, "trigger", R(W({
             selectedLabel: u(A),
             selectedIcon: t.showSelectedIcon ? u(H) : void 0,
             isOpen: n
@@ -232,7 +234,7 @@ const Ne = /* @__PURE__ */ le({
             selected: u(B),
             selectedIndex: t.selectedIndex,
             maxHeight: t.maxHeight,
-            nestedPosition: q.value,
+            nestedPosition: U.value,
             nestedOffset: t.nestedOffset,
             selectable: t.selectable,
             direction: t.direction,
@@ -260,7 +262,7 @@ const Ne = /* @__PURE__ */ le({
             e.$slots.item ? {
               name: "item",
               fn: m((n) => [
-                v(e.$slots, "item", R(z(n)))
+                v(e.$slots, "item", R(W(n)))
               ]),
               key: "1"
             } : void 0,
@@ -296,5 +298,5 @@ const Ne = /* @__PURE__ */ le({
   }
 });
 export {
-  Ne as default
+  xe as default
 };

package/components/Dropdown/DropdownMenu.vue.d.ts

@@ -53,6 +53,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     class: string;
     columns: number | string;
     loading: boolean;
+    layout: "default" | "grouped";
     direction: "ltr" | "rtl";
     selectable: boolean;
     options: (IDropdownOption | string | number)[];
@@ -62,7 +63,6 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     nestedPosition: any;
     nestedOffset: [number, number];
     isCustomSlotMenu: boolean;
-    layout: "default" | "grouped";
     hasMore: boolean;
     searchable: boolean;
     remote: boolean;

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

@@ -69,6 +69,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     resetForm: () => void;
     setFieldError: (name: string, error: string) => void;
     clearErrors: () => void;
+    setFieldValue: (name: string, value: any, data?: any) => Promise<void>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     onSubmit: (payload: IFormSubmitPayload, close: () => void) => any;
     onCancel: () => any;

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