@stachelock/ui 0.5.5 → 0.6.1

package/dist/{NotificationToast.vue_vue_type_script_setup_true_lang-CU__ORw8.js → NotificationToast.vue_vue_type_script_setup_true_lang-BBWpW4km.js}

@@ -1,27 +1,25 @@
-import { defineComponent as J, computed as e, createBlock as k, openBlock as r, unref as h, withCtx as v, createVNode as w, createElementBlock as o, createCommentVNode as c, normalizeStyle as K, normalizeClass as i, createElementVNode as d, resolveDynamicComponent as P, toDisplayString as y, Fragment as Q, renderList as U, withModifiers as C } from "vue";
-import { r as g, a as Z } from "./InformationCircleIcon-B322GNIt.js";
-import { r as $ } from "./ExclamationCircleIcon-DjxYk45_.js";
-import { r as _ } from "./ExclamationTriangleIcon-BNKYmV_J.js";
-import { r as tt } from "./XMarkIcon-DNvCkiOy.js";
-import { S as st, h as et } from "./transition-_rPfnoET.js";
-const lt = ["aria-live"], at = { class: "sl-flex sl-items-start" }, rt = {
+import { defineComponent as J, computed as e, createBlock as k, openBlock as a, unref as h, withCtx as v, createVNode as C, createElementBlock as o, createCommentVNode as c, normalizeStyle as K, normalizeClass as r, createElementVNode as d, resolveDynamicComponent as P, toDisplayString as y, Fragment as Q, renderList as U, withModifiers as w } from "vue";
+import { InformationCircleIcon as g, CheckCircleIcon as Z, ExclamationCircleIcon as z, ExclamationTriangleIcon as _ } from "@heroicons/vue/24/outline";
+import { XMarkIcon as tt } from "@heroicons/vue/20/solid";
+import { TransitionRoot as st, TransitionChild as et } from "@headlessui/vue";
+const lt = ["aria-live"], it = { class: "sl-flex sl-items-start" }, at = {
   key: 1,
   class: "sl-mt-3 sl-flex sl-gap-2"
-}, it = ["onClick"], ft = /* @__PURE__ */ J({
+}, rt = ["onClick"], gt = /* @__PURE__ */ J({
   __name: "NotificationToast",
   props: {
     notification: {}
   },
   emits: ["close", "action"],
-  setup(l, { emit: z }) {
-    const s = l, u = z, S = () => {
+  setup(l, { emit: I }) {
+    const s = l, u = I, $ = () => {
       u("close", s.notification);
     }, M = (t) => {
       u("action", s.notification, t);
-    }, B = () => {
+    }, T = () => {
       s.notification.isCardMode && s.notification.cardStackIndex !== 0 && u("action", s.notification, { label: "bringToFront", action: "callback" });
-    }, I = () => {
-    }, N = e(() => {
+    }, S = () => {
+    }, B = e(() => {
       const t = {
         primary: "sl-bg-primary-600 dark:sl-bg-primary-700 sl-text-white",
         secondary: "sl-bg-gray-600 dark:sl-bg-gray-700 sl-text-white",
@@ -34,26 +32,26 @@ const lt = ["aria-live"], at = { class: "sl-flex sl-items-start" }, rt = {
         ghost: "sl-bg-white dark:sl-bg-gray-800 sl-text-gray-800 dark:sl-text-gray-100 sl-border sl-border-gray-200 dark:sl-border-gray-700"
       };
       return t[s.notification.theme] || t.primary;
-    }), O = e(() => {
+    }), E = e(() => {
       const t = {
         default: "",
         compact: "",
         expanded: ""
       };
       return t[s.notification.variant] || t.default;
-    }), T = e(() => s.notification.priority === "urgent" ? "sl-animate-pulse" : ""), A = e(() => {
+    }), N = e(() => s.notification.priority === "urgent" ? "sl-animate-pulse" : ""), O = e(() => {
       const t = "sl-absolute sl-top-0 sl-left-0 sl-right-0 sl-h-1";
       return s.notification.priority === "urgent" ? `${t} sl-bg-red-400 dark:sl-bg-red-500` : s.notification.priority === "high" ? `${t} sl-bg-amber-400 dark:sl-bg-amber-500` : "";
-    }), F = e(() => s.notification.isCardMode ? "sl-cursor-pointer hover:sl-scale-[1.02] sl-transition-transform" : ""), L = e(() => {
+    }), A = e(() => s.notification.isCardMode ? "sl-cursor-pointer hover:sl-scale-[1.02] sl-transition-transform" : ""), F = e(() => {
       const t = {};
       return s.notification.maxWidth && (t.maxWidth = `${s.notification.maxWidth}px`), s.notification.isCardMode && (t.transform = `translate(${s.notification.cardOffsetX || 0}px, ${s.notification.cardOffsetY || 0}px)`, t.zIndex = s.notification.zIndex || 1), t;
     }), b = e(() => {
       const t = s.notification.theme;
       return ["light", "ghost"].includes(t) ? "sl-text-gray-800 dark:sl-text-gray-100" : "sl-text-white";
-    }), V = e(() => {
+    }), L = e(() => {
       const t = s.notification.theme;
       return ["light", "ghost"].includes(t) ? "sl-text-gray-500 dark:sl-text-gray-400" : "sl-text-white/90";
-    }), W = e(() => {
+    }), V = e(() => {
       const t = {
         primary: "focus:sl-ring-primary-400 dark:focus:sl-ring-primary-500",
         secondary: "focus:sl-ring-gray-400 dark:focus:sl-ring-gray-500",
@@ -66,25 +64,25 @@ const lt = ["aria-live"], at = { class: "sl-flex sl-items-start" }, rt = {
         ghost: "focus:sl-ring-gray-300 dark:focus:sl-ring-gray-600"
       };
       return t[s.notification.theme] || t.primary;
-    }), D = e(() => {
-      const t = s.notification.theme, a = "sl-ml-4 sl-inline-flex sl-rounded-md sl-opacity-70 hover:sl-opacity-100 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-2 sl-transition-opacity", n = ["light", "ghost"].includes(t) ? "sl-text-gray-400 dark:sl-text-gray-500 hover:sl-text-gray-500 dark:hover:sl-text-gray-400" : "sl-text-white/70 hover:sl-text-white";
-      return `${a} ${n}`;
-    }), p = e(() => {
+    }), W = e(() => {
+      const t = s.notification.theme, i = "sl-ml-4 sl-inline-flex sl-rounded-md sl-opacity-70 hover:sl-opacity-100 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-2 sl-transition-opacity", n = ["light", "ghost"].includes(t) ? "sl-text-gray-400 dark:sl-text-gray-500 hover:sl-text-gray-500 dark:hover:sl-text-gray-400" : "sl-text-white/70 hover:sl-text-white";
+      return `${i} ${n}`;
+    }), x = e(() => {
       if (s.notification.icon)
         return s.notification.icon;
-      const t = s.notification.theme, a = {
+      const t = s.notification.theme, i = {
         primary: g,
         secondary: g,
-        dark: $,
+        dark: z,
         light: g,
         warning: _,
-        danger: $,
+        danger: z,
         success: Z,
         info: g,
         ghost: g
       };
-      return a[t] || a.primary;
-    }), E = e(() => {
+      return i[t] || i.primary;
+    }), D = e(() => {
       const t = {
         compact: "sl-h-5 sl-w-5",
         default: "sl-h-6 sl-w-6",
@@ -120,7 +118,7 @@ const lt = ["aria-live"], at = { class: "sl-flex sl-items-start" }, rt = {
       };
       return t[s.notification.variant] || t.default;
     }), q = (t) => {
-      const a = "sl-rounded sl-px-2 sl-py-1 sl-text-xs sl-font-medium sl-transition-colors focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-1", n = s.notification.theme, f = ["light", "ghost"].includes(n), m = {
+      const i = "sl-rounded sl-px-2 sl-py-1 sl-text-xs sl-font-medium sl-transition-colors focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-1", n = s.notification.theme, f = ["light", "ghost"].includes(n), m = {
         primary: {
           light: "sl-bg-primary-100 sl-text-primary-700 hover:sl-bg-primary-200 dark:sl-bg-primary-800 dark:sl-text-primary-200 dark:hover:sl-bg-primary-700",
           dark: "sl-bg-white/20 sl-text-white hover:sl-bg-white/30"
@@ -133,10 +131,10 @@ const lt = ["aria-live"], at = { class: "sl-flex sl-items-start" }, rt = {
           light: "sl-bg-red-100 sl-text-red-700 hover:sl-bg-red-200 dark:sl-bg-red-900 dark:sl-text-red-200 dark:hover:sl-bg-red-800",
           dark: "sl-bg-white/20 sl-text-white hover:sl-bg-white/30"
         }
-      }, H = t.theme || "secondary", x = m[H] || m.secondary;
-      return `${a} ${f ? x.light : x.dark}`;
+      }, H = t.theme || "secondary", p = m[H] || m.secondary;
+      return `${i} ${f ? p.light : p.dark}`;
     }, G = e(() => {
-      const t = s.notification.position, a = {
+      const t = s.notification.position, i = {
         tr: "sl-translate-x-full sl-opacity-0",
         tl: "-sl-translate-x-full sl-opacity-0",
         br: "sl-translate-x-full sl-opacity-0",
@@ -144,16 +142,16 @@ const lt = ["aria-live"], at = { class: "sl-flex sl-items-start" }, rt = {
         tc: "-sl-translate-y-full sl-opacity-0",
         bc: "sl-translate-y-full sl-opacity-0"
       };
-      return a[t] || a.br;
+      return i[t] || i.br;
     });
-    return (t, a) => (r(), k(h(st), {
+    return (t, i) => (a(), k(h(st), {
       appear: "",
       show: l.notification.isOpen,
       as: "template",
-      onAfterLeave: I
+      onAfterLeave: S
     }, {
       default: v(() => [
-        w(h(et), {
+        C(h(et), {
           as: "template",
           enter: "sl-duration-300 sl-ease-out sl-transform",
           "enter-from": G.value,
@@ -163,65 +161,65 @@ const lt = ["aria-live"], at = { class: "sl-flex sl-items-start" }, rt = {
           "leave-to": "sl-opacity-0"
         }, {
           default: v(() => [
-            l.notification.isOpen ? (r(), o("div", {
+            l.notification.isOpen ? (a(), o("div", {
               key: 0,
-              class: i([
+              class: r([
+                B.value,
+                E.value,
                 N.value,
-                O.value,
-                T.value,
-                F.value,
+                A.value,
                 "sl-pointer-events-auto sl-overflow-hidden sl-rounded-lg sl-shadow-lg sl-ring-1 sl-ring-black/5 dark:sl-ring-white/10 sl-transition-all sl-duration-200 sl-relative"
               ]),
-              style: K(L.value),
-              onClick: B,
+              style: K(F.value),
+              onClick: T,
               role: "alert",
               "aria-live": l.notification.priority === "urgent" ? "assertive" : "polite"
             }, [
               d("div", {
-                class: i(Y.value)
+                class: r(Y.value)
               }, [
-                d("div", at, [
-                  p.value ? (r(), k(P(p.value), {
+                d("div", it, [
+                  x.value ? (a(), k(P(x.value), {
                     key: 0,
-                    class: i([E.value, V.value, "sl-flex-shrink-0"]),
+                    class: r([D.value, L.value, "sl-flex-shrink-0"]),
                     "aria-hidden": "true"
                   }, null, 8, ["class"])) : c("", !0),
                   d("div", {
-                    class: i(j.value)
+                    class: r(j.value)
                   }, [
                     d("p", {
-                      class: i([R.value, b.value])
+                      class: r([R.value, b.value])
                     }, y(l.notification.title), 3),
-                    l.notification.message ? (r(), o("p", {
+                    l.notification.message ? (a(), o("p", {
                       key: 0,
-                      class: i([X.value, b.value, "sl-opacity-90"])
+                      class: r([X.value, b.value, "sl-opacity-90"])
                     }, y(l.notification.message), 3)) : c("", !0),
-                    l.notification.actions && l.notification.actions.length > 0 ? (r(), o("div", rt, [
-                      (r(!0), o(Q, null, U(l.notification.actions, (n, f) => (r(), o("button", {
+                    l.notification.actions && l.notification.actions.length > 0 ? (a(), o("div", at, [
+                      (a(!0), o(Q, null, U(l.notification.actions, (n, f) => (a(), o("button", {
                         key: f,
                         type: "button",
-                        class: i(q(n)),
-                        onClick: C((m) => M(n), ["stop"])
-                      }, y(n.label), 11, it))), 128))
+                        class: r(q(n)),
+                        onClick: w((m) => M(n), ["stop"])
+                      }, y(n.label), 11, rt))), 128))
                     ])) : c("", !0)
                   ], 2),
-                  l.notification.dismissible !== !1 ? (r(), o("button", {
+                  l.notification.dismissible !== !1 ? (a(), o("button", {
                     key: 1,
                     type: "button",
-                    onClick: C(S, ["stop"]),
-                    class: i([D.value, W.value])
+                    onClick: w($, ["stop"]),
+                    class: r([W.value, V.value])
                   }, [
-                    a[0] || (a[0] = d("span", { class: "sl-sr-only" }, "Close", -1)),
-                    w(h(tt), {
+                    i[0] || (i[0] = d("span", { class: "sl-sr-only" }, "Close", -1)),
+                    C(h(tt), {
                       class: "sl-h-5 sl-w-5",
                       "aria-hidden": "true"
                     })
                   ], 2)) : c("", !0)
                 ])
               ], 2),
-              l.notification.priority === "urgent" || l.notification.priority === "high" ? (r(), o("div", {
+              l.notification.priority === "urgent" || l.notification.priority === "high" ? (a(), o("div", {
                 key: 0,
-                class: i(A.value)
+                class: r(O.value)
               }, null, 2)) : c("", !0)
             ], 14, lt)) : c("", !0)
           ]),
@@ -233,6 +231,5 @@ const lt = ["aria-live"], at = { class: "sl-flex sl-items-start" }, rt = {
   }
 });
 export {
-  ft as _
+  gt as _
 };
-//# sourceMappingURL=NotificationToast.vue_vue_type_script_setup_true_lang-CU__ORw8.js.map

package/dist/PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4.js

@@ -66,4 +66,3 @@ const w = /* @__PURE__ */ n({
 export {
   w as _
 };
-//# sourceMappingURL=PieChart.vue_vue_type_script_setup_true_lang-e3wsA9O4.js.map

package/dist/ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-CKCoHD1o.js

@@ -123,4 +123,3 @@ const T = { class: "sl-relative sl-flex sl-items-center sl-gap-3" }, V = ["aria-
 export {
   J as _
 };
-//# sourceMappingURL=ProfileHeaderAvatar.vue_vue_type_script_setup_true_lang-CKCoHD1o.js.map

package/dist/ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js

@@ -105,4 +105,3 @@ const b = ["src", "alt"], w = ["width", "height"], C = /* @__PURE__ */ k({
 export {
   C as _
 };
-//# sourceMappingURL=ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js.map

package/dist/{SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js → SelectInput.vue_vue_type_script_setup_true_lang-D4GNv0MY.js}

@@ -1,11 +1,10 @@
-import { defineComponent as H, watch as C, onBeforeUnmount as X, ref as S, computed as p, createElementBlock as u, openBlock as i, createVNode as d, unref as o, withCtx as c, createElementVNode as m, createBlock as y, normalizeClass as v, createCommentVNode as h, resolveDynamicComponent as N, toDisplayString as b, Teleport as _, Transition as J, normalizeStyle as Q, withModifiers as P, Fragment as Y, renderList as Z } from "vue";
-import { useField as ee } from "vee-validate";
-import le from "./forms/FormFieldWrapper.js";
-import { g as se } from "./id-DafBB_QF.js";
-import { I as te, j as ae, A as re, F as oe } from "./listbox-YaWWZiiG.js";
-import { r as ne } from "./ChevronUpDownIcon-Bq_fsgrb.js";
-import { r as ie } from "./CheckIcon-BGlsmVwT.js";
-const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class: "sl-flex sl-items-center sl-gap-2" }, me = {
+import { defineComponent as H, watch as C, onBeforeUnmount as X, ref as S, computed as p, createElementBlock as d, openBlock as i, createVNode as u, unref as r, withCtx as c, createElementVNode as m, createBlock as y, normalizeClass as v, createCommentVNode as h, resolveDynamicComponent as N, toDisplayString as b, Teleport as _, Transition as J, normalizeStyle as Q, withModifiers as P, Fragment as Y, renderList as Z } from "vue";
+import { Listbox as ee, ListboxButton as le, ListboxOptions as se, ListboxOption as te } from "@headlessui/vue";
+import { ChevronUpDownIcon as ae, CheckIcon as oe } from "@heroicons/vue/20/solid";
+import { useField as re } from "vee-validate";
+import ne from "./forms/FormFieldWrapper.js";
+import { g as ie } from "./id-DafBB_QF.js";
+const ue = { class: "sl-w-full" }, de = { class: "sl-relative" }, ce = { class: "sl-flex sl-items-center sl-gap-2" }, me = {
   key: 1,
   class: "sl-block sl-truncate sl-text-left"
 }, fe = {
@@ -14,7 +13,7 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
 }, pe = { class: "sl-pointer-events-none sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, ve = { class: "sl-block sl-truncate sl-font-medium" }, he = { class: "sl-flex sl-items-center sl-gap-2" }, be = {
   key: 0,
   class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-4"
-}, ge = { key: 0 }, V = 224, x = 4, Se = /* @__PURE__ */ H({
+}, ge = { key: 0 }, V = 224, x = 4, Ce = /* @__PURE__ */ H({
   __name: "SelectInput",
   props: {
     name: {},
@@ -36,7 +35,7 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
   },
   emits: ["update:modelValue"],
   setup(a, { emit: R }) {
-    const j = H({
+    const K = H({
       props: {
         open: { type: Boolean, required: !0 },
         updateFn: { type: Function, required: !0 }
@@ -45,23 +44,23 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
         const l = () => {
           e.open && e.updateFn();
         };
-        return C(() => e.open, (r) => {
-          r ? (e.updateFn(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l)) : (window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l));
+        return C(() => e.open, (o) => {
+          o ? (e.updateFn(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l)) : (window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l));
         }, { immediate: !0 }), X(() => {
           window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
         }), () => null;
       }
-    }), M = S(null), w = S({
+    }), L = S(null), w = S({
       top: "0px",
       left: "0px",
       width: "200px"
     });
-    function F() {
-      const e = M.value?.$el;
+    function M() {
+      const e = L.value?.$el;
       if (!e) return;
-      const l = e.getBoundingClientRect(), r = window.innerHeight, n = r - l.bottom - x, f = l.top - x;
+      const l = e.getBoundingClientRect(), o = window.innerHeight, n = o - l.bottom - x, f = l.top - x;
       n < V && f > n ? w.value = {
-        bottom: `${r - l.top + x}px`,
+        bottom: `${o - l.top + x}px`,
         left: `${l.left}px`,
         width: `${l.width}px`,
         maxHeight: `${Math.min(f, V)}px`
@@ -72,7 +71,7 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
         maxHeight: `${Math.min(n, V)}px`
       };
     }
-    const t = a, K = R, $ = se(t.name), { value: E, errorMessage: I, handleChange: L, meta: g, setTouched: U } = ee(
+    const t = a, U = R, F = ie(t.name), { value: O, errorMessage: $, handleChange: D, meta: g, setTouched: W } = re(
       () => t.name,
       t.rules,
       {
@@ -87,18 +86,18 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
       (e) => {
         if (t.multiple) {
           const l = Array.isArray(e) ? e : [];
-          l !== s.value && (s.value = l, E.value = l);
+          l !== s.value && (s.value = l, O.value = l);
         } else
-          e !== s.value && (s.value = e, E.value = e);
+          e !== s.value && (s.value = e, O.value = e);
       },
       { immediate: !0 }
     ), C(
       s,
       (e) => {
-        K("update:modelValue", e);
+        U("update:modelValue", e);
       }
     );
-    const W = p(() => {
+    const j = p(() => {
       const e = [
         "sl-relative",
         "sl-w-full",
@@ -129,7 +128,7 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
         "sl-cursor-not-allowed",
         "sl-border-gray-200",
         "dark:sl-border-slate-700"
-      ) : I.value ? e.push(
+      ) : $.value ? e.push(
         "sl-border-red-300",
         "dark:sl-border-red-500",
         "focus:sl-ring-red-500",
@@ -145,71 +144,71 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
         "hover:sl-border-gray-400",
         "dark:hover:sl-border-slate-500"
       ), e.join(" ");
-    }), k = (e) => e[t.itemKey], A = (e) => e[t.itemText] || e.toString(), D = p(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 0 ? "" : s.value.length === 1 ? A(s.value[0]) : `${s.value.length} items selected` : A(s.value) : ""), O = p(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 1 ? s.value[0].icon : null : s.value.icon : null), T = p(() => t.items.filter((e) => !e.disabled)), q = (e) => {
-      s.value = e, U(!0), L(e);
+    }), k = (e) => e[t.itemKey], A = (e) => e[t.itemText] || e.toString(), E = p(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 0 ? "" : s.value.length === 1 ? A(s.value[0]) : `${s.value.length} items selected` : A(s.value) : ""), I = p(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 1 ? s.value[0].icon : null : s.value.icon : null), T = p(() => t.items.filter((e) => !e.disabled)), q = (e) => {
+      s.value = e, W(!0), D(e);
     }, z = p(() => {
       if (!t.multiple || !Array.isArray(s.value)) return !1;
       const e = T.value;
       if (e.length === 0) return !1;
-      const l = new Set(s.value.map((r) => k(r)));
-      return e.every((r) => l.has(k(r)));
+      const l = new Set(s.value.map((o) => k(o)));
+      return e.every((o) => l.has(k(o)));
     }), G = () => {
-      t.multiple && (z.value ? s.value = [] : s.value = [...T.value], L(s.value));
+      t.multiple && (z.value ? s.value = [] : s.value = [...T.value], D(s.value));
     };
-    return (e, l) => (i(), u("div", de, [
-      d(le, {
-        id: o($),
+    return (e, l) => (i(), d("div", ue, [
+      u(ne, {
+        id: r(F),
         name: a.name,
         label: a.label,
         disabled: a.disabled,
         optional: !a.rules,
         "tertiary-label": a.tertiaryLabel,
         "box-shadow": a.boxShadow,
-        "error-message": o(I),
+        "error-message": r($),
         "success-message": a.successMessage,
-        "is-valid": o(g).valid,
-        "is-touched": o(g).touched
+        "is-valid": r(g).valid,
+        "is-touched": r(g).touched
       }, {
         "success-message": c(() => [
-          a.successMessage ? (i(), u("span", ge, b(a.successMessage), 1)) : h("", !0)
+          a.successMessage ? (i(), d("span", ge, b(a.successMessage), 1)) : h("", !0)
         ]),
         default: c(() => [
-          d(o(te), {
+          u(r(ee), {
             modelValue: s.value,
             "onUpdate:modelValue": [
-              l[1] || (l[1] = (r) => s.value = r),
+              l[1] || (l[1] = (o) => s.value = o),
               q
             ],
             disabled: a.disabled,
             multiple: a.multiple
           }, {
-            default: c(({ open: r }) => [
-              m("div", ue, [
-                d(o(j), {
-                  open: r,
-                  "update-fn": F
+            default: c(({ open: o }) => [
+              m("div", de, [
+                u(r(K), {
+                  open: o,
+                  "update-fn": M
                 }, null, 8, ["open"]),
-                d(o(ae), {
+                u(r(le), {
                   ref_key: "listboxButtonRef",
-                  ref: M,
-                  id: o($),
+                  ref: L,
+                  id: r(F),
                   class: v([
-                    W.value,
+                    j.value,
                     a.buttonClass
                   ]),
-                  onClick: F
+                  onClick: M
                 }, {
                   default: c(() => [
                     m("span", ce, [
-                      O.value ? (i(), y(N(O.value), {
+                      I.value ? (i(), y(N(I.value), {
                         key: 0,
                         class: "sl-h-4 sl-w-4 sl-flex-shrink-0",
                         "aria-hidden": "true"
                       })) : h("", !0),
-                      D.value ? (i(), u("span", me, b(D.value), 1)) : (i(), u("span", fe, b(a.placeholder || "Select an option"), 1))
+                      E.value ? (i(), d("span", me, b(E.value), 1)) : (i(), d("span", fe, b(a.placeholder || "Select an option"), 1))
                     ]),
                     m("span", pe, [
-                      d(o(ne), {
+                      u(r(ae), {
                         class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
                         "aria-hidden": "true"
                       })
@@ -218,18 +217,18 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
                   _: 1
                 }, 8, ["id", "class"]),
                 (i(), y(_, { to: "body" }, [
-                  d(J, {
+                  u(J, {
                     "leave-active-class": "sl-transition sl-duration-100 sl-ease-in",
                     "leave-from-class": "sl-opacity-100",
                     "leave-to-class": "sl-opacity-0"
                   }, {
                     default: c(() => [
-                      d(o(re), {
+                      u(r(se), {
                         class: "sl-fixed sl-z-[9999] sl-overflow-auto sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-py-1 sl-text-base sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 focus:sl-outline-none sm:sl-text-sm",
                         style: Q(w.value)
                       }, {
                         default: c(() => [
-                          a.multiple && a.showAll ? (i(), u("li", {
+                          a.multiple && a.showAll ? (i(), d("li", {
                             key: 0,
                             role: "button",
                             tabindex: "0",
@@ -243,7 +242,7 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
                           }, [
                             m("span", ve, b(z.value ? "Unselect All" : "Select All"), 1)
                           ], 32)) : h("", !0),
-                          (i(!0), u(Y, null, Z(a.items, (n) => (i(), y(o(oe), {
+                          (i(!0), d(Y, null, Z(a.items, (n) => (i(), y(r(te), {
                             key: k(n),
                             value: n,
                             as: "template",
@@ -270,8 +269,8 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
                                     ])
                                   }, b(A(n)), 3)
                                 ]),
-                                B ? (i(), u("span", be, [
-                                  d(o(ie), {
+                                B ? (i(), d("span", be, [
+                                  u(r(oe), {
                                     class: "sl-h-5 sl-w-5",
                                     "aria-hidden": "true"
                                   })
@@ -298,6 +297,5 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
   }
 });
 export {
-  Se as _
+  Ce as _
 };
-//# sourceMappingURL=SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js.map