vlite3 1.2.8 → 1.2.10

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.vue2.js";
-/* empty css             */
+import o from "./ColorIro.vue.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.vue2.js";
-/* empty css             */
+import E from "./ColorIro.vue.js";
+/* empty css              */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

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

@@ -39,7 +39,7 @@ type __VLS_Props = {
     isNested?: boolean;
     disabled?: boolean;
     readonly?: boolean;
-    unstyled?: boolean;
+    variant?: 'default' | 'transparent' | 'secondary';
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -88,16 +88,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onOnOpen?: () => any;
     "onUpdate:isOpen"?: (value: boolean) => any;
 }>, {
+    variant: "default" | "transparent" | "secondary";
     columns: number | string;
     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;
@@ -113,7 +114,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     showSelectedIcon: boolean;
     doubleConfirmation: boolean;
     isNested: boolean;
-    unstyled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Dropdown/Dropdown.vue.js

@@ -1,8 +1,8 @@
 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 ve from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import ye from "./DropdownMenu.vue.js";
-import he from "./DropdownTrigger.vue.js";
+import he from "./DropdownMenu.vue.js";
+import ye from "./DropdownTrigger.vue.js";
 import ge from "../ConfirmationModal.vue.js";
 import { useDropdownIds as be } from "./composables/useDropdownIds.js";
 import { useDropdownSelection as Ce } from "./composables/useDropdownSelection.js";
@@ -48,11 +48,11 @@ const Ne = /* @__PURE__ */ le({
     isNested: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
-    unstyled: { type: Boolean, default: !1 }
+    variant: { default: "default" }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
   setup(t, { emit: j }) {
-    const l = t, y = j, b = i(!1), h = i(null), r = i({
+    const l = t, h = j, b = i(!1), y = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
@@ -78,10 +78,10 @@ const Ne = /* @__PURE__ */ le({
     );
     const N = (e) => {
       if (l.disabled || l.readonly) {
-        C.value = !1, y("update:isOpen", !1);
+        C.value = !1, h("update:isOpen", !1);
         return;
       }
-      C.value = e, y("update:isOpen", e), y(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+      C.value = e, h("update:isOpen", e), h(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
     }, O = () => {
       N(!1);
     }, J = (e) => {
@@ -128,7 +128,7 @@ const Ne = /* @__PURE__ */ le({
       options: c
     }), { currentValue: B, selectedLabel: A, selectedIcon: H, selectOption: Y } = Ce(
       X,
-      y
+      h
     ), Z = f(() => {
       const e = l.ignoreClickOutside || [], o = Q(c.value);
       return [.../* @__PURE__ */ new Set([...e, ...o, ...g.value])];
@@ -142,7 +142,7 @@ const Ne = /* @__PURE__ */ le({
     );
     const _ = (e) => {
       if (l.disabled || l.readonly || e.disabled) return;
-      l.doubleConfirmation || !!e.confirmation ? (h.value = e, typeof e.confirmation == "object" ? r.value = {
+      l.doubleConfirmation || !!e.confirmation ? (y.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
@@ -172,9 +172,9 @@ const Ne = /* @__PURE__ */ le({
         });
       }
     }, ee = () => {
-      h.value && (D(h.value), h.value = null, b.value = !1);
+      y.value && (D(y.value), y.value = null, b.value = !1);
     }, te = () => {
-      h.value = null, b.value = !1;
+      y.value = null, b.value = !1;
     };
     return (e, o) => (V(), re("div", {
       class: "relative inline-block text-left",
@@ -192,7 +192,7 @@ const Ne = /* @__PURE__ */ le({
         menuId: w.value,
         ignoreClickOutside: Z.value,
         class: "w-full",
-        className: "dropdown " + (t.className || "") + (t.unstyled ? " unstyled-dropdown" : ""),
+        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,
@@ -200,7 +200,7 @@ const Ne = /* @__PURE__ */ le({
         styles: {
           padding: "0",
           ...t.width ? { width: t.width, maxWidth: t.width } : {},
-          ...t.unstyled ? { background: "transparent", border: "none", boxShadow: "none" } : {}
+          ...t.variant === "transparent" ? { background: "transparent", border: "none", boxShadow: "none" } : {}
         }
       }, {
         trigger: m(({ isOpen: n }) => [
@@ -209,7 +209,7 @@ const Ne = /* @__PURE__ */ le({
             selectedIcon: t.showSelectedIcon ? u(H) : void 0,
             isOpen: n
           })), () => [
-            P(he, {
+            P(ye, {
               "selected-label": u(A),
               "selected-icon": t.showSelectedIcon ? u(H) : void 0,
               "is-open": n,
@@ -222,7 +222,7 @@ const Ne = /* @__PURE__ */ le({
           ])
         ]),
         default: m(() => [
-          !(t.disabled || t.readonly) && ($.value.length || c.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (V(), ue(ye, {
+          !(t.disabled || t.readonly) && ($.value.length || c.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (V(), ue(he, {
             key: 0,
             options: $.value,
             cachedOptions: c.value,

package/components/Dropdown/DropdownGroupedLayout.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as C, openBlock as l, createElementBlock as c, normalizeStyle as $, Fragment as a, renderList as i, createElementVNode as m, normalizeClass as h, toDisplayString as j, createBlock as u, createCommentVNode as f, createVNode as w } from "vue";
+import { defineComponent as _, computed as C, openBlock as l, createElementBlock as n, normalizeStyle as $, Fragment as a, renderList as i, createElementVNode as m, normalizeClass as h, toDisplayString as j, createBlock as u, createCommentVNode as f, createVNode as w } from "vue";
 import B from "../Icon.vue.js";
 import y from "./DropdownItem.vue.js";
 import { $t as N } from "../../utils/i18n.js";
@@ -24,13 +24,13 @@ const S = { class: "font-semibold text-sm text-foreground" }, L = { class: "flex
       const e = s.columns;
       return typeof e == "number" ? { gridTemplateColumns: `repeat(${e}, minmax(0, 1fr))` } : { gridTemplateColumns: e };
     }), d = (e) => s.selected ? Array.isArray(s.selected) ? s.selected.includes(e.value) : typeof s.selected == "object" && s.selected !== null && e.key && e.key in s.selected ? s.selected[e.key] === e.value : s.selected === e.value : !1, b = (e) => e.labelI18n ? N(e.labelI18n) : e.label;
-    return (e, D) => (l(), c("div", {
+    return (e, D) => (l(), n("div", {
       class: "grid gap-6 p-4",
       style: $(k.value)
     }, [
-      (l(!0), c(a, null, i(r.options, (t, x) => (l(), c("div", {
+      (l(!0), n(a, null, i(r.options, (t, x) => (l(), n("div", {
         key: t.key || t.value || x,
-        class: "flex flex-col space-y-2 min-w-[150px]"
+        class: "flex flex-col space-y-2"
       }, [
         m("div", {
           class: h(["flex items-center gap-2 px-2 py-1 mb-1", r.headerClass])
@@ -44,18 +44,18 @@ const S = { class: "font-semibold text-sm text-foreground" }, L = { class: "flex
           }, null, 8, ["icon", "emoji"])) : f("", !0)
         ], 2),
         m("div", L, [
-          t.children && t.children.length ? (l(!0), c(a, { key: 0 }, i(t.children, (n, p) => (l(), c(a, {
-            key: n.key || n.value || p
+          t.children && t.children.length ? (l(!0), n(a, { key: 0 }, i(t.children, (c, p) => (l(), n(a, {
+            key: c.key || c.value || p
           }, [
             w(y, {
-              option: n,
-              selected: d(n),
+              option: c,
+              selected: d(c),
               selectable: r.selectable,
               class: "w-full",
-              onClick: (o) => e.$emit("select", n)
+              onClick: (o) => e.$emit("select", c)
             }, null, 8, ["option", "selected", "selectable", "onClick"]),
-            n.children && n.children.length ? (l(), c("div", V, [
-              (l(!0), c(a, null, i(n.children, (o, v) => (l(), u(y, {
+            c.children && c.children.length ? (l(), n("div", V, [
+              (l(!0), n(a, null, i(c.children, (o, v) => (l(), u(y, {
                 key: o.key || o.value || v,
                 option: o,
                 selected: d(o),
@@ -64,7 +64,7 @@ const S = { class: "font-semibold text-sm text-foreground" }, L = { class: "flex
                 onClick: (E) => e.$emit("select", o)
               }, null, 8, ["option", "selected", "selectable", "onClick"]))), 128))
             ])) : f("", !0)
-          ], 64))), 128)) : (l(), c("div", z, "No items"))
+          ], 64))), 128)) : (l(), n("div", z, "No items"))
         ])
       ]))), 128))
     ], 4));

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/Dropdown/DropdownMenu.vue.js

@@ -1,7 +1,7 @@
 import o from "./DropdownMenu.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-97836d58"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5cf38b33"]]);
 export {
-  _ as default
+  m as default
 };

package/components/Dropdown/DropdownMenu.vue2.js

@@ -131,7 +131,7 @@ const ve = ["dir"], ye = {
     });
     const X = (e) => e.labelI18n ? $(e.labelI18n) : e.label, Y = (e) => e.showChevron !== !1;
     return (e, s) => (o(), i("div", {
-      class: "dropdown-menu w-full min-w-[150px] flex flex-col",
+      class: "dropdown-menu w-full flex flex-col",
       dir: a.direction
     }, [
       B.value ? (o(), i("div", ye, [

package/components/Form/FormFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormFields.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3e65ff52"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-330a03fe"]]);
 export {
   e as default
 };