vlite3 0.1.10 → 0.2.2

package/components/Form/FormField.vue.js

@@ -1,13 +1,15 @@
-import { defineComponent as b, defineAsyncComponent as t, computed as i, markRaw as k, openBlock as V, createBlock as x, resolveDynamicComponent as w, mergeProps as C, toHandlers as P } from "vue";
-import { isComponent as o } from "./utils/form.utils.js";
-import d from "../Input.vue.js";
-import U from "../Switch.vue.js";
-import z from "../CheckBox.vue.js";
-import S from "../Textarea.vue.js";
-import F from "../FilePicker/FilePicker.vue.js";
-import $ from "../AvatarUploader/AvatarUploader.vue.js";
-import A from "../Dropdown/Dropdown.vue.js";
-const O = /* @__PURE__ */ b({
+import { defineComponent as T, defineAsyncComponent as f, computed as n, markRaw as j, openBlock as r, createBlock as u, mergeProps as s, toHandlers as C, createSlots as E, unref as L, withCtx as o, createVNode as S, createTextVNode as m, toDisplayString as p, createCommentVNode as A, resolveDynamicComponent as H } from "vue";
+import { isComponent as g, isAddonObject as v } from "./utils/form.utils.js";
+import M from "../NumberInput.vue.js";
+import h from "../Button.vue.js";
+import y from "../Input.vue.js";
+import q from "../Switch.vue.js";
+import G from "../CheckBox.vue.js";
+import J from "../Textarea.vue.js";
+import K from "../FilePicker/FilePicker.vue.js";
+import Q from "../AvatarUploader/AvatarUploader.vue.js";
+import k from "../Dropdown/Dropdown.vue.js";
+const oe = /* @__PURE__ */ T({
   __name: "FormField",
   props: {
     field: {},
@@ -21,179 +23,277 @@ const O = /* @__PURE__ */ b({
     error: { default: "" },
     isUpdate: { type: Boolean, default: !1 }
   },
-  emits: ["change"],
-  setup(n, { emit: c }) {
-    const u = t(() => import("../MultiSelect/MultiSelect.vue2.js")), f = t(() => import("../DatePicker.vue2.js")), m = t(() => import("../ColorPicker/ColorPicker.vue2.js")), p = t(() => import("../IconPicker.vue2.js")), h = t(() => import("./CustomFields.vue.js")), r = n, s = c, l = (e, a) => {
-      s("change", { value: e, data: a });
-    }, v = (e) => {
-      s("change", { value: e });
-    }, _ = i(() => {
-      const e = r.field.type;
-      if (o(e))
-        return k(e);
-      switch (e) {
+  emits: ["change", "addonChange", "addonAction"],
+  setup(a, { emit: w }) {
+    const z = f(() => import("../MultiSelect/MultiSelect.vue2.js")), $ = f(() => import("../DatePicker.vue2.js")), P = f(() => import("../ColorPicker/ColorPicker.vue2.js")), U = f(() => import("../IconPicker.vue2.js")), F = f(() => import("./CustomFields.vue.js")), e = a, c = w, d = (t, l) => {
+      c("change", { value: t, data: l });
+    }, N = (t) => {
+      c("change", { value: t });
+    }, B = n(() => {
+      const t = e.field.type;
+      if (g(t))
+        return j(t);
+      switch (t) {
         case "text":
         case "email":
         case "password":
-        case "number":
         case "tel":
         case "url":
         case "search":
-          return d;
+          return y;
+        case "number":
+          return M;
         case "textarea":
-          return S;
+          return J;
         case "switch":
-          return U;
+          return q;
         case "check":
-          return z;
+          return G;
         case "select":
-          return A;
+          return k;
         case "multiSelect":
-          return u;
+          return z;
         case "date":
         case "time":
-          return f;
+          return $;
         case "file":
         case "fileUploader":
-          return F;
+          return K;
         case "avatarUpload":
-          return $;
+          return Q;
         case "color":
-          return m;
+          return P;
         case "iconPicker":
-          return p;
+          return U;
         case "customFields":
-          return h;
+          return F;
         default:
-          return d;
+          return y;
       }
-    }), y = i(() => {
-      const e = r.field.type, a = {
-        disabled: r.disabled || r.field.disabled === !0,
-        ...r.field.props || {}
+    }), V = n(() => {
+      const t = e.field.type, l = {
+        disabled: e.disabled || e.field.disabled === !0,
+        ...e.field.props || {}
       };
-      return e === "text" || e === "email" || e === "password" || e === "number" || e === "tel" || e === "url" || e === "search" || !e ? {
-        ...a,
-        modelValue: r.value ?? "",
-        type: e || "text",
-        placeholder: r.field.placeholder,
-        icon: r.field.icon,
-        iconRight: r.field.iconRight,
-        addonLeft: r.field.addonLeft,
-        addonRight: r.field.addonRight,
-        variant: r.variant,
-        size: r.size,
-        rounded: r.rounded,
-        error: r.error,
-        min: r.field.min,
-        max: r.field.max,
-        class: r.field.className
-      } : e === "textarea" ? {
-        ...a,
-        modelValue: r.value ?? "",
-        placeholder: r.field.placeholder,
-        rows: r.field.props?.rows || 3,
-        class: r.field.className
-      } : e === "switch" ? {
-        ...a,
-        modelValue: !!r.value,
+      return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || !t ? {
+        ...l,
+        modelValue: e.value ?? "",
+        type: t || "text",
+        placeholder: e.field.placeholder,
+        icon: e.field.icon,
+        iconRight: e.field.iconRight,
+        // Only pass addon strings; object addons are rendered via slots
+        addonLeft: typeof e.field.addonLeft == "string" ? e.field.addonLeft : void 0,
+        addonRight: typeof e.field.addonRight == "string" ? e.field.addonRight : void 0,
+        variant: e.variant,
+        size: e.size,
+        rounded: e.rounded,
+        error: e.error,
+        min: e.field.min,
+        // kept for validation attributes if needed
+        max: e.field.max,
+        class: e.field.className
+      } : t === "number" ? {
+        ...l,
+        modelValue: e.value ?? void 0,
+        min: e.field.min,
+        max: e.field.max,
+        step: e.field.props?.step ?? 1,
+        variant: e.field.props?.variant ?? "split",
+        mode: e.field.props?.mode ?? "outline",
+        size: e.size,
+        rounded: e.rounded,
+        placeholder: e.field.placeholder,
+        class: e.field.className
+      } : t === "textarea" ? {
+        ...l,
+        modelValue: e.value ?? "",
+        placeholder: e.field.placeholder,
+        rows: e.field.props?.rows || 3,
+        class: e.field.className
+      } : t === "switch" ? {
+        ...l,
+        modelValue: !!e.value,
         label: ""
         // Label handled externally
-      } : e === "check" ? {
-        ...a,
-        modelValue: !!r.value,
+      } : t === "check" ? {
+        ...l,
+        modelValue: !!e.value,
         label: ""
         // Label handled externally
-      } : e === "select" ? {
-        ...a,
-        modelValue: r.value,
-        options: r.field.options || [],
-        placeholder: r.field.placeholder,
+      } : t === "select" ? {
+        ...l,
+        modelValue: e.value,
+        options: e.field.options || [],
+        placeholder: e.field.placeholder,
         selectable: !0,
         closeOnSelect: !0
-      } : e === "multiSelect" ? {
-        ...a,
-        modelValue: Array.isArray(r.value) ? r.value : [],
-        options: r.field.options || [],
-        placeholder: r.field.placeholder
-      } : e === "date" || e === "time" ? {
-        ...a,
-        modelValue: r.value,
-        mode: e === "time" ? "time" : "date",
-        placeholder: r.field.placeholder
-      } : e === "fileUploader" || e === "file" ? {
-        ...a,
-        modelValue: r.value,
-        multiSelect: r.field.props?.multiple || !1,
-        fileTypes: r.field.props?.accept ? r.field.props.accept.split(",") : [],
+      } : t === "multiSelect" ? {
+        ...l,
+        modelValue: Array.isArray(e.value) ? e.value : [],
+        options: e.field.options || [],
+        placeholder: e.field.placeholder
+      } : t === "date" || t === "time" ? {
+        ...l,
+        modelValue: e.value,
+        mode: t === "time" ? "time" : "date",
+        placeholder: e.field.placeholder
+      } : t === "fileUploader" || t === "file" ? {
+        ...l,
+        modelValue: e.value,
+        multiSelect: e.field.props?.multiple || !1,
+        fileTypes: e.field.props?.accept ? e.field.props.accept.split(",") : [],
         returnFormat: "base64",
-        variant: e === "file" ? "input" : "dropzone",
-        placeholder: r.field.placeholder,
-        size: r.size,
-        rounded: r.rounded
-      } : e === "avatarUpload" ? {
-        ...a,
-        modelValue: r.value,
-        editable: !r.readonly
-      } : e === "color" ? {
-        ...a,
-        modelValue: r.value || "#000000"
-      } : e === "iconPicker" ? {
-        ...a,
-        value: r.value || "lucide:smile"
-      } : e === "customFields" ? {
-        ...a,
-        modelValue: Array.isArray(r.value) ? r.value : [],
-        schema: r.field.props?.schema || [],
-        headers: r.field.props?.headers || [],
-        values: r.values,
-        variant: r.variant,
-        size: r.size,
-        rounded: r.rounded,
-        isUpdate: r.isUpdate
-      } : o(e) ? {
-        ...a,
-        value: r.value,
-        values: r.values
-      } : a;
-    }), g = i(() => {
-      const e = r.field.type;
-      return e === "text" || e === "email" || e === "password" || e === "number" || e === "tel" || e === "url" || e === "search" || e === "textarea" || e === "switch" || e === "check" || !e ? {
-        "update:modelValue": v
-      } : e === "select" ? {
-        onSelect: (a) => {
-          l(a.value, a.data);
+        variant: t === "file" ? "input" : "dropzone",
+        placeholder: e.field.placeholder,
+        size: e.size,
+        rounded: e.rounded
+      } : t === "avatarUpload" ? {
+        ...l,
+        modelValue: e.value,
+        editable: !e.readonly
+      } : t === "color" ? {
+        ...l,
+        modelValue: e.value || "#000000"
+      } : t === "iconPicker" ? {
+        ...l,
+        value: e.value || "lucide:smile"
+      } : t === "customFields" ? {
+        ...l,
+        modelValue: Array.isArray(e.value) ? e.value : [],
+        schema: e.field.props?.schema || [],
+        headers: e.field.props?.headers || [],
+        values: e.values,
+        variant: e.variant,
+        size: e.size,
+        rounded: e.rounded,
+        isUpdate: e.isUpdate
+      } : g(t) ? {
+        ...l,
+        value: e.value,
+        values: e.values
+      } : l;
+    }), b = n(() => {
+      const t = e.field.type;
+      return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || t === "textarea" || t === "switch" || t === "check" || t === "number" || !t ? {
+        "update:modelValue": N
+      } : t === "select" ? {
+        onSelect: (l) => {
+          d(l.value, l.data);
         }
-      } : e === "multiSelect" ? {
-        change: (a) => l(a)
-      } : e === "date" || e === "time" ? {
-        change: (a) => l(a)
-      } : e === "fileUploader" || e === "file" ? {
-        change: (a) => {
-          l(a);
+      } : t === "multiSelect" ? {
+        change: (l) => d(l)
+      } : t === "date" || t === "time" ? {
+        change: (l) => d(l)
+      } : t === "fileUploader" || t === "file" ? {
+        change: (l) => {
+          d(l);
+        },
+        "update:modelValue": (l) => {
+          d(l);
         }
-      } : e === "avatarUpload" ? {
-        change: (a) => {
-          l(a);
+      } : t === "avatarUpload" ? {
+        change: (l) => {
+          d(l);
+        },
+        "update:modelValue": (l) => {
+          d(l);
         }
-      } : e === "color" ? {
-        change: (a) => l(a)
-      } : e === "iconPicker" ? {
-        onSelect: (a) => l(a)
-      } : e === "customFields" ? {
-        change: (a) => l(a)
-      } : o(e) ? {
-        onChange: (a) => {
-          l(a.value, a.data);
+      } : t === "color" ? {
+        change: (l) => d(l)
+      } : t === "iconPicker" ? {
+        onSelect: (l) => d(l)
+      } : t === "customFields" ? {
+        change: (l) => d(l)
+      } : g(t) ? {
+        onChange: (l) => {
+          d(l.value, l.data);
         }
       } : {};
-    });
-    return (e, a) => (V(), x(w(_.value), C({
-      ...y.value,
-      ...n.field?.props || {}
-    }, P(g.value)), null, 16));
+    }), O = n(() => v(e.field.addonLeft) || v(e.field.addonRight)), I = n(() => {
+      const t = e.field.type;
+      return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || !t;
+    }), D = n(() => O.value && I.value), x = (t, l) => {
+      c("addonChange", t.name, { value: l.value });
+    }, R = (t) => {
+      t.action && c("addonAction", t.action);
+    };
+    return (t, l) => D.value ? (r(), u(y, s({ key: 0 }, {
+      ...V.value,
+      ...a.field?.props || {}
+    }, C(b.value)), E({ _: 2 }, [
+      L(v)(a.field.addonLeft) ? {
+        name: "addon-left",
+        fn: o(() => [
+          a.field.addonLeft.type === "select" ? (r(), u(k, s({
+            key: 0,
+            modelValue: a.values[a.field.addonLeft.name],
+            options: a.field.addonLeft.options || []
+          }, a.field.addonLeft.props || {}, {
+            onOnSelect: l[0] || (l[0] = (i) => x(a.field.addonLeft, i))
+          }), {
+            trigger: o(({ selectedLabel: i }) => [
+              S(h, { variant: "outline" }, {
+                default: o(() => [
+                  m(p(i), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 1
+          }, 16, ["modelValue", "options"])) : a.field.addonLeft.type === "button" ? (r(), u(h, s({
+            key: 1,
+            variant: "outline"
+          }, a.field.addonLeft.props || {}, {
+            onClick: l[1] || (l[1] = (i) => R(a.field.addonLeft))
+          }), {
+            default: o(() => [
+              m(p(a.field.addonLeft.text), 1)
+            ]),
+            _: 1
+          }, 16)) : A("", !0)
+        ]),
+        key: "0"
+      } : void 0,
+      L(v)(a.field.addonRight) ? {
+        name: "addon-right",
+        fn: o(() => [
+          a.field.addonRight.type === "select" ? (r(), u(k, s({
+            key: 0,
+            modelValue: a.values[a.field.addonRight.name],
+            options: a.field.addonRight.options || []
+          }, a.field.addonRight.props || {}, {
+            onOnSelect: l[2] || (l[2] = (i) => x(a.field.addonRight, i))
+          }), {
+            trigger: o(({ selectedLabel: i }) => [
+              S(h, { variant: "outline" }, {
+                default: o(() => [
+                  m(p(i), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 1
+          }, 16, ["modelValue", "options"])) : a.field.addonRight.type === "button" ? (r(), u(h, s({
+            key: 1,
+            variant: "outline"
+          }, a.field.addonRight.props || {}, {
+            onClick: l[3] || (l[3] = (i) => R(a.field.addonRight))
+          }), {
+            default: o(() => [
+              m(p(a.field.addonRight.text), 1)
+            ]),
+            _: 1
+          }, 16)) : A("", !0)
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040)) : (r(), u(H(B.value), s({ key: 1 }, {
+      ...V.value,
+      ...a.field?.props || {}
+    }, C(b.value)), null, 16));
   }
 });
 export {
-  O as default
+  oe as default
 };

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

@@ -18,8 +18,10 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (name: string, payload: IFormFieldChangePayload) => any;
+    addonAction: (action: string) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onChange?: (name: string, payload: IFormFieldChangePayload) => any;
+    onAddonAction?: (action: string) => any;
 }>, {
     size: InputSize;
     variant: InputVariant;

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-5c98aa0e"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-47af145c"]]);
 export {
-  e as default
+  f as default
 };

package/components/Form/FormFields.vue2.js

@@ -1,17 +1,17 @@
-import { defineComponent as B, computed as R, openBlock as s, createElementBlock as a, normalizeClass as d, Fragment as l, renderList as U, createBlock as c, withCtx as y, unref as f, resolveDynamicComponent as w, createTextVNode as b, toDisplayString as u, createCommentVNode as o, createVNode as q } from "vue";
-import { isComponent as h, getNestedValue as E } from "./utils/form.utils.js";
-import p from "../Label.vue.js";
-import L from "./FormField.vue.js";
-const $ = {
+import { defineComponent as R, computed as U, openBlock as a, createElementBlock as s, normalizeClass as h, Fragment as d, renderList as f, createBlock as u, withCtx as y, unref as w, resolveDynamicComponent as q, createTextVNode as b, toDisplayString as m, createCommentVNode as o, createVNode as E } from "vue";
+import { isComponent as p, getNestedValue as L } from "./utils/form.utils.js";
+import v from "../Label.vue.js";
+import $ from "./FormField.vue.js";
+const I = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, I = {
+}, S = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, S = {
+}, T = {
   key: 2,
   class: "mt-1 text-sm text-destructive"
-}, H = /* @__PURE__ */ B({
+}, K = /* @__PURE__ */ R({
   __name: "FormFields",
   props: {
     schema: {},
@@ -26,70 +26,76 @@ const $ = {
     isFieldDisabled: {},
     isFieldReadonly: {}
   },
-  emits: ["change"],
-  setup(n, { emit: v }) {
-    const r = n, F = v, k = R(() => {
-      if (r.className) return r.className;
-    }), g = (t) => E(r.values, t.name), i = (t) => r.errors[t.name] || "", C = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, x = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, V = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, N = (t) => {
+  emits: ["change", "addonAction"],
+  setup(r, { emit: F }) {
+    const n = r, l = F, k = U(() => {
+      if (n.className) return n.className;
+    }), g = (t) => L(n.values, t.name), c = (t) => n.errors[t.name] || "", C = (t) => n.isFieldVisible ? n.isFieldVisible(t) : !0, x = (t) => n.isFieldDisabled ? n.isFieldDisabled(t) : t.disabled === !0, V = (t) => n.isFieldReadonly ? n.isFieldReadonly(t) : t.readonly === !0, A = (t) => {
       if (t)
-        return h(t), t;
-    }, D = (t, m) => {
-      F("change", t.name, m);
-    }, _ = (t) => t.itemClass || "";
-    return (t, m) => (s(), a("div", {
-      class: d(["grid gap-4", k.value])
+        return p(t), t;
+    }, N = (t, i) => {
+      l("change", t.name, i);
+    }, D = (t) => t.itemClass || "", _ = (t, i) => {
+      l("change", t, i);
+    }, z = (t) => {
+      l("addonAction", t);
+    };
+    return (t, i) => (a(), s("div", {
+      class: h(["grid gap-4", k.value])
     }, [
-      (s(!0), a(l, null, U(n.schema, (e) => (s(), a(l, {
+      (a(!0), s(d, null, f(r.schema, (e) => (a(), s(d, {
         key: e.name
       }, [
-        C(e) ? (s(), a("div", {
+        C(e) ? (a(), s("div", {
           key: 0,
-          class: d(["form-field-item", _(e)])
+          class: h(["form-field-item", D(e)])
         }, [
-          e.label && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" ? (s(), c(p, {
+          e.label && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" ? (a(), u(v, {
             key: 0,
             for: e.name,
             class: "mb-2 block text-sm font-medium"
           }, {
             default: y(() => [
-              f(h)(e.label) ? (s(), c(w(N(e.label)), { key: 0 })) : (s(), a(l, { key: 1 }, [
-                b(u(e.label) + " ", 1),
-                e.required ? (s(), a("span", $, "*")) : o("", !0)
+              w(p)(e.label) ? (a(), u(q(A(e.label)), { key: 0 })) : (a(), s(d, { key: 1 }, [
+                b(m(e.label) + " ", 1),
+                e.required ? (a(), s("span", I, "*")) : o("", !0)
               ], 64))
             ]),
             _: 2
           }, 1032, ["for"])) : o("", !0),
-          q(L, {
+          E($, {
             field: e,
             value: g(e),
             label: e.type === "customFields" ? e.label : void 0,
-            values: n.values,
-            variant: n.variant,
-            size: n.size,
-            rounded: n.rounded,
+            values: r.values,
+            variant: r.variant,
+            size: r.size,
+            rounded: r.rounded,
             disabled: x(e),
             readonly: V(e),
-            error: i(e),
-            isUpdate: n.isUpdate,
-            onChange: (z) => D(e, z)
+            error: c(e),
+            isUpdate: r.isUpdate,
+            onChange: (B) => N(e, B),
+            onAddonChange: _,
+            onAddonAction: z
           }, null, 8, ["field", "value", "label", "values", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "onChange"]),
-          e.label && (e.type === "switch" || e.type === "check") ? (s(), c(p, {
+          e.label && (e.type === "switch" || e.type === "check") ? (a(), u(v, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
             default: y(() => [
-              b(u(e.label) + " ", 1),
-              e.required ? (s(), a("span", I, "*")) : o("", !0)
+              b(m(e.label) + " ", 1),
+              e.required ? (a(), s("span", S, "*")) : o("", !0)
             ]),
             _: 2
           }, 1032, ["for"])) : o("", !0),
-          i(e) ? (s(), a("p", S, u(i(e)), 1)) : o("", !0)
+          c(e) ? (a(), s("p", T, m(c(e)), 1)) : o("", !0)
         ], 2)) : o("", !0)
       ], 64))), 128))
     ], 2));
   }
 });
 export {
-  H as default
+  K as default
 };

package/components/Form/types.d.ts

@@ -1,5 +1,25 @@
 import { Component } from 'vue';
 import { IDropdownOptions, InputVariant, InputSize, InputRounded } from '../../types';
+/**
+ * Addon configuration for input field addons (left/right)
+ * Allows rendering dropdowns or buttons inside input addons from schema
+ */
+export interface IFormAddon {
+    /** Key in form values this addon writes to (required for select, optional for button) */
+    name?: string;
+    /** 'select' renders a Dropdown; 'button' renders a Button */
+    type: 'select' | 'button';
+    /** Default value (for select addons) */
+    value?: any;
+    /** Dropdown options (required when type='select') */
+    options?: IDropdownOptions;
+    /** Button label (required when type='button') */
+    text?: string;
+    /** Emitted action name on button click */
+    action?: string;
+    /** Extra props forwarded to the rendered component */
+    props?: Record<string, any>;
+}
 /**
  * Form field types - maps to corresponding UI components
  */
@@ -75,10 +95,10 @@ export interface IForm {
     disabled?: IFormDisabled;
     /** Readonly state - boolean or conditional function */
     readonly?: IFormDisabled;
-    /** Left addon text */
-    addonLeft?: string;
-    /** Right addon text */
-    addonRight?: string;
+    /** Left addon — plain text or an addon config object (select/button) */
+    addonLeft?: string | IFormAddon;
+    /** Right addon — plain text or an addon config object (select/button) */
+    addonRight?: string | IFormAddon;
     /** Options for select/multiSelect/dropdown fields */
     options?: IDropdownOptions;
     /** Validation function - returns error message or empty string */

package/components/Form/utils/form.utils.d.ts

@@ -1,4 +1,8 @@
-import { IForm, IFormContext, IFormDisabled, IFormWhen } from '../types';
+import { IForm, IFormAddon, IFormContext, IFormDisabled, IFormWhen } from '../types';
+/**
+ * Helper: check if an addon definition is an object config (not a plain string)
+ */
+export declare function isAddonObject(addon: string | IFormAddon | undefined): addon is IFormAddon;
 /**
  * Get a nested value from an object using dot notation path
  * @example getNestedValue({ pricing: { amount: 100 } }, 'pricing.amount') => 100