vlite3 1.1.4 → 1.1.5

package/components/Footer/Variant1.vue.d.ts

@@ -0,0 +1,20 @@
+import { FooterData, FooterLabels } from './types';
+type __VLS_Props = {
+    data: FooterData;
+    labels?: FooterLabels;
+    containerClass?: string | any[] | Record<string, boolean>;
+};
+type __VLS_PublicProps = {
+    'newsletterEmail'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:newsletterEmail": (value: string) => any;
+} & {
+    subscribe: (email: string) => any;
+    "link-click": (url: string, event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubscribe?: (email: string) => any;
+    "onLink-click"?: (url: string, event: MouseEvent) => any;
+    "onUpdate:newsletterEmail"?: (value: string) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/components/Footer/Variant2.vue.d.ts

@@ -0,0 +1,20 @@
+import { FooterData, FooterLabels } from './types';
+type __VLS_Props = {
+    data: FooterData;
+    labels?: FooterLabels;
+    containerClass?: string | any[] | Record<string, boolean>;
+};
+type __VLS_PublicProps = {
+    'newsletterEmail'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:newsletterEmail": (value: string) => any;
+} & {
+    subscribe: (email: string) => any;
+    "link-click": (url: string, event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubscribe?: (email: string) => any;
+    "onLink-click"?: (url: string, event: MouseEvent) => any;
+    "onUpdate:newsletterEmail"?: (value: string) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/components/Footer/Variant3.vue.d.ts

@@ -0,0 +1,12 @@
+import { FooterData, FooterLabels } from './types';
+type __VLS_Props = {
+    data: FooterData;
+    labels?: FooterLabels;
+    containerClass?: string | any[] | Record<string, boolean>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "link-click": (url: string, event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onLink-click"?: (url: string, event: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/components/Footer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Footer } from './Footer.vue';
+export * from './types';

package/components/Footer/types.d.ts

@@ -0,0 +1,73 @@
+export type FooterVariant = 'Variant1' | 'Variant2' | 'Variant3';
+export interface FooterSocialLink {
+    /** Iconify icon name (e.g., 'lucide:instagram') or image URL */
+    icon: string;
+    /** Full URL for the social link */
+    url: string;
+    /** Accessible label for screen readers (e.g., 'Instagram') */
+    label?: string;
+}
+export interface FooterLink {
+    /** Display text for the link */
+    label: string;
+    /** Full URL (href) */
+    url: string;
+    /** If true, link opens in a new tab with rel="noopener noreferrer" */
+    external?: boolean;
+    /** Optional leading icon (Iconify name or image URL) */
+    icon?: string;
+}
+export interface FooterLinkGroup {
+    /** Column heading (e.g., 'Product', 'Company', 'Resources') */
+    title: string;
+    /** Array of links in this group */
+    links: FooterLink[];
+}
+export interface FooterNewsletterConfig {
+    /** Title text (e.g., "Stay updated") */
+    title?: string;
+    /** Description text (e.g., "Subscribe to our newsletter for the latest updates.") */
+    description?: string;
+    /** Input placeholder text */
+    placeholder?: string;
+    /** Submit button text */
+    buttonText?: string;
+}
+export interface FooterData {
+    /** Company / brand name displayed in the footer */
+    brandName?: string;
+    /** URL to brand logo image, or an Iconify icon name */
+    brandLogo?: string;
+    /** Brand tagline or short description */
+    brandDescription?: string;
+    /** Column-based link groups (e.g., Product, Company, Resources) */
+    linkGroups?: FooterLinkGroup[];
+    /** Social media icon links (rendered as icon buttons) */
+    socialLinks?: FooterSocialLink[];
+    /** Copyright text (e.g., '© 2024 Acme Inc. All rights reserved.') */
+    copyright?: string;
+    /** Legal links displayed in the bottom bar (e.g., Terms, Privacy Policy) */
+    legalLinks?: FooterLink[];
+    /** Newsletter subscription section configuration */
+    newsletter?: FooterNewsletterConfig;
+    /** Small badge text near brand (e.g., version number, status) */
+    badge?: string;
+}
+export interface FooterLabels {
+    /** Replaces the default "Follow us" heading above social icons */
+    followUs?: string;
+    /** Replaces the default "Subscribe" button text */
+    subscribe?: string;
+    /** Replaces the default "Newsletter" heading */
+    newsletter?: string;
+}
+export interface FooterProps {
+    /** The complete footer data object (required) */
+    data: FooterData;
+    /** Visual style variant */
+    variant?: FooterVariant;
+    /** Custom text label overrides for static UI strings */
+    labels?: FooterLabels;
+    /** Custom CSS class for the root container */
+    containerClass?: string | any[] | Record<string, boolean>;
+}

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

@@ -9,6 +9,7 @@ interface Props {
     size?: InputSize;
     rounded?: InputRounded;
     disabled?: boolean;
+    readonly?: boolean;
     draggable?: boolean;
     minRows?: number;
     maxRows?: number;
@@ -33,6 +34,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     variant: InputVariant;
     size: InputSize;
     rounded: InputRounded;
+    readonly: boolean;
     disabled: boolean;
     isUpdate: boolean;
     modelValue: Record<string, any>[];

package/components/Form/CustomFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./CustomFields.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-087f0277"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6aede99c"]]);
 export {
-  s as default
+  r as default
 };

package/components/Form/CustomFields.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as Z, computed as f, shallowRef as I, watch as ee, openBlock as n, createElementBlock as d, createElementVNode as p, createBlock as B, withCtx as D, createTextVNode as te, toDisplayString as v, createCommentVNode as c, createVNode as w, Fragment as k, renderList as V, normalizeClass as C, unref as ae, isMemoSame as re } from "vue";
-import { VueDraggable as le } from "vue-draggable-plus";
+import { defineComponent as _, computed as f, shallowRef as I, watch as ee, openBlock as n, createElementBlock as d, createElementVNode as w, createBlock as R, withCtx as N, createTextVNode as te, toDisplayString as v, createCommentVNode as i, Fragment as k, renderList as V, normalizeClass as C, createVNode as $, unref as ae, isMemoSame as le } from "vue";
+import { VueDraggable as re } from "vue-draggable-plus";
 import se from "./FormField.vue.js";
-import N from "../Button.vue.js";
+import E from "../Button.vue.js";
 import oe from "../Label.vue.js";
 import ne from "../Icon.vue.js";
-import { $t as x } from "../../utils/i18n.js";
-import { setNestedValue as E, resolveFieldType as de, evaluateConditional as $ } from "./utils/form.utils.js";
+import { $t as p } from "../../utils/i18n.js";
+import { setNestedValue as T, resolveFieldType as de, evaluateConditional as F } from "./utils/form.utils.js";
 const ue = { class: "custom-fields-wrapper" }, ie = { class: "flex justify-between items-center mb-2" }, ce = { class: "custom-fields-table border border-border rounded overflow-hidden bg-background" }, me = {
   key: 0,
   class: "flex border-b border-border bg-muted/50 text-gray-800 text-xs font-semibold uppercase tracking-wider"
@@ -18,16 +18,16 @@ const ue = { class: "custom-fields-wrapper" }, ie = { class: "flex justify-betwe
 }, ve = {
   key: 2,
   class: "w-10 flex-none p-3"
-}, ge = {
+}, ye = {
   key: 1,
   class: "w-10 flex-none flex items-center justify-center text-xs text-muted-foreground border-r border-border bg-muted/20"
-}, he = {
+}, ge = {
   key: 2,
   class: "w-10 flex-none flex items-center justify-center border-l border-border bg-muted/20"
-}, ye = {
+}, he = {
   key: 1,
   class: "flex flex-col items-center justify-center py-6 text-center bg-muted/5"
-}, pe = { class: "text-sm font-medium text-foreground" }, we = { class: "text-xs text-muted-foreground mt-1" }, _e = /* @__PURE__ */ Z({
+}, we = { class: "text-sm font-medium text-foreground" }, pe = { class: "text-xs text-muted-foreground mt-1" }, Be = /* @__PURE__ */ _({
   __name: "CustomFields",
   props: {
     name: {},
@@ -38,6 +38,7 @@ const ue = { class: "custom-fields-wrapper" }, ie = { class: "flex justify-betwe
     size: { default: "md" },
     rounded: { default: "md" },
     disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
     draggable: { type: Boolean, default: !1 },
     minRows: { default: 0 },
     maxRows: {},
@@ -51,195 +52,197 @@ const ue = { class: "custom-fields-wrapper" }, ie = { class: "flex justify-betwe
     isUpdate: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(s, { emit: T }) {
-    const a = s, F = T, U = f(() => a.labelI18n ? x(a.labelI18n) : a.label), z = f(() => {
-      const e = x("vlite.customFields.emptyTitle");
+  setup(r, { emit: z }) {
+    const t = r, U = z, B = f(() => t.labelI18n ? p(t.labelI18n) : t.label), A = f(() => {
+      const e = p("vlite.customFields.emptyTitle");
       return e !== "vlite.customFields.emptyTitle" ? e : "No items added";
-    }), A = f(() => {
-      const e = x("vlite.customFields.emptyDescription");
+    }), S = f(() => {
+      const e = p("vlite.customFields.emptyDescription");
       return e !== "vlite.customFields.emptyDescription" ? e : "Add a new item to get started";
-    }), l = I([]), _ = () => `row_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    }), s = I([]), j = () => `row_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
     ee(
-      () => a.modelValue,
+      () => t.modelValue,
       (e) => {
-        Array.isArray(e) ? l.value = e.map((t, o) => {
-          const r = l.value[o];
+        Array.isArray(e) ? s.value = e.map((a, o) => {
+          const l = s.value[o];
           return {
-            ...t,
-            _id: r?._id || _()
+            ...a,
+            _id: l?._id || j()
           };
-        }) : l.value = [];
+        }) : s.value = [];
       },
       { immediate: !0, deep: !0 }
     );
-    const S = () => {
+    const H = () => {
       const e = {};
-      for (const t of a.schema) {
-        const o = typeof t.value == "function" ? t.value() : t.value;
-        e[t.name] = o ?? null;
+      for (const a of t.schema) {
+        const o = typeof a.value == "function" ? a.value() : a.value;
+        let l = null;
+        (a.props?.multiple || a.type === "multiSelect" || a.type === "tags") && (l = []), e[a.name] = o ?? l;
       }
-      return { ...e, _id: _() };
-    }, H = () => {
-      if (a.disabled || a.maxRows && l.value.length >= a.maxRows) return;
-      const e = [...l.value, S()];
-      l.value = e, g(e);
-    }, L = (e) => {
-      if (a.disabled || l.value.length <= a.minRows) return;
-      const t = [...l.value];
-      t.splice(e, 1), l.value = t, g(t);
-    }, M = async (e, t, o) => {
-      const r = [...l.value];
-      r[e] = {
-        ...r[e],
-        [t]: o.value
+      return { ...e, _id: j() };
+    }, L = () => {
+      if (t.disabled || t.readonly || t.maxRows && s.value.length >= t.maxRows) return;
+      const e = [...s.value, H()];
+      s.value = e, y(e);
+    }, M = (e) => {
+      if (t.disabled || t.readonly || s.value.length <= t.minRows) return;
+      const a = [...s.value];
+      a.splice(e, 1), s.value = a, y(a);
+    }, G = async (e, a, o) => {
+      const l = [...s.value];
+      l[e] = {
+        ...l[e],
+        [a]: o.value
       };
-      const y = a.schema.find((i) => i.name === t);
-      if (y && y.updateValues)
+      const h = t.schema.find((c) => c.name === a);
+      if (h && h.updateValues)
         try {
-          const i = r[e];
-          let m = { ...a.values || {} };
-          a.name && (m = E(m, a.name, r));
-          const b = await y.updateValues({
+          const c = l[e];
+          let m = { ...t.values || {} };
+          t.name && (m = T(m, t.name, l));
+          const b = await h.updateValues({
             value: o.value,
-            values: i,
+            values: c,
             // strictly local row scope
             globalValues: m,
             // strictly global root scope
             data: o.data,
-            isUpdate: a.isUpdate
+            isUpdate: t.isUpdate
           });
-          b && typeof b == "object" && (r[e] = { ...r[e], ...b });
-        } catch (i) {
-          console.error(`[CustomFields] Error in updateValues for ${t}:`, i);
+          b && typeof b == "object" && (l[e] = { ...l[e], ...b });
+        } catch (c) {
+          console.error(`[CustomFields] Error in updateValues for ${a}:`, c);
         }
-      l.value = r, g(r);
-    }, G = (e) => {
-      l.value = e, g(e);
-    }, g = (e) => {
-      const t = e.map(({ _id: o, ...r }) => r);
-      F("update:modelValue", t), F("change", t);
-    }, O = (e, t) => l.value[e]?.[t], W = f(() => !(a.disabled || a.maxRows && l.value.length >= a.maxRows)), R = f(() => a.disabled ? !1 : l.value.length > a.minRows), j = f(() => a.headers && a.headers.length > 0 ? a.headers : a.schema.map((e) => e.labelI18n ? x(e.labelI18n) : e.label || e.name)), h = (e) => {
-      let t = { ...a.values || {} };
-      return a.name && (t = E(t, a.name, l.value)), {
-        values: l.value[e] || {},
-        globalValues: t,
-        isUpdate: a.isUpdate
+      s.value = l, y(l);
+    }, O = (e) => {
+      s.value = e, y(e);
+    }, y = (e) => {
+      const a = e.map(({ _id: o, ...l }) => l);
+      U("update:modelValue", a), U("change", a);
+    }, W = (e, a) => s.value[e]?.[a], q = f(() => !(t.disabled || t.readonly || t.maxRows && s.value.length >= t.maxRows)), x = f(() => t.disabled || t.readonly ? !1 : s.value.length > t.minRows), D = f(() => t.headers && t.headers.length > 0 ? t.headers : t.schema.map((e) => e.labelI18n ? p(e.labelI18n) : e.label || e.name)), g = (e) => {
+      let a = { ...t.values || {} };
+      return t.name && (a = T(a, t.name, s.value)), {
+        values: s.value[e] || {},
+        globalValues: a,
+        isUpdate: t.isUpdate
       };
-    }, q = (e, t) => de(e, h(t)), J = (e, t) => a.disabled ? !0 : $(t.disabled, h(e)), K = (e, t) => $(t.readonly, h(e)), P = (e, t) => t.when ? $(t.when, h(e)) : !0, Q = (e) => {
-      if (!a.errors || !a.name) return "";
-      const t = `${a.name}.${e}.`;
-      return Object.keys(a.errors).filter((o) => o.startsWith(t)).map((o) => a.errors[o]).join(",");
+    }, J = (e, a) => de(e, g(a)), K = (e, a) => t.disabled ? !0 : F(a.disabled, g(e)), P = (e, a) => t.readonly ? !0 : F(a.readonly, g(e)), Q = (e, a) => a.when ? F(a.when, g(e)) : !0, X = (e) => {
+      if (!t.errors || !t.name) return "";
+      const a = `${t.name}.${e}.`;
+      return Object.keys(t.errors).filter((o) => o.startsWith(a)).map((o) => t.errors[o]).join(",");
     };
-    return (e, t) => (n(), d("div", ue, [
-      p("div", ie, [
-        U.value ? (n(), B(oe, {
+    return (e, a) => (n(), d("div", ue, [
+      w("div", ie, [
+        B.value ? (n(), R(oe, {
           key: 0,
           class: "text-sm font-medium text-foreground"
         }, {
-          default: D(() => [
-            te(v(U.value), 1)
+          default: N(() => [
+            te(v(B.value), 1)
           ]),
           _: 1
-        })) : c("", !0),
-        w(N, {
+        })) : i("", !0),
+        r.readonly ? i("", !0) : (n(), R(E, {
+          key: 1,
           type: "button",
           variant: "outline",
           size: "xs",
           rounded: "full",
           icon: "lucide:plus",
-          disabled: !W.value,
-          onClick: H
-        }, null, 8, ["disabled"])
+          disabled: !q.value,
+          onClick: L
+        }, null, 8, ["disabled"]))
       ]),
-      p("div", ce, [
-        j.value.length > 0 ? (n(), d("div", me, [
-          s.draggable ? (n(), d("div", be)) : c("", !0),
-          s.showRowNumbers ? (n(), d("div", fe, " # ")) : c("", !0),
-          (n(!0), d(k, null, V(j.value, (o, r) => (n(), d("div", {
-            key: r,
-            class: C(["flex-1 p-3 min-w-0 truncate", { "border-l border-border": r > 0 }])
+      w("div", ce, [
+        D.value.length > 0 ? (n(), d("div", me, [
+          r.draggable && !r.disabled && !r.readonly ? (n(), d("div", be)) : i("", !0),
+          r.showRowNumbers ? (n(), d("div", fe, " # ")) : i("", !0),
+          (n(!0), d(k, null, V(D.value, (o, l) => (n(), d("div", {
+            key: l,
+            class: C(["flex-1 p-3 min-w-0 truncate", { "border-l border-border": l > 0 }])
           }, v(o), 3))), 128)),
-          R.value ? (n(), d("div", ve)) : c("", !0)
-        ])) : c("", !0),
-        w(ae(le), {
-          "model-value": l.value,
-          "onUpdate:modelValue": G,
-          disabled: !s.draggable || s.disabled,
+          x.value ? (n(), d("div", ve)) : i("", !0)
+        ])) : i("", !0),
+        $(ae(re), {
+          "model-value": s.value,
+          "onUpdate:modelValue": O,
+          disabled: !r.draggable || r.disabled || r.readonly,
           animation: 150,
           handle: ".drag-handle",
           "ghost-class": "opacity-50",
           class: "divide-y divide-border"
         }, {
-          default: D(() => [
-            (n(!0), d(k, null, V(l.value, (o, r, y, i) => {
-              const m = [o, s.disabled, s.isUpdate, s.showRowNumbers, R.value, s.draggable, r, Q(r)];
-              if (i && i.key === o._id && re(i, m)) return i;
+          default: N(() => [
+            (n(!0), d(k, null, V(s.value, (o, l, h, c) => {
+              const m = [o, r.disabled, r.readonly, r.isUpdate, r.showRowNumbers, x.value, r.draggable, l, X(l)];
+              if (c && c.key === o._id && le(c, m)) return c;
               const b = (n(), d("div", {
                 key: o._id,
                 class: "flex group bg-white transition-colors"
               }, [
-                s.draggable ? (n(), d("div", {
+                r.draggable && !r.disabled && !r.readonly ? (n(), d("div", {
                   key: 0,
-                  class: C(["w-10 flex-none flex items-center justify-center border-r border-border bg-muted/5 drag-handle transition-colors", s.disabled ? "cursor-not-allowed opacity-50" : "cursor-grab active:cursor-grabbing hover:bg-muted/10 text-muted-foreground hover:text-foreground"])
+                  class: C(["w-10 flex-none flex items-center justify-center border-r border-border bg-muted/5 drag-handle transition-colors", r.disabled ? "cursor-not-allowed opacity-50" : "cursor-grab active:cursor-grabbing hover:bg-muted/10 text-muted-foreground hover:text-foreground"])
                 }, [
-                  w(ne, {
+                  $(ne, {
                     icon: "lucide:grip-vertical",
                     class: "w-4 h-4"
                   })
-                ], 2)) : c("", !0),
-                s.showRowNumbers ? (n(), d("div", ge, v(r + 1), 1)) : c("", !0),
-                (n(!0), d(k, null, V(s.schema, (u, X) => (n(), d("div", {
+                ], 2)) : i("", !0),
+                r.showRowNumbers ? (n(), d("div", ye, v(l + 1), 1)) : i("", !0),
+                (n(!0), d(k, null, V(r.schema, (u, Y) => (n(), d("div", {
                   key: u.name,
-                  class: C(["flex-1 min-w-0 relative", { "border-l border-border": X > 0 }])
+                  class: C(["flex-1 min-w-0 relative", { "border-l border-border": Y > 0 }])
                 }, [
-                  P(r, u) ? (n(), B(se, {
+                  Q(l, u) ? (n(), R(se, {
                     key: 0,
                     field: {
                       ...u,
                       props: {
-                        ...q(u, r) === "multiSelect" ? { showControls: !1, wrap: !1 } : {},
+                        ...J(u, l) === "multiSelect" ? { showControls: !1, wrap: !1 } : {},
                         ...u.props || {}
                       },
                       label: void 0
                     },
-                    value: O(r, u.name),
-                    values: l.value[r] || {},
-                    errors: s.errors,
-                    error: s.name && s.errors ? s.errors[`${s.name}.${r}.${u.name}`] : "",
+                    value: W(l, u.name),
+                    values: s.value[l] || {},
+                    errors: r.errors,
+                    error: r.name && r.errors ? r.errors[`${r.name}.${l}.${u.name}`] : "",
                     variant: "transparent",
                     size: "sm",
                     rounded: "none",
-                    disabled: J(r, u),
-                    readonly: K(r, u),
-                    isUpdate: s.isUpdate,
+                    disabled: K(l, u),
+                    readonly: P(l, u),
+                    isUpdate: r.isUpdate,
                     class: "w-full h-full min-h-[40px]",
-                    onChange: (Y) => M(r, u.name, Y)
-                  }, null, 8, ["field", "value", "values", "errors", "error", "disabled", "readonly", "isUpdate", "onChange"])) : c("", !0)
+                    onChange: (Z) => G(l, u.name, Z)
+                  }, null, 8, ["field", "value", "values", "errors", "error", "disabled", "readonly", "isUpdate", "onChange"])) : i("", !0)
                 ], 2))), 128)),
-                R.value ? (n(), d("div", he, [
-                  w(N, {
+                x.value ? (n(), d("div", ge, [
+                  $(E, {
                     type: "button",
                     variant: "ghost",
                     size: "xs",
                     icon: "lucide:trash-2",
-                    disabled: s.disabled,
-                    onClick: (u) => L(r)
+                    disabled: r.disabled || r.readonly,
+                    onClick: (u) => M(l)
                   }, null, 8, ["disabled", "onClick"])
-                ])) : c("", !0)
+                ])) : i("", !0)
               ]));
               return b.memo = m, b;
-            }, t, 0), 128))
+            }, a, 0), 128))
           ]),
           _: 1
         }, 8, ["model-value", "disabled"]),
-        l.value.length === 0 ? (n(), d("div", ye, [
-          p("p", pe, v(z.value), 1),
-          p("p", we, v(A.value), 1)
-        ])) : c("", !0)
+        s.value.length === 0 ? (n(), d("div", he, [
+          w("p", we, v(A.value), 1),
+          w("p", pe, v(S.value), 1)
+        ])) : i("", !0)
       ])
     ]));
   }
 });
 export {
-  _e as default
+  Be as default
 };

package/components/Form/FormField.vue.js

@@ -324,7 +324,7 @@ const Pe = /* @__PURE__ */ H({
       }
       return R(a) ? {
         ...t,
-        value: e.value,
+        value: e.field.props?.multiple && (e.value === null || e.value === void 0) ? [] : e.value,
         values: e.values
       } : t;
     }), F = o(() => {

package/components/MultiSelect/MultiSelect.vue.d.ts

@@ -5,6 +5,7 @@ interface Props {
     placeholder?: string;
     placeholderI18n?: string;
     disabled?: boolean;
+    readonly?: boolean;
     searchable?: boolean;
     variant?: 'default' | 'outline' | 'solid' | 'floating' | string;
     size?: 'sm' | 'md' | 'lg';
@@ -34,6 +35,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | string;
     loading: boolean;
+    readonly: boolean;
     disabled: boolean;
     modelValue: any[];
     options: (IDropdownOption | string | number)[];