@stachelock/ui 0.6.10 → 0.6.12

package/dist/inputs/AddressInput.js

@@ -1,4 +1,4 @@
-import { defineComponent as pe, inject as ye, onMounted as ve, ref as $, reactive as be, computed as K, watch as he, createElementBlock as G, openBlock as x, createVNode as y, unref as p, withCtx as C, createElementVNode as v, createCommentVNode as R, normalizeClass as I, createBlock as E, Fragment as xe, renderList as ke, toDisplayString as N, resolveDynamicComponent as we, createTextVNode as H } from "vue";
+import { defineComponent as pe, inject as ve, onMounted as ye, ref as $, reactive as be, computed as K, watch as he, createElementBlock as G, openBlock as x, createVNode as v, unref as p, withCtx as C, createElementVNode as y, createCommentVNode as R, normalizeClass as I, createBlock as E, Fragment as xe, renderList as ke, toDisplayString as N, resolveDynamicComponent as we, createTextVNode as H } from "vue";
 import { i as Ce } from "../validation-Dzczp6MS.js";
 import { Combobox as Ie, ComboboxInput as Se, ComboboxButton as Ae, TransitionRoot as W, ComboboxOptions as ze, ComboboxOption as _e } from "@headlessui/vue";
 import { LockClosedIcon as $e, MagnifyingGlassIcon as Ke, CheckIcon as Ge, ChevronDownIcon as Oe, ChevronUpIcon as Te } from "@heroicons/vue/20/solid";
