@stachelock/ui 0.6.8 → 0.6.11

package/dist/{ImageDropzoneInput.vue_vue_type_script_setup_true_lang-7JWDfxD2.js → ImageDropzoneInput.vue_vue_type_script_setup_true_lang-Dhl2jFaM.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 N, renderSlot as Q, createTextVNode as Z, vShow as x, Fragment as ee, renderList as le, mergeProps as R, unref as U, createBlock as D } from "vue";
+import { XCircleIcon as se, PhotoIcon as B } from "@heroicons/vue/24/solid";
+import { _ as E } 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), d = 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]);
+                s.enableMultiple ? a.value.push(c) : a.value = [c], i.value = "uploaded", j.value = !0, z("update:modelValue", s.enableMultiple ? a.value : a.value[0]);
                 const L = {
                   cloudinaryAsset: c,
                   presetType: s.presetType,
                   projectId: s.projectId
                 };
-                D("update:media", L);
+                z("update:media", L);
               } 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;
+              console.error("Upload error:", c), F.value = c.message || "Upload failed", i.value = "error", j.value = !1;
             }
           }
         } catch (l) {
@@ -191,7 +191,7 @@ const le = { class: "sl-space-y-2" }, se = {
     }, _ = async (e) => {
       if (e.preventDefault(), e.stopPropagation(), k.value = !1, d.value = !0, e.dataTransfer?.files && e.dataTransfer.files.length > 0)
         try {
-          await U(e.dataTransfer.files);
+          await $(e.dataTransfer.files);
         } finally {
           d.value = !1;
         }
@@ -199,47 +199,51 @@ const le = { class: "sl-space-y-2" }, se = {
         d.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(E, {
             "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: N(() => [
+              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),
+            onMouseenter: l[0] || (l[0] = (c) => p.value = !0),
+            onMouseleave: l[1] || (l[1] = (c) => 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, R({
               "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, [
+              d.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, {
+              d.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(d.value ? "Uploading..." : "Drop to replace"), 1)
             ])
           ], 512), [
             [x, k.value || d.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(E, {
               "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: N(() => [...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, R({
               "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, [
+              d.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, {
+              d.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(d.value ? "Uploading..." : "Drop to replace"), 1)
             ])
           ], 512), [
             [x, k.value || d.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-B6A0zsE6.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-DFfKsmvj.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/{MonthCalendar.vue_vue_type_style_index_0_lang-lnKkvJ9u.js → MonthCalendar.vue_vue_type_style_index_0_lang-BdrrlrNr.js}

@@ -1,5 +1,5 @@
 import { defineComponent as R, computed as u, createElementBlock as r, openBlock as o, createElementVNode as a, Fragment as i, renderList as c, toDisplayString as g, normalizeClass as h, createCommentVNode as m, unref as L, normalizeStyle as _, withModifiers as X } from "vue";
-import { f as $ } from "./calendar-DLry-Vik.js";
+import { f as $ } from "./calendar-DaXCwXP5.js";
 import { u as q, c as G } from "./useEventSegments-B-r_8zCW.js";
 const J = { class: "sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-ring-opacity-5 lg:sl-flex lg:sl-flex-auto lg:sl-flex-col" }, Q = { class: "sl-grid sl-grid-cols-7 sl-gap-px sl-border-b sl-border-gray-300 dark:sl-border-slate-600 sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-center sl-text-xs sl-font-semibold sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-none" }, U = { class: "sl-flex sl-bg-gray-200 dark:sl-bg-slate-800 sl-text-xs sl-leading-6 sl-text-gray-700 dark:sl-text-slate-300 lg:sl-flex-auto" }, Y = { class: "sl-hidden sl-w-full lg:sl-grid lg:sl-grid-cols-7 lg:sl-grid-rows-6 lg:sl-gap-px" }, Z = { class: "sl-px-3" }, ss = ["datetime"], es = { class: "sl-mt-2 sl-space-y-1 sl-min-h-0" }, ls = ["onClick"], ts = { class: "sl-relative" }, ns = {
   key: 0,