@stachelock/ui 0.6.10 → 0.6.12

package/dist/{CalendarHeader.vue_vue_type_script_setup_true_lang-Cbgbb2e5.js → CalendarHeader.vue_vue_type_script_setup_true_lang-CooyV5tq.js}

@@ -1,7 +1,7 @@
 import { defineComponent as P, ref as v, computed as x, watch as D, onMounted as q, onUnmounted as J, createElementBlock as d, openBlock as c, createElementVNode as s, toDisplayString as u, createVNode as y, unref as C, createCommentVNode as S, renderSlot as M, Fragment as _, withCtx as $, createTextVNode as Q, Transition as X, withDirectives as Z, renderList as ee, normalizeClass as te, vShow as se } from "vue";
 import { ChevronLeftIcon as le, ChevronRightIcon as ae, EllipsisHorizontalIcon as re } from "@heroicons/vue/20/solid";
 import ne from "./components/Button.js";
-import { _ as oe } from "./SelectInput.vue_vue_type_script_setup_true_lang-D9yg_rkV.js";
+import { _ as oe } from "./SelectInput.vue_vue_type_script_setup_true_lang-DEaP3bhC.js";
 import { t as h, p as A, b as ie, g as de, a as O } from "./calendar-DaXCwXP5.js";
 const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-pl-6 sl-py-4 lg:sl-flex-none sl-bg-white dark:sl-bg-slate-900" }, ue = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-slate-200" }, ye = ["datetime"], me = { class: "sl-flex sl-items-center" }, ge = { class: "sl-relative sl-flex sl-items-center sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-sm md:sl-items-stretch" }, ve = { class: "sl-sr-only" }, he = { class: "sl-sr-only" }, fe = { class: "sl-hidden md:sl-ml-4 md:sl-flex md:sl-items-center" }, be = { class: "sl-w-36" }, ke = { class: "sl-absolute sl-right-0 sl-z-10 sl-mt-3 sl-w-36 sl-origin-top-right sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700 sl-overflow-hidden sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-lg sl-ring-1 sl-ring-black dark:sl-ring-slate-600 sl-ring-opacity-5 focus:sl-outline-none" }, we = {
   key: 0,

package/dist/{ComboboxInput.vue_vue_type_script_setup_true_lang-kHTj4Ju2.js → ComboboxInput.vue_vue_type_script_setup_true_lang-Cy0Pl8Ap.js}

@@ -36,7 +36,7 @@ const ye = { class: "sl-w-full" }, he = { class: "sl-absolute sl-inset-y-0 sl-ri
     value: { type: [String, Number, Boolean, null, Object, Array] },
     boxShadow: { type: Boolean, default: !1 },
     clearable: { type: Boolean, default: !1 },
-    showValidCheck: { type: Boolean, default: !0 },
+    showValidCheck: { type: Boolean, default: !1 },
     colorfulValidation: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "update:value", "update:query", "blur", "focus"],
@@ -71,10 +71,10 @@ const ye = { class: "sl-w-full" }, he = { class: "sl-absolute sl-inset-y-0 sl-ri
       "sl-w-full",
       "sl-border-none",
       "sl-py-1.5",
-      "sl-pl-3",
+      "sl-pl-2",
       "sl-pr-10",
       "sl-text-sm",
-      "sl-leading-5",
+      "sl-leading-6",
       "sl-text-gray-900",
       "dark:sl-text-slate-100",
       "placeholder:sl-text-gray-400",

package/dist/{DatepickerInput.vue_vue_type_style_index_0_lang-DbI3619T.js → DatepickerInput.vue_vue_type_style_index_0_lang-C_0dWHo6.js}

@@ -61,7 +61,8 @@ const Be = {
     },
     showValidCheck: {
       type: Boolean,
-      default: !0
+      default: !1
+      // Disabled by default since clear button or icon would overlap
     },
     successMessage: {
       type: String,
@@ -350,11 +351,11 @@ const Be = {
       const e = [
         "sl-block sl-w-full sl-rounded-md sl-border-0 sl-py-1.5",
         "sl-text-gray-800 dark:sl-text-gray-100 sl-shadow-sm sl-ring-1 sl-ring-inset",
-        "placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-500 focus:sl-ring-2 focus:sl-ring-inset",
+        "placeholder:sl-text-gray-400 dark:placeholder:sl-text-slate-500 focus:sl-ring-2 focus:sl-ring-inset",
         "sm:sl-text-sm sm:sl-leading-6",
-        "sl-bg-white dark:sl-bg-slate-900"
+        "sl-bg-white dark:sl-bg-slate-800"
       ];
-      return a.icon ? e.push("sl-pl-10") : e.push("sl-pl-3"), a.clearable ? e.push("sl-pr-10") : e.push("sl-pr-3"), a.disabled ? e.push("sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-gray-300 sl-cursor-not-allowed sl-ring-gray-200 dark:sl-ring-slate-700") : h.value && (c.touched || a.showErrors) ? e.push("sl-ring-red-500 focus:sl-ring-red-500 sl-bg-red-50 dark:sl-bg-red-900/20") : (c.valid && c.touched, e.push("sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-ring-primary-600")), e.join(" ");
+      return a.icon ? e.push("sl-pl-10") : e.push("sl-pl-2"), a.clearable ? e.push("sl-pr-10") : e.push("sl-pr-3"), a.disabled ? e.push("sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-gray-300 sl-cursor-not-allowed sl-ring-gray-200 dark:sl-ring-slate-700") : h.value && (c.touched || a.showErrors) ? e.push("sl-ring-red-500 focus:sl-ring-red-500 sl-bg-red-50 dark:sl-bg-red-900/20") : (c.valid && c.touched, e.push("sl-ring-gray-300 dark:sl-ring-slate-600 focus:sl-ring-primary-600")), e.join(" ");
     }), S = d(() => {
       const e = {
         monthPicker: !1,

package/dist/{EmailInput.vue_vue_type_script_setup_true_lang-CWEfbsJ_.js → EmailInput.vue_vue_type_script_setup_true_lang-59bDl9yw.js}

@@ -23,9 +23,9 @@ const j = { class: "sl-w-full" }, A = ["name", "id", "value", "placeholder", "au
   },
   emits: ["update:value", "update:validity", "focus", "blur", "submit"],
   setup(l, { expose: h, emit: v }) {
-    const a = l, t = v, d = U(`sl-${a.name}`), r = M(!1), g = V(() => W(a.rules)), {
+    const a = l, t = v, d = U(`sl-${a.name}`), r = M(!1), b = V(() => W(a.rules)), {
       value: i,
-      errorMessage: b,
+      errorMessage: g,
       handleBlur: p,
       handleChange: y,
       meta: u,
@@ -76,7 +76,7 @@ const j = { class: "sl-w-full" }, A = ["name", "id", "value", "placeholder", "au
         name: l.name,
         label: l.label,
         "tertiary-label": l.tertiaryLabel,
-        "error-message": s(b),
+        "error-message": s(g),
         "success-message": l.successMessage,
         "is-valid": s(u).valid,
         "is-touched": s(u).touched,
@@ -85,7 +85,7 @@ const j = { class: "sl-w-full" }, A = ["name", "id", "value", "placeholder", "au
         "colorful-validation": l.colorfulValidation,
         disabled: l.disabled,
         "disabled-message": l.disabledMessage,
-        optional: g.value
+        optional: b.value
       }, {
         default: f(({ inputClasses: C }) => [
           N("input", {
@@ -96,7 +96,7 @@ const j = { class: "sl-w-full" }, A = ["name", "id", "value", "placeholder", "au
             placeholder: l.placeholder,
             autocomplete: l.autoComplete,
             disabled: l.disabled,
-            class: T(["sl-block sl-w-full sl-bg-transparent sl-text-gray-900 dark:sl-text-gray-100 placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-500 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
+            class: T(["sl-block sl-w-full sl-bg-transparent sl-text-gray-900 dark:sl-text-gray-100 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", [
               C,
               "sl-py-1.5 sl-pl-2",
               { "sl-text-gray-400": l.disabled },

package/dist/{FileDropzoneInput.vue_vue_type_script_setup_true_lang-BJR-_ngq.js → FileDropzoneInput.vue_vue_type_script_setup_true_lang-BC_qN5qn.js}

@@ -1,6 +1,6 @@
 import { defineComponent as X, ref as g, computed as k, createElementBlock as p, openBlock as m, Fragment as F, createElementVNode as a, createCommentVNode as C, withModifiers as f, normalizeClass as w, createVNode as x, renderSlot as _, unref as h, createTextVNode as N, toDisplayString as v, renderList as A } from "vue";
 import { CloudArrowUpIcon as $, DocumentIcon as G, XMarkIcon as L } from "@heroicons/vue/24/outline";
-const O = { class: "sl-flex sl-flex-col sl-items-center sl-justify-center sl-py-5" }, W = { class: "sl-text-xs sl-text-gray-400 dark:sl-text-slate-300" }, R = {
+const O = { class: "sl-flex sl-flex-col sl-items-center sl-justify-center sl-py-5" }, W = { class: "sl-text-xs sl-text-gray-400 dark:sl-text-slate-400" }, R = {
   key: 0,
   class: "sl-mt-4 sl-w-full sl-px-4"
 }, U = { class: "sl-flex sl-flex-wrap sl-gap-2 sl-justify-center" }, J = { class: "sl-text-xs sl-text-gray-600 dark:sl-text-slate-200 sl-truncate sl-max-w-[120px]" }, Z = ["onClick"], q = ["accept", "multiple", "disabled"], H = {

package/dist/{ImageDropzoneInput.vue_vue_type_script_setup_true_lang-7JWDfxD2.js → ImageDropzoneInput.vue_vue_type_script_setup_true_lang-CsAclXd8.js}

@@ -1,28 +1,28 @@
-import { defineComponent as G, ref as p, computed as F, onMounted as H, watch as J, createElementBlock as u, openBlock as r, createCommentVNode as f, withDirectives as v, toDisplayString as y, createElementVNode as o, normalizeClass as A, createVNode as b, withCtx as R, renderSlot as K, vShow as x, Fragment as Q, renderList as Z, mergeProps as E, unref as $, createBlock as w } from "vue";
-import { XCircleIcon as ee, PhotoIcon as B } from "@heroicons/vue/24/solid";
-import { _ as N } from "./FileDropzoneInput.vue_vue_type_script_setup_true_lang-BJR-_ngq.js";
-import I from "./components/CloudinaryImage.js";
+import { defineComponent as H, ref as y, computed as w, onMounted as J, watch as K, createElementBlock as u, openBlock as o, createCommentVNode as f, withDirectives as v, toDisplayString as m, createElementVNode as r, normalizeClass as A, createVNode as b, withCtx as L, renderSlot as Q, createTextVNode as Z, vShow as x, Fragment as ee, renderList as le, mergeProps as N, unref as U, createBlock as D } from "vue";
+import { XCircleIcon as se, PhotoIcon as B } from "@heroicons/vue/24/solid";
+import { _ as R } from "./FileDropzoneInput.vue_vue_type_script_setup_true_lang-BC_qN5qn.js";
+import V from "./components/CloudinaryImage.js";
 import O from "./components/LoadingDots.js";
-const le = { class: "sl-space-y-2" }, se = {
+const te = { class: "sl-space-y-2" }, ae = {
   key: 0,
   class: "sl-grid sl-grid-cols-3 sl-items-center"
-}, te = {
+}, re = {
   key: 0,
   for: "dropzone-file",
   class: "sl-text-sm sl-col-span-2 sl-text-gray-700 dark:sl-text-gray-200"
-}, ae = {
+}, oe = {
   key: 1,
   class: "sl-text-xs sl-text-gray-400 dark:sl-text-gray-500 sl-col-start-3 sl-text-right"
-}, re = {
+}, ie = {
   key: 2,
   class: "sl-text-xs sl-uppercase sl-text-gray-500 dark:sl-text-gray-400 sl-truncate sl-text-right sl-font-semibold sl-justify-self-end sl-col-start-3"
-}, oe = { class: "sl-w-full" }, ie = ["onClick"], ne = { class: "sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center sl-z-10 sl-bg-black sl-bg-opacity-50 sl-transition-opacity sl-duration-200" }, ue = { class: "sl-absolute sl-inset-0 sl-z-30 sl-flex sl-items-center sl-justify-center sl-bg-primary-50 dark:sl-bg-primary-900/30 sl-bg-opacity-95 sl-border-2 sl-border-dashed sl-border-primary-400 sl-rounded-lg sl-transition-opacity sl-duration-200" }, de = { class: "sl-text-center" }, ce = { class: "sl-mt-2 sl-text-sm sl-font-medium sl-text-primary-600 dark:sl-text-primary-400" }, fe = { class: "sl-w-full" }, me = { key: 2 }, ge = { class: "sl-flex sl-items-center sl-p-4 sl-bg-gray-50 dark:sl-bg-slate-800 sl-rounded-lg" }, pe = { class: "sl-flex-shrink-0" }, ye = {
+}, ne = { class: "sl-w-full" }, ue = { class: "sl-text-xs sl-text-gray-400 dark:sl-text-slate-400" }, de = ["onClick"], ce = { class: "sl-absolute sl-inset-0 sl-flex sl-items-center sl-justify-center sl-z-10 sl-bg-black sl-bg-opacity-50 sl-transition-opacity sl-duration-200" }, fe = { class: "sl-absolute sl-inset-0 sl-z-30 sl-flex sl-items-center sl-justify-center sl-bg-primary-50 dark:sl-bg-primary-900/30 sl-bg-opacity-95 sl-border-2 sl-border-dashed sl-border-primary-400 sl-rounded-lg sl-transition-opacity sl-duration-200" }, me = { class: "sl-text-center" }, pe = { class: "sl-mt-2 sl-text-sm sl-font-medium sl-text-primary-600 dark:sl-text-primary-400" }, ge = { class: "sl-w-full" }, ye = { key: 2 }, ve = { class: "sl-flex sl-items-center sl-p-4 sl-bg-gray-50 dark:sl-bg-slate-800 sl-rounded-lg" }, be = { class: "sl-flex-shrink-0" }, xe = {
   key: 1,
   class: "sl-h-16 sl-w-16 sl-rounded-full sl-bg-gray-200 dark:sl-bg-slate-700 sl-flex sl-items-center sl-justify-center"
-}, ve = { class: "sl-ml-4 sl-text-left" }, be = { class: "sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-200" }, xe = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400" }, he = { class: "sl-absolute sl-inset-2 sl-z-20 sl-flex sl-items-center sl-justify-center sl-bg-gray-50 dark:sl-bg-slate-800 sl-bg-opacity-95 sl-text-gray-600 dark:sl-text-gray-300 sl-transition-opacity sl-duration-200 sl-rounded-md" }, ke = { class: "sl-absolute sl-inset-x-0 sl-top-0 sl-bottom-1 sl-z-20 sl-flex sl-items-center sl-justify-center sl-bg-gray-50 dark:sl-bg-slate-800 sl-bg-opacity-95 sl-text-gray-600 dark:sl-text-gray-300 sl-transition-opacity sl-duration-200 sl-rounded-lg" }, we = { class: "sl-absolute sl-inset-0 sl-z-30 sl-flex sl-items-center sl-justify-center sl-bg-primary-50 dark:sl-bg-primary-900/30 sl-bg-opacity-95 sl-border-2 sl-border-dashed sl-border-primary-400 sl-rounded-lg sl-transition-opacity sl-duration-200" }, De = { class: "sl-text-center" }, ze = { class: "sl-mt-2 sl-text-sm sl-font-medium sl-text-primary-600 dark:sl-text-primary-400" }, je = {
+}, he = { class: "sl-ml-4 sl-text-left" }, ke = { class: "sl-text-sm sl-font-medium sl-text-gray-700 dark:sl-text-gray-200" }, we = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-gray-400" }, De = { class: "sl-absolute sl-inset-2 sl-z-20 sl-flex sl-items-center sl-justify-center sl-bg-gray-50 dark:sl-bg-slate-800 sl-bg-opacity-95 sl-text-gray-600 dark:sl-text-gray-300 sl-transition-opacity sl-duration-200 sl-rounded-md" }, ze = { class: "sl-absolute sl-inset-x-0 sl-top-0 sl-bottom-1 sl-z-20 sl-flex sl-items-center sl-justify-center sl-bg-gray-50 dark:sl-bg-slate-800 sl-bg-opacity-95 sl-text-gray-600 dark:sl-text-gray-300 sl-transition-opacity sl-duration-200 sl-rounded-lg" }, Fe = { class: "sl-absolute sl-inset-0 sl-z-30 sl-flex sl-items-center sl-justify-center sl-bg-primary-50 dark:sl-bg-primary-900/30 sl-bg-opacity-95 sl-border-2 sl-border-dashed sl-border-primary-400 sl-rounded-lg sl-transition-opacity sl-duration-200" }, Me = { class: "sl-text-center" }, je = { class: "sl-mt-2 sl-text-sm sl-font-medium sl-text-primary-600 dark:sl-text-primary-400" }, Se = {
   key: 3,
   class: "sl-mt-2 sl-text-sm sl-text-red-600 dark:sl-text-red-400"
-}, Ue = /* @__PURE__ */ G({
+}, Ve = /* @__PURE__ */ H({
   __name: "ImageDropzoneInput",
   props: {
     /** Current image value(s) */
@@ -144,37 +144,37 @@ const le = { class: "sl-space-y-2" }, se = {
     }
   },
   emits: ["update:modelValue", "update:media", "clear:media"],
-  setup(t, { expose: q, emit: W }) {
-    const s = t, D = W, a = p([]), i = p("empty"), m = p(!1), h = p(!1), k = p(!1), d = p(!1), z = p(""), j = p(!1), M = p(!0), S = F(() => s.disabled || h.value), X = F(() => i.value === "loading" ? "Please be patient while we upload your file" : i.value === "uploaded" && a.value[0]?.created_at ? `Uploaded ${new Date(a.value[0].created_at).toLocaleDateString()}` : "Click to replace"), Y = F(() => {
+  setup(t, { expose: X, emit: q }) {
+    const s = t, z = q, a = y([]), i = y("empty"), p = y(!1), h = y(!1), k = y(!1), c = y(!1), F = y(""), M = y(!1), j = y(!0), S = w(() => s.disabled || h.value), W = w(() => s.acceptedFormats.map((e) => e.split("/")[1]?.toUpperCase() || e).join(", ")), Y = w(() => i.value === "loading" ? "Please be patient while we upload your file" : i.value === "uploaded" && a.value[0]?.created_at ? `Uploaded ${new Date(a.value[0].created_at).toLocaleDateString()}` : "Click to replace"), G = w(() => {
       if (!a.value[0]?.original_file_name) return "Image";
       const e = a.value[0].original_file_name, l = 20;
       if (e.length <= l) return e;
       const n = e.lastIndexOf("."), g = n !== -1 ? e.substring(n) : "";
       return (n !== -1 ? e.substring(0, n) : e).substring(0, l - 3 - g.length) + "..." + g;
-    }), V = F(() => {
+    }), I = w(() => {
       const e = "sl-border-2 sl-border-dashed sl-shadow-sm sl-ring-1 sl-ring-inset focus-within:sl-ring-2 focus-within:sl-ring-inset focus-within:sl-ring-primary-600 sl-transition-all sl-duration-200";
-      return !s.colorfulValidation || !j.value && !s.showErrors ? `${e} sl-border-gray-300 dark:sl-border-slate-600 sl-ring-gray-300 dark:sl-ring-slate-600` : M.value && j.value && s.colorfulValidation ? `${e} sl-border-green-500 sl-ring-green-500` : !M.value && s.colorfulValidation && (j.value || s.showErrors) ? `${e} sl-border-red-500 sl-ring-red-500` : `${e} sl-border-gray-300 dark:sl-border-slate-600 sl-ring-gray-300 dark:sl-ring-slate-600`;
-    }), U = async (e) => {
+      return !s.colorfulValidation || !M.value && !s.showErrors ? `${e} sl-border-gray-300 dark:sl-border-slate-600 sl-ring-gray-300 dark:sl-ring-slate-600` : j.value && M.value && s.colorfulValidation ? `${e} sl-border-green-500 sl-ring-green-500` : !j.value && s.colorfulValidation && (M.value || s.showErrors) ? `${e} sl-border-red-500 sl-ring-red-500` : `${e} sl-border-gray-300 dark:sl-border-slate-600 sl-ring-gray-300 dark:sl-ring-slate-600`;
+    }), $ = async (e) => {
       if (!(s.onBeforeUpload && s.onBeforeUpload()))
         try {
-          h.value = !0, j.value = !0, z.value = "";
+          h.value = !0, M.value = !0, F.value = "";
           const l = Array.from(e), n = s.enableMultiple ? l : [l[0]];
           for (const g of n) {
             i.value = "loading";
             try {
-              const c = await s.onUpload(g, s.presetType, s.projectId);
-              if (c) {
-                s.enableMultiple ? a.value.push(c) : a.value = [c], i.value = "uploaded", M.value = !0, D("update:modelValue", s.enableMultiple ? a.value : a.value[0]);
-                const L = {
-                  cloudinaryAsset: c,
+              const d = await s.onUpload(g, s.presetType, s.projectId);
+              if (d) {
+                s.enableMultiple ? a.value.push(d) : a.value = [d], i.value = "uploaded", j.value = !0, z("update:modelValue", s.enableMultiple ? a.value : a.value[0]);
+                const E = {
+                  cloudinaryAsset: d,
                   presetType: s.presetType,
                   projectId: s.projectId
                 };
-                D("update:media", L);
+                z("update:media", E);
               } else
                 throw new Error("Upload failed - no response");
-            } catch (c) {
-              console.error("Upload error:", c), z.value = c.message || "Upload failed", i.value = "error", M.value = !1;
+            } catch (d) {
+              console.error("Upload error:", d), F.value = (d instanceof Error ? d.message : null) || "Upload failed", i.value = "error", j.value = !1;
             }
           }
         } catch (l) {
@@ -189,57 +189,61 @@ const le = { class: "sl-space-y-2" }, se = {
       const l = e.currentTarget.getBoundingClientRect(), n = e.clientX, g = e.clientY;
       (n < l.left || n > l.right || g < l.top || g > l.bottom) && (k.value = !1);
     }, _ = async (e) => {
-      if (e.preventDefault(), e.stopPropagation(), k.value = !1, d.value = !0, e.dataTransfer?.files && e.dataTransfer.files.length > 0)
+      if (e.preventDefault(), e.stopPropagation(), k.value = !1, c.value = !0, e.dataTransfer?.files && e.dataTransfer.files.length > 0)
         try {
-          await U(e.dataTransfer.files);
+          await $(e.dataTransfer.files);
         } finally {
-          d.value = !1;
+          c.value = !1;
         }
       else
-        d.value = !1;
+        c.value = !1;
     }, C = async (e) => {
       try {
-        h.value = !0, e && s.deleteFileFromCloudinary && s.onDelete && await s.onDelete(e), e && D("clear:media", e);
+        h.value = !0, e && s.deleteFileFromCloudinary && s.onDelete && await s.onDelete(e), e && z("clear:media", e);
       } catch (l) {
         console.error(l);
       } finally {
-        i.value = "empty", a.value = [], h.value = !1, D("update:modelValue", null);
+        i.value = "empty", a.value = [], h.value = !1, z("update:modelValue", null);
       }
     };
-    return H(() => {
+    return J(() => {
       s.modelValue && (a.value = Array.isArray(s.modelValue) ? s.modelValue : [s.modelValue], i.value = "inherited");
-    }), J(
+    }), K(
       () => s.modelValue,
       (e) => {
         e ? (a.value = Array.isArray(e) ? e : [e], i.value = "inherited") : (i.value = "empty", a.value = []);
       },
       { immediate: !0 }
-    ), q({
+    ), X({
       clearImage: C,
       imageInputStatus: i,
       uploadResponse: a
-    }), (e, l) => (r(), u("div", le, [
-      t.label || t.tertiaryLabel ? (r(), u("div", se, [
-        t.label ? (r(), u("label", te, y(t.label), 1)) : f("", !0),
-        S.value && t.disabledMessage ? (r(), u("p", ae, y(t.disabledMessage), 1)) : f("", !0),
-        t.tertiaryLabel && !S.value ? (r(), u("span", re, y(t.tertiaryLabel), 1)) : f("", !0)
+    }), (e, l) => (o(), u("div", te, [
+      t.label || t.tertiaryLabel ? (o(), u("div", ae, [
+        t.label ? (o(), u("label", re, m(t.label), 1)) : f("", !0),
+        S.value && t.disabledMessage ? (o(), u("p", oe, m(t.disabledMessage), 1)) : f("", !0),
+        t.tertiaryLabel && !S.value ? (o(), u("span", ie, m(t.tertiaryLabel), 1)) : f("", !0)
       ])) : f("", !0),
-      v(o("div", {
+      v(r("div", {
         class: A(["sl-flex sl-items-center sl-justify-center sl-w-full", { "sl-h-screen": t.fullSize, "sl-mt-2": t.label }])
       }, [
-        o("div", oe, [
-          b(N, {
+        r("div", ne, [
+          b(R, {
             "enable-multiple": t.enableMultiple,
-            "onUpdate:files": U,
+            "onUpdate:files": $,
             "accepted-formats": t.acceptedFormats,
             "maximum-file-size": t.maximumFileSize,
             disabled: S.value,
-            "ring-classes": V.value,
+            "ring-classes": I.value,
             height: "md"
           }, {
-            default: R(() => [
-              K(e.$slots, "empty-state", {}, () => [
-                l[8] || (l[8] = o("p", { class: "sl-text-sm sl-text-gray-500 dark:sl-text-gray-400" }, " Click to upload or drag and drop your files here. ", -1))
+            default: L(() => [
+              Q(e.$slots, "empty-state", {}, () => [
+                l[8] || (l[8] = r("p", { class: "sl-mb-2 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300" }, [
+                  r("span", { class: "sl-font-semibold" }, "Click to upload"),
+                  Z(" or drag and drop ")
+                ], -1)),
+                r("p", ue, m(W.value) + " (MAX. " + m(t.maximumFileSize) + "MB) ", 1)
               ])
             ]),
             _: 3
@@ -248,146 +252,146 @@ const le = { class: "sl-space-y-2" }, se = {
       ], 2), [
         [x, i.value === "empty"]
       ]),
-      a.value && Array.isArray(a.value) && a.value.length > 1 ? (r(), u("div", {
+      a.value && Array.isArray(a.value) && a.value.length > 1 ? (o(), u("div", {
         key: 1,
         class: A(["sl-flex sl-flex-wrap sl--mx-2", { "sl-mt-2": t.label }])
       }, [
-        (r(!0), u(Q, null, Z(a.value, (n, g) => (r(), u("div", {
+        (o(!0), u(ee, null, le(a.value, (n, g) => (o(), u("div", {
           key: g,
           class: "sl-p-2 sl-relative sl-group",
           onDragover: T,
           onDragleave: P,
           onDrop: _
         }, [
-          o("button", {
+          r("button", {
             type: "button",
-            onClick: (c) => C(n.public_id),
-            onMouseenter: l[0] || (l[0] = (c) => m.value = !0),
-            onMouseleave: l[1] || (l[1] = (c) => m.value = !1),
+            onClick: (d) => C(n.public_id),
+            onMouseenter: l[0] || (l[0] = (d) => p.value = !0),
+            onMouseleave: l[1] || (l[1] = (d) => p.value = !1),
             class: "sl-relative sl-rounded-lg sl-overflow-hidden focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-primary-500",
             "aria-label": "Remove image"
           }, [
-            b(I, E({
+            b(V, N({
               "public-id": n.public_id
             }, { ref_for: !0 }, t.cloudinaryImageProps, { class: "sl-transition-transform sl-duration-200 group-hover:sl-scale-105 sl-w-full sl-h-full sl-object-cover" }), null, 16, ["public-id"]),
-            v(o("span", ne, [
-              b($(ee), { class: "sl-h-10 sl-w-10 sl-text-red-600" })
+            v(r("span", ce, [
+              b(U(se), { class: "sl-h-10 sl-w-10 sl-text-red-600" })
             ], 512), [
-              [x, m.value]
+              [x, p.value]
             ])
-          ], 40, ie),
-          v(o("div", ue, [
-            o("div", de, [
-              d.value ? f("", !0) : (r(), w($(B), {
+          ], 40, de),
+          v(r("div", fe, [
+            r("div", me, [
+              c.value ? f("", !0) : (o(), D(U(B), {
                 key: 0,
                 class: "sl-mx-auto sl-h-12 sl-w-12 sl-text-primary-400"
               })),
-              d.value ? (r(), w(O, {
+              c.value ? (o(), D(O, {
                 key: 1,
                 size: "sm"
               })) : f("", !0),
-              o("p", ce, y(d.value ? "Uploading..." : "Drop to replace"), 1)
+              r("p", pe, m(c.value ? "Uploading..." : "Drop to replace"), 1)
             ])
           ], 512), [
-            [x, k.value || d.value]
+            [x, k.value || c.value]
           ])
         ], 32))), 128)),
-        i.value === "uploaded" && t.enableMultiple ? (r(), u("div", {
+        i.value === "uploaded" && t.enableMultiple ? (o(), u("div", {
           key: 0,
           class: A(["sl-flex sl-items-center sl-justify-center sl-w-full", { "sl-h-screen": t.fullSize }])
         }, [
-          o("div", fe, [
-            b(N, {
+          r("div", ge, [
+            b(R, {
               "enable-multiple": t.enableMultiple,
-              "onUpdate:files": U,
+              "onUpdate:files": $,
               "accepted-formats": t.acceptedFormats,
               "maximum-file-size": t.maximumFileSize,
               disabled: S.value,
-              "ring-classes": V.value,
+              "ring-classes": I.value,
               height: "sm"
             }, {
-              default: R(() => [...l[9] || (l[9] = [
-                o("p", { class: "sl-text-sm sl-text-gray-500 dark:sl-text-gray-400" }, "Add more images", -1)
+              default: L(() => [...l[9] || (l[9] = [
+                r("p", { class: "sl-text-sm sl-text-gray-500 dark:sl-text-gray-400" }, "Add more images", -1)
               ])]),
               _: 1
             }, 8, ["enable-multiple", "accepted-formats", "maximum-file-size", "disabled", "ring-classes"])
           ])
         ], 2)) : f("", !0)
-      ], 2)) : (r(), u("div", me, [
-        i.value === "uploaded" || i.value === "loading" || i.value === "inherited" ? (r(), u("div", {
+      ], 2)) : (o(), u("div", ye, [
+        i.value === "uploaded" || i.value === "loading" || i.value === "inherited" ? (o(), u("div", {
           key: 0,
           class: "sl-relative sl-mt-2",
           onDragover: T,
           onDragleave: P,
           onDrop: _
         }, [
-          t.isAvatar ? (r(), u("button", {
+          t.isAvatar ? (o(), u("button", {
             key: 0,
             type: "button",
             onClick: l[2] || (l[2] = (n) => C(a.value[0]?.public_id)),
-            onMouseenter: l[3] || (l[3] = (n) => m.value = !0),
-            onMouseleave: l[4] || (l[4] = (n) => m.value = !1),
+            onMouseenter: l[3] || (l[3] = (n) => p.value = !0),
+            onMouseleave: l[4] || (l[4] = (n) => p.value = !1),
             class: "sl-w-full focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-primary-600 focus:sl-ring-offset-2 sl-rounded-lg sl-overflow-hidden sl-transition-all sl-duration-200",
             "aria-label": "Replace avatar"
           }, [
-            o("div", ge, [
-              o("div", pe, [
-                a.value[0]?.public_id && i.value !== "loading" ? (r(), w(I, {
+            r("div", ve, [
+              r("div", be, [
+                a.value[0]?.public_id && i.value !== "loading" ? (o(), D(V, {
                   key: 0,
                   "public-id": a.value[0].public_id,
                   width: 64,
                   height: 64,
                   class: "sl-h-16 sl-w-16 sl-rounded-full sl-object-cover",
                   skeleton: "user"
-                }, null, 8, ["public-id"])) : (r(), u("div", ye, [
-                  b($(B), { class: "sl-h-8 sl-w-8 sl-text-gray-400 dark:sl-text-gray-500" })
+                }, null, 8, ["public-id"])) : (o(), u("div", xe, [
+                  b(U(B), { class: "sl-h-8 sl-w-8 sl-text-gray-400 dark:sl-text-gray-500" })
                 ]))
               ]),
-              o("div", ve, [
-                o("p", be, y(i.value === "loading" ? "Uploading..." : Y.value), 1),
-                o("p", xe, y(i.value === "loading" ? "Please wait..." : X.value), 1)
+              r("div", he, [
+                r("p", ke, m(i.value === "loading" ? "Uploading..." : G.value), 1),
+                r("p", we, m(i.value === "loading" ? "Please wait..." : Y.value), 1)
               ])
             ]),
-            v(o("span", he, " Replace ", 512), [
-              [x, m.value]
+            v(r("span", De, " Replace ", 512), [
+              [x, p.value]
             ])
-          ], 32)) : (r(), u("button", {
+          ], 32)) : (o(), u("button", {
             key: 1,
             type: "button",
             onClick: l[5] || (l[5] = (n) => C(a.value[0]?.public_id)),
-            onMouseenter: l[6] || (l[6] = (n) => m.value = !0),
-            onMouseleave: l[7] || (l[7] = (n) => m.value = !1),
+            onMouseenter: l[6] || (l[6] = (n) => p.value = !0),
+            onMouseleave: l[7] || (l[7] = (n) => p.value = !1),
             class: "sl-w-full focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-primary-600 focus:sl-ring-offset-2 sl-rounded-lg sl-overflow-hidden sl-transition-all sl-duration-200",
             "aria-label": "Replace image"
           }, [
-            b(I, E({
+            b(V, N({
               "public-id": a.value[0]?.public_id
             }, t.cloudinaryImageProps, { class: "sl-transition-transform sl-duration-200 group-hover:sl-scale-105 sl-w-full sl-h-full sl-object-cover" }), null, 16, ["public-id"]),
-            v(o("span", ke, " Replace ", 512), [
-              [x, m.value]
+            v(r("span", ze, " Replace ", 512), [
+              [x, p.value]
             ])
           ], 32)),
-          v(o("div", we, [
-            o("div", De, [
-              d.value ? f("", !0) : (r(), w($(B), {
+          v(r("div", Fe, [
+            r("div", Me, [
+              c.value ? f("", !0) : (o(), D(U(B), {
                 key: 0,
                 class: "sl-mx-auto sl-h-12 sl-w-12 sl-text-primary-400"
               })),
-              d.value ? (r(), w(O, {
+              c.value ? (o(), D(O, {
                 key: 1,
                 size: "sm"
               })) : f("", !0),
-              o("p", ze, y(d.value ? "Uploading..." : "Drop to replace"), 1)
+              r("p", je, m(c.value ? "Uploading..." : "Drop to replace"), 1)
             ])
           ], 512), [
-            [x, k.value || d.value]
+            [x, k.value || c.value]
           ])
         ], 32)) : f("", !0)
       ])),
-      z.value ? (r(), u("p", je, y(z.value), 1)) : f("", !0)
+      F.value ? (o(), u("p", Se, m(F.value), 1)) : f("", !0)
     ]));
   }
 });
 export {
-  Ue as _
+  Ve as _
 };

package/dist/{InlineTabs.vue_vue_type_script_setup_true_lang-BWzrSbT3.js → InlineTabs.vue_vue_type_script_setup_true_lang-DGGJem-g.js}

@@ -1,5 +1,5 @@
 import { defineComponent as w, createElementBlock as s, openBlock as t, createCommentVNode as n, createElementVNode as r, createVNode as I, unref as l, toDisplayString as d, Fragment as c, renderList as u, normalizeClass as h, withModifiers as V, createTextVNode as N, renderSlot as b } from "vue";
-import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang-D9yg_rkV.js";
+import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang-DEaP3bhC.js";
 import { u as $ } from "./useSimpleTabs-CSgkChEU.js";
 const B = { class: "sl-w-full" }, M = {
   key: 0,

package/dist/{SelectInput.vue_vue_type_script_setup_true_lang-D9yg_rkV.js → SelectInput.vue_vue_type_script_setup_true_lang-DEaP3bhC.js}

@@ -1,15 +1,15 @@
-import { defineComponent as K, watch as L, onBeforeUnmount as Y, ref as O, computed as p, createElementBlock as d, openBlock as r, createVNode as u, unref as n, withCtx as m, createElementVNode as c, createBlock as w, normalizeClass as h, createCommentVNode as v, resolveDynamicComponent as U, toDisplayString as g, withModifiers as D, Teleport as Z, Transition as _, normalizeStyle as ee, Fragment as le, renderList as te } from "vue";
+import { defineComponent as K, watch as L, onBeforeUnmount as Y, ref as O, computed as p, createElementBlock as d, openBlock as r, createVNode as u, unref as n, withCtx as m, createElementVNode as c, createBlock as w, normalizeClass as g, createCommentVNode as v, resolveDynamicComponent as U, toDisplayString as h, withModifiers as D, Teleport as Z, Transition as _, normalizeStyle as ee, Fragment as le, renderList as te } from "vue";
 import { Listbox as se, ListboxButton as ae, ListboxOptions as ne, ListboxOption as oe } from "@headlessui/vue";
 import { XMarkIcon as re, ChevronUpDownIcon as ie, CheckIcon as ue } from "@heroicons/vue/20/solid";
 import { useField as de } from "vee-validate";
 import ce from "./forms/FormFieldWrapper.js";
 import { g as me } from "./id-DafBB_QF.js";
-const pe = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class: "sl-flex sl-items-center sl-gap-2" }, he = {
+const pe = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class: "sl-flex sl-items-center sl-gap-2" }, ge = {
   key: 1,
   class: "sl-block sl-truncate sl-text-left"
-}, ge = {
+}, he = {
   key: 2,
-  class: "sl-block sl-truncate sl-text-left sl-text-gray-500 dark:sl-text-slate-300"
+  class: "sl-block sl-truncate sl-text-left sl-text-gray-400 dark:sl-text-slate-500"
 }, ye = { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2 sl-gap-1" }, be = { class: "sl-block sl-truncate sl-font-medium" }, xe = { class: "sl-flex sl-items-center sl-gap-2" }, ke = {
   key: 0,
   class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-4"
@@ -113,10 +113,11 @@ const pe = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
         "sl-text-gray-900",
         "dark:sl-text-slate-100",
         "sl-py-1.5",
-        "sl-pl-3",
+        "sl-pl-2",
         "sl-pr-10",
         "sl-text-left",
         "sl-text-sm",
+        "sl-leading-6",
         "sl-outline-none",
         "dark:sl-outline-none",
         "focus:sl-outline-none",
@@ -182,7 +183,7 @@ const pe = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
         "show-valid-check": !1
       }, {
         "success-message": m(() => [
-          a.successMessage ? (r(), d("span", we, g(a.successMessage), 1)) : v("", !0)
+          a.successMessage ? (r(), d("span", we, h(a.successMessage), 1)) : v("", !0)
         ]),
         default: m(() => [
           u(n(se), {
@@ -204,7 +205,7 @@ const pe = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
                   ref_key: "listboxButtonRef",
                   ref: I,
                   id: n(E),
-                  class: h([
+                  class: g([
                     q.value,
                     a.buttonClass
                   ]),
@@ -217,7 +218,7 @@ const pe = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
                         class: "sl-h-4 sl-w-4 sl-flex-shrink-0",
                         "aria-hidden": "true"
                       })) : v("", !0),
-                      P.value ? (r(), d("span", he, g(P.value), 1)) : (r(), d("span", ge, g(a.placeholder || "Select an option"), 1))
+                      P.value ? (r(), d("span", ge, h(P.value), 1)) : (r(), d("span", he, h(a.placeholder || "Select an option"), 1))
                     ]),
                     c("span", ye, [
                       J.value ? (r(), d("button", {
@@ -261,12 +262,12 @@ const pe = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
                             onMousedown: l[1] || (l[1] = D(() => {
                             }, ["prevent"])),
                             onClick: D(X, ["prevent", "stop"]),
-                            class: h([
+                            class: g([
                               "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-3 sl-pr-9 sl-text-gray-900 dark:sl-text-slate-200",
                               "hover:sl-bg-stachelock-600 hover:sl-text-white"
                             ])
                           }, [
-                            c("span", be, g(R.value ? "Unselect All" : "Select All"), 1)
+                            c("span", be, h(R.value ? "Unselect All" : "Select All"), 1)
                           ], 32)) : v("", !0),
                           (r(!0), d(le, null, te(a.items, (i) => (r(), w(n(oe), {
                             key: S(i),
@@ -276,7 +277,7 @@ const pe = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
                           }, {
                             default: m(({ active: f, selected: M }) => [
                               c("li", {
-                                class: h([
+                                class: g([
                                   "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-3 sl-pr-9",
                                   f ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
                                   i.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
@@ -285,15 +286,15 @@ const pe = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
                                 c("div", xe, [
                                   i.icon ? (r(), w(U(i.icon), {
                                     key: 0,
-                                    class: h(["sl-h-4 sl-w-4 sl-flex-shrink-0", f ? "sl-text-white" : "sl-text-gray-400 dark:sl-text-slate-300"]),
+                                    class: g(["sl-h-4 sl-w-4 sl-flex-shrink-0", f ? "sl-text-white" : "sl-text-gray-400 dark:sl-text-slate-300"]),
                                     "aria-hidden": "true"
                                   }, null, 8, ["class"])) : v("", !0),
                                   c("span", {
-                                    class: h([
+                                    class: g([
                                       "sl-block sl-truncate",
                                       M ? "sl-font-medium" : "sl-font-normal"
                                     ])
-                                  }, g(V(i)), 3)
+                                  }, h(V(i)), 3)
                                 ]),
                                 M ? (r(), d("span", ke, [
                                   u(n(ue), {