@@ -231,8 +231,8 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
   },
   emits: ["update:modelValue", "blur", "focus"],
   setup(e, { expose: a, emit: c }) {
-    const r = e, i = c, f = Le(r.name || "address-input"), d = ye("googleMaps", void 0);
-    ve(() => {
+    const r = e, i = c, f = Le(r.name || "address-input"), d = ve("googleMaps", void 0);
+    ye(() => {
       d?.apiKey && !Ve() && De({
         apiKey: d.apiKey,
         version: d.version,
@@ -400,7 +400,7 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
       meta: S,
       errorMessage: h
     }), (l, t) => (x(), G("div", Je, [
-      y(Pe, {
+      v(Pe, {
         id: p(f),
         name: e.name,
         label: e.label,
@@ -410,11 +410,12 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
         "is-valid": p(S).valid,
         "is-touched": p(S).touched,
         disabled: e.disabled,
-        optional: se.value
+        optional: se.value,
+        "show-valid-check": !1
       }, {
         default: C(() => [
-          v("div", Ye, [
-            y(p(Ie), {
+          y("div", Ye, [
+            v(p(Ie), {
               modelValue: z.value,
               "onUpdate:modelValue": [
                 t[0] || (t[0] = (o) => z.value = o),
@@ -424,21 +425,21 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
               nullable: ""
             }, {
               default: C(() => [
-                v("div", qe, [
-                  y(p(Se), {
+                y("div", qe, [
+                  v(p(Se), {
                     id: p(f),
                     "display-value": ie,
                     placeholder: e.placeholder || "Search for an address...",
                     disabled: e.disabled,
                     class: I([
-                      "sl-block sl-w-full sl-rounded-md sl-shadow-sm sl-ring-1 sl-ring-inset sl-py-1.5 sl-pl-3 sl-pr-10 sl-text-sm focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-inset focus:sl-ring-stachelock-600",
+                      "sl-block sl-w-full sl-rounded-md sl-shadow-sm sl-ring-1 sl-ring-inset sl-py-1.5 sl-pl-2 sl-pr-10 sl-text-sm sl-leading-6 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-inset focus:sl-ring-stachelock-600",
                       e.disabled ? "sl-ring-gray-200 dark:sl-ring-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-slate-400 sl-cursor-not-allowed" : "sl-ring-gray-300 dark:sl-ring-slate-600 sl-bg-white dark:sl-bg-slate-800 sl-text-gray-900 dark:sl-text-slate-100 placeholder:sl-text-gray-400 dark:placeholder:sl-text-slate-500"
                     ]),
                     onChange: ne,
                     onFocus: fe,
                     onBlur: ge
                   }, null, 8, ["id", "placeholder", "disabled", "class"]),
-                  y(p(Ae), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
+                  v(p(Ae), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
                     default: C(() => [
                       e.disabled ? (x(), E(p($e), {
                         key: 0,
@@ -452,7 +453,7 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                     ]),
                     _: 1
                   }),
-                  y(p(W), {
+                  v(p(W), {
                     leave: "sl-transition sl-ease-in sl-duration-100",
                     "leave-from": "sl-opacity-100",
                     "leave-to": "sl-opacity-0"
@@ -469,17 +470,17 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                             as: "template"
                           }, {
                             default: C(({ active: w, selected: Z }) => [
-                              v("li", {
+                              y("li", {
                                 class: I([
                                   "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
                                   w ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
                                 ])
                               }, [
-                                v("div", et, [
-                                  v("span", {
+                                y("div", et, [
+                                  y("span", {
                                     class: I(["sl-block sl-truncate", Z ? "sl-font-medium" : "sl-font-normal"])
                                   }, N(o.mainText), 3),
-                                  v("span", {
+                                  y("span", {
                                     class: I(["sl-text-xs", w ? "sl-text-stachelock-100" : "sl-text-gray-500 dark:sl-text-slate-400"])
                                   }, N(o.secondaryText), 3)
                                 ]),
@@ -490,7 +491,7 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                                     w ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"
                                   ])
                                 }, [
-                                  y(p(Ge), {
+                                  v(p(Ge), {
                                     class: "sl-h-5 sl-w-5",
                                     "aria-hidden": "true"
                                   })
@@ -510,8 +511,8 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
               _: 1
             }, 8, ["modelValue", "disabled"]),
             V.value && !e.disabled ? (x(), G("div", tt, [
-              v("div", st, [
-                v("span", {
+              y("div", st, [
+                y("span", {
                   class: I(["sl-text-xs sl-uppercase sl-font-medium", j.value])
                 }, N(ae.value), 3),
                 (x(), E(we(oe.value), {
@@ -525,7 +526,7 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                 class: "sl-text-xs sl-text-gray-500 dark:sl-text-slate-400 hover:sl-underline sl-flex sl-items-center sl-gap-1"
               }, [
                 t[10] || (t[10] = H(" Collapse ", -1)),
-                y(p(Te), { class: "sl-h-3 sl-w-3" })
+                v(p(Te), { class: "sl-h-3 sl-w-3" })
               ])) : (x(), G("button", {
                 key: 0,
                 type: "button",
@@ -533,10 +534,10 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                 class: "sl-text-xs sl-text-stachelock-600 dark:sl-text-stachelock-400 hover:sl-underline sl-flex sl-items-center sl-gap-1"
               }, [
                 t[9] || (t[9] = H(" Edit address ", -1)),
-                y(p(Oe), { class: "sl-h-3 sl-w-3" })
+                v(p(Oe), { class: "sl-h-3 sl-w-3" })
               ]))
             ])) : R("", !0),
-            y(p(W), {
+            v(p(W), {
               show: u.value && V.value && !e.disabled,
               enter: "sl-transition sl-ease-out sl-duration-200",
               "enter-from": "sl-opacity-0 sl-transform sl--translate-y-2",
@@ -546,9 +547,9 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
               "leave-to": "sl-opacity-0 sl-transform sl--translate-y-2"
             }, {
               default: C(() => [
-                v("div", lt, [
-                  v("div", at, [
-                    y(O, {
+                y("div", lt, [
+                  y("div", at, [
+                    v(O, {
                       name: `${e.name}_street`,
                       label: "Street Address",
                       value: s.street,
@@ -560,8 +561,8 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  v("div", null, [
-                    y(O, {
+                  y("div", null, [
+                    v(O, {
                       name: `${e.name}_suite`,
                       label: "Suite / Apt",
                       value: s.suite,
@@ -574,8 +575,8 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  v("div", null, [
-                    y(O, {
+                  y("div", null, [
+                    v(O, {
                       name: `${e.name}_city`,
                       label: "City",
                       value: s.city,
@@ -587,8 +588,8 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  v("div", null, [
-                    y(O, {
+                  y("div", null, [
+                    v(O, {
                       name: `${e.name}_state`,
                       label: "State",
                       value: s.state,
@@ -600,8 +601,8 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  v("div", null, [
-                    y(O, {
+                  y("div", null, [
+                    v(O, {
                       name: `${e.name}_zipcode`,
                       label: "ZIP Code",
                       value: s.zipcode,
@@ -613,8 +614,8 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
                       })
                     }, null, 8, ["name", "value", "disabled"])
                   ]),
-                  v("div", null, [
-                    y(O, {
+                  y("div", null, [
+                    v(O, {
                       name: `${e.name}_country`,
                       label: "Country",
                       value: s.country,
@@ -636,7 +637,7 @@ const Je = { class: "sl-address-input" }, Ye = { class: "sl-space-y-3" }, qe = {
       }, 8, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "disabled", "optional"])
     ]));
   }
-}), bt = /* @__PURE__ */ Ne(ot, [["__scopeId", "data-v-b3950b26"]]);
+}), bt = /* @__PURE__ */ Ne(ot, [["__scopeId", "data-v-fddceda1"]]);
 export {
   bt as default
 };

package/dist/inputs/ComboboxInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../ComboboxInput.vue_vue_type_script_setup_true_lang-kHTj4Ju2.js";
+import { _ as f } from "../ComboboxInput.vue_vue_type_script_setup_true_lang-Cy0Pl8Ap.js";
 export {
   f as default
 };

package/dist/inputs/DatepickerInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../DatepickerInput.vue_vue_type_style_index_0_lang-DbI3619T.js";
+import { _ as f } from "../DatepickerInput.vue_vue_type_style_index_0_lang-C_0dWHo6.js";
 export {
   f as default
 };

package/dist/inputs/EmailInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../EmailInput.vue_vue_type_script_setup_true_lang-CWEfbsJ_.js";
+import { _ as f } from "../EmailInput.vue_vue_type_script_setup_true_lang-59bDl9yw.js";
 export {
   f as default
 };

package/dist/inputs/FileDropzoneInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../FileDropzoneInput.vue_vue_type_script_setup_true_lang-BJR-_ngq.js";
+import { _ as f } from "../FileDropzoneInput.vue_vue_type_script_setup_true_lang-BC_qN5qn.js";
 export {
   f as default
 };

package/dist/inputs/ImageDropzoneInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../ImageDropzoneInput.vue_vue_type_script_setup_true_lang-7JWDfxD2.js";
+import { _ as f } from "../ImageDropzoneInput.vue_vue_type_script_setup_true_lang-CsAclXd8.js";
 export {
   f as default
 };

package/dist/inputs/PhoneInput.js

@@ -591,8 +591,8 @@ const ia = ["src", "alt"], ua = { class: "sl-font-medium" }, ca = { class: "sl-b
             disabled: a.disabled,
             "aria-describedby": xe.value,
             "aria-invalid": H.value,
-            class: I(["sl-block sl-flex-1 sl-min-w-0 sl-border-0 sl-bg-transparent sl-py-2 sl-px-3 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
-              a.disabled ? "sl-text-gray-400 dark:sl-text-gray-300 sl-cursor-not-allowed sl-placeholder:text-gray-300 dark:sl-placeholder:text-gray-500" : "sl-text-gray-800 dark:sl-text-gray-100 sl-placeholder:text-gray-400 dark:sl-placeholder:text-gray-400"
+            class: I(["sl-block sl-flex-1 sl-min-w-0 sl-border-0 sl-bg-transparent sl-py-1.5 sl-pl-2 sl-pr-3 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
+              a.disabled ? "sl-text-gray-400 dark:sl-text-gray-300 sl-cursor-not-allowed placeholder:sl-text-gray-300 dark:placeholder:sl-text-slate-500" : "sl-text-gray-800 dark:sl-text-gray-100 placeholder:sl-text-gray-400 dark:placeholder:sl-text-slate-500"
             ]]),
             onInput: Ee,
             onBlur: ke,
@@ -620,7 +620,7 @@ const ia = ["src", "alt"], ua = { class: "sl-font-medium" }, ca = { class: "sl-b
       _: 3
     }, 8, ["id", "name", "label", "optional", "error-message", "success-message", "is-valid", "is-touched", "show-errors", "show-valid-check", "tertiary-label", "disabled", "disabled-message", "colorful-validation"]));
   }
-}), Ra = /* @__PURE__ */ oa(ba, [["__scopeId", "data-v-efbeb626"]]);
+}), Ra = /* @__PURE__ */ oa(ba, [["__scopeId", "data-v-6ecd71b7"]]);
 export {
   Ra as default
 };

package/dist/inputs/RichTextInput.js

@@ -423,7 +423,7 @@ const El = ["disabled"], Sl = ["disabled"], ql = ["disabled"], $l = ["disabled"]
       _: 1
     }, 8, ["id", "name", "label", "optional", "error-message", "is-valid", "is-touched", "show-errors", "tertiary-label", "disabled"]));
   }
-}), ye = /* @__PURE__ */ Ul(ie, [["__scopeId", "data-v-64b191e4"]]);
+}), ye = /* @__PURE__ */ Ul(ie, [["__scopeId", "data-v-9b8f8825"]]);
 export {
   ye as default
 };

package/dist/inputs/SelectInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../SelectInput.vue_vue_type_script_setup_true_lang-D9yg_rkV.js";
+import { _ as f } from "../SelectInput.vue_vue_type_script_setup_true_lang-DEaP3bhC.js";
 export {
   f as default
 };

package/dist/inputs/SelectTextInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../SelectTextInput.vue_vue_type_script_setup_true_lang-CtFVOrhm.js";
+import { _ as f } from "../SelectTextInput.vue_vue_type_script_setup_true_lang-DYlrRigi.js";
 export {
   f as default
 };

package/dist/inputs/SwitchInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../SwitchInput.vue_vue_type_script_setup_true_lang-D5Es9AjF.js";
+import { _ as f } from "../SwitchInput.vue_vue_type_script_setup_true_lang-r8ZwU1Zy.js";
 export {
   f as default
 };

package/dist/inputs/SwitchInputGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../SwitchInputGroup.vue_vue_type_script_setup_true_lang-DigNYqVZ.js";
+import { _ as f } from "../SwitchInputGroup.vue_vue_type_script_setup_true_lang-PgsXeiig.js";
 export {
   f as default
 };

package/dist/inputs/TagifyInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../TagifyInput.vue_vue_type_script_setup_true_lang-BF2mK8JC.js";
+import { _ as f } from "../TagifyInput.vue_vue_type_script_setup_true_lang-CwxJ2x1x.js";
 export {
   f as default
 };

package/dist/inputs/TextAreaInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../TextAreaInput.vue_vue_type_script_setup_true_lang-Cf0MJobG.js";
+import { _ as f } from "../TextAreaInput.vue_vue_type_script_setup_true_lang-Dtf7H1sT.js";
 export {
   f as default
 };

package/dist/inputs/TextInput.js

@@ -1,11 +1,11 @@
-import { defineComponent as O, computed as z, ref as f, toRef as m, watch as h, nextTick as I, createElementBlock as S, openBlock as E, createVNode as T, unref as t, withCtx as n, renderSlot as p, createElementVNode as N, mergeProps as R } from "vue";
-import { useField as $ } from "vee-validate";
-import { debounce as L } from "lodash-es";
-import q from "../forms/FormFieldWrapper.js";
-import { g as A } from "../id-DafBB_QF.js";
-import { i as P } from "../validation-Dzczp6MS.js";
-import { _ as U } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const W = { class: "sl-form" }, j = ["name", "id", "type", "value", "placeholder", "spellcheck", "disabled"], D = /* @__PURE__ */ O({
+import { defineComponent as O, computed as S, ref as f, toRef as m, watch as h, nextTick as z, createElementBlock as I, openBlock as E, createVNode as T, unref as t, createSlots as $, withCtx as u, renderSlot as p, createElementVNode as N, mergeProps as R } from "vue";
+import { useField as L } from "vee-validate";
+import { debounce as q } from "lodash-es";
+import A from "../forms/FormFieldWrapper.js";
+import { g as P } from "../id-DafBB_QF.js";
+import { i as U } from "../validation-Dzczp6MS.js";
+import { _ as W } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const j = { class: "sl-form" }, D = ["name", "id", "type", "value", "placeholder", "spellcheck", "disabled"], G = /* @__PURE__ */ O({
   inheritAttrs: !1,
   __name: "TextInput",
   props: {
@@ -39,25 +39,25 @@ const W = { class: "sl-form" }, j = ["name", "id", "type", "value", "placeholder
   },
   emits: ["update:value", "focus", "blur", "error", "update:validity"],
   setup(e, { emit: v }) {
-    const l = e, o = v, y = z(() => l.optional !== void 0 ? l.optional : P(l.rules)), r = f(!1), c = A(l.name || "text-input"), b = f(l.validateOnMount), { value: s, errorMessage: g, handleChange: w, meta: d, validate: x, setTouched: B } = $(m(l, "name"), m(l, "rules"), {
+    const l = e, o = v, y = S(() => l.optional !== void 0 ? l.optional : U(l.rules)), r = f(!1), c = P(l.name || "text-input"), b = f(l.validateOnMount), { value: s, errorMessage: g, handleChange: w, meta: d, validate: x, setTouched: k } = L(m(l, "name"), m(l, "rules"), {
       initialValue: l.value,
       validateOnValueUpdate: !l.lazy,
       validateOnMount: b.value
-    }), u = (a) => o("update:value", a), k = L(u, 300);
+    }), n = (a) => o("update:value", a), B = q(n, 300);
     function V(a) {
       const i = a.target.value;
-      l.lazy ? k(i) : u(i), w(l.transformFunction(i));
+      l.lazy ? B(i) : n(i), w(l.transformFunction(i));
     }
     async function M(a) {
-      r.value || (r.value = !0, B(!0)), l.lazy && u(s.value), await x(), o("blur", a);
+      r.value || (r.value = !0, k(!0)), l.lazy && n(s.value), await x(), o("blur", a);
     }
     function C(a) {
       o("focus", a);
     }
-    return h(() => d.valid, (a) => I(() => o("update:validity", a)), { immediate: !0 }), h(() => l.value, (a) => {
+    return h(() => d.valid, (a) => z(() => o("update:validity", a)), { immediate: !0 }), h(() => l.value, (a) => {
       a !== s.value && (s.value = a);
-    }), (a, i) => (E(), S("div", W, [
-      T(q, {
+    }), (a, i) => (E(), I("div", j, [
+      T(A, {
         id: t(c),
         name: e.name,
         label: e.label,
@@ -73,11 +73,8 @@ const W = { class: "sl-form" }, j = ["name", "id", "type", "value", "placeholder
         "disabled-message": e.disabledMessage,
         "box-shadow": e.boxShadow,
         optional: y.value
-      }, {
-        prefix: n(() => [
-          p(a.$slots, "prefix", {}, void 0, !0)
-        ]),
-        default: n(({ inputClasses: F }) => [
+      }, $({
+        default: u(({ inputClasses: F }) => [
           N("input", R(a.$attrs, {
             name: e.name,
             id: t(c),
@@ -86,7 +83,7 @@ const W = { class: "sl-form" }, j = ["name", "id", "type", "value", "placeholder
             placeholder: e.placeholder,
             spellcheck: e.spellcheck,
             disabled: e.disabled,
-            class: ["sl-block sl-w-full sl-bg-transparent placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-400 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
+            class: ["sl-block sl-w-full sl-bg-transparent placeholder:sl-text-gray-400 dark:placeholder:sl-text-slate-500 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
               F,
               "sl-py-1.5 sl-pl-2 sl-pr-2",
               { "sl-uppercase": e.capitalize },
@@ -98,16 +95,24 @@ const W = { class: "sl-form" }, j = ["name", "id", "type", "value", "placeholder
             onInput: V,
             onFocus: C,
             onBlur: M
-          }), null, 16, j)
+          }), null, 16, D)
         ]),
-        "input-right": n(() => [
+        "input-right": u(() => [
           p(a.$slots, "input-right", {}, void 0, !0)
         ]),
-        _: 3
-      }, 8, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "show-errors", "show-valid-check", "colorful-validation", "disabled", "disabled-message", "box-shadow", "optional"])
+        _: 2
+      }, [
+        a.$slots.prefix ? {
+          name: "prefix",
+          fn: u(() => [
+            p(a.$slots, "prefix", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "show-errors", "show-valid-check", "colorful-validation", "disabled", "disabled-message", "box-shadow", "optional"])
     ]));
   }
-}), Z = /* @__PURE__ */ U(D, [["__scopeId", "data-v-653ccf8c"]]);
+}), _ = /* @__PURE__ */ W(G, [["__scopeId", "data-v-dfd8b221"]]);
 export {
-  Z as default
+  _ as default
 };

package/dist/src/components/forms/DynamicForm.d.ts

@@ -47,7 +47,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         values: FormData;
     }>;
     reset: () => void;
-    setFieldValue: (fieldName: string, value: any) => void;
+    setFieldValue: (fieldName: string, value: unknown) => void;
     getFieldValue: (fieldName: string) => any;
     formData: FormData;
     formRef: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;

package/dist/src/components/inputs/SwitchInput.d.ts

@@ -33,7 +33,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     value: import('vue').Ref<boolean, boolean>;
     focus: () => void;
     blur: () => void;
-    switchRef: import('vue').Ref<any, any>;
+    switchRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     blur: (event: FocusEvent) => void;
     focus: (event: FocusEvent) => void;

package/dist/src/components/profile-inputs/BaseInformationInput.d.ts

@@ -7,7 +7,7 @@ export interface BaseInformationFieldType {
     type?: string;
     innerLabel?: string;
     hideLabel?: boolean;
-    rules?: any;
+    rules?: unknown;
     position?: number;
     validateOnMount?: boolean;
     placeholder?: string;
@@ -21,8 +21,8 @@ export interface BaseInformationSchemaType {
     fields: BaseInformationFieldType[];
 }
 export interface BaseInformationDataType {
-    [key: string]: any;
-    profile_image?: any;
+    [key: string]: unknown;
+    profile_image?: string | File | null;
     email?: string;
     phone?: string;
 }
@@ -35,7 +35,7 @@ export interface ValidField {
     id: string;
     isValid: boolean;
 }
-type FormValuesType = Record<string, any>;
+type FormValuesType = Record<string, unknown>;
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     value: {
         type: PropType<BaseInformationDataType>;
@@ -68,9 +68,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         results: FormValuesType;
     }>;
     validationSchema: import('vue').ComputedRef<import('yup').ObjectSchema<{
-        [x: string]: any;
+        [x: string]: unknown;
     }, import('yup').AnyObject, {
-        [x: string]: any;
+        [x: string]: undefined;
     }, "">>;
     errors: import('vue').ComputedRef<Partial<Record<string, string | undefined>>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/dist/src/components/profile-inputs/NamesInput.d.ts

@@ -6,11 +6,14 @@ export interface NamesFieldType {
     as?: string;
     type?: string;
     hideLabel?: boolean;
-    rules?: any;
+    rules?: unknown;
     position?: number;
     validateOnMount?: boolean;
     placeholder?: string;
-    items?: any[];
+    items?: Array<{
+        value: string;
+        label: string;
+    }>;
     itemKey?: string;
     itemText?: string;
     clearable?: boolean;
@@ -64,9 +67,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>;
     validationSchema: import('vue').ComputedRef<import('yup').ObjectSchema<{
-        [x: string]: any;
+        [x: string]: unknown;
     }, import('yup').AnyObject, {
-        [x: string]: any;
+        [x: string]: undefined;
     }, "">>;
     errors: import('vue').ComputedRef<Partial<Record<string, string | undefined>>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/dist/src/composables/useCollectionEditor.d.ts

@@ -26,7 +26,9 @@ export interface CollectionEditorReturn<T extends CollectionItem> {
     /** Current form values */
     formValues: Ref<T>;
     /** Reference to the form component */
-    formRef: Ref<any>;
+    formRef: Ref<{
+        submitForm?: () => void;
+    } | null>;
     /** Button attributes for add/save/delete */
     buttonAttributes: ComputedRef<CollectionButtonAttributes>;
     /** Whether delete confirmation modal should show */
@@ -61,5 +63,5 @@ export interface CollectionEditorReturn<T extends CollectionItem> {
 /**
  * Create a collection editor composable instance
  */
-export declare function useCollectionEditor<T extends CollectionItem>(options: CollectionEditorOptions<T>, emit: (event: string, ...args: any[]) => void): CollectionEditorReturn<T>;
+export declare function useCollectionEditor<T extends CollectionItem>(options: CollectionEditorOptions<T>, emit: (event: string, ...args: unknown[]) => void): CollectionEditorReturn<T>;
 export default useCollectionEditor;

package/dist/src/composables/useFormValidation.d.ts

@@ -23,7 +23,7 @@ export interface UseFormValidationOptions {
     /**
      * Validation schema (Yup schema object)
      */
-    schema?: ObjectSchema<any>;
+    schema?: ObjectSchema<Record<string, unknown>>;
     /**
      * Initial values for the form fields
      */

package/dist/src/types/core.d.ts

@@ -48,11 +48,11 @@ export interface FormValidationResult {
     /** Map of field names to error messages */
     errors: Record<string, string>;
     /** Current form values */
-    values: Record<string, any>;
+    values: Record<string, unknown>;
     /** Source identifier for nested form aggregation */
     source?: string;
     /** Per-field validation results */
-    results?: Record<string, any>;
+    results?: Record<string, unknown>;
 }
 /**
  * Base props shared by ALL input components.
@@ -153,7 +153,7 @@ export interface InputBaseProps {
  * const emit = defineEmits<InputEmits<string>>();
  * ```
  */
-export interface InputEmits<T = any> {
+export interface InputEmits<T = unknown> {
     /**
      * Emitted when the input value changes.
      * Used for v-model binding.
@@ -427,7 +427,7 @@ export interface DynamicFormProps {
     /**
      * Initial form values.
      */
-    formValues?: Record<string, any>;
+    formValues?: Record<string, unknown>;
     /**
      * Form identifier for debugging.
      * @default 'generic'
@@ -529,7 +529,7 @@ export interface NotificationConfig {
  */
 export interface CloudinaryTransformationStep {
     type: string;
-    params?: Record<string, any>;
+    params?: Record<string, unknown>;
 }
 /**
  * Cloudinary asset configuration.

package/dist/src/utils/component-registry.d.ts

@@ -14,7 +14,9 @@ export declare class ComponentRegistry {
     /**
      * Register a new component type
      */
-    register(type: string, component: string, loader: () => Promise<any>): void;
+    register(type: string, component: string, loader: () => Promise<{
+        default: Component;
+    }>): void;
     /**
      * Get a component for a field type
      */
@@ -40,7 +42,9 @@ export declare const componentRegistry: ComponentRegistry;
 /**
  * Register a component type globally
  */
-export declare function registerComponent(type: string, component: string, loader: () => Promise<any>): void;
+export declare function registerComponent(type: string, component: string, loader: () => Promise<{
+    default: Component;
+}>): void;
 /**
  * Get a component for a field type
  */

package/dist/src/views/components/index.d.ts

@@ -8,8 +8,8 @@ export { default as LoadingPage } from './LoadingPage';
 export { default as LottiePage } from './LottiePage';
 export { default as MenuPage } from './MenuPage';
 export { default as ModalPage } from './ModalPage';
+export { default as ProfilePreviewPage } from './ProfilePreviewPage';
 export { default as ProgressPage } from './ProgressPage';
 export { default as RichTextInputPage } from './RichTextInputPage';
 export { default as TablePage } from './TablePage';
-export { default as TextInputPage } from './TextInputPage';
 export { default as TransitionPage } from './TransitionPage';

package/dist/src/views/index.d.ts

@@ -4,6 +4,7 @@ export { default as CardsShowcase } from './CardsShowcase';
 export { default as ChartsShowcase } from './ChartsShowcase';
 export { default as EmptyStatesShowcase } from './EmptyStatesShowcase';
 export { default as FormsShowcase } from './FormsShowcase';
+export { default as InputPaddingTest } from './InputPaddingTest';
 export { default as InputsShowcase } from './InputsShowcase';
 export { default as KitchenSink } from './KitchenSink';
 export { default as LayoutsShowcase } from './LayoutsShowcase';