@stachelock/ui 0.6.6 → 0.6.8

package/dist/{CalendarHeader.vue_vue_type_script_setup_true_lang-CA_C4dmn.js → CalendarHeader.vue_vue_type_script_setup_true_lang-CMBsY5Y0.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-COZuuSFS.js";
+import { _ as oe } from "./SelectInput.vue_vue_type_script_setup_true_lang-DFfKsmvj.js";
 import { t as h, p as A, b as ie, g as de, a as O } from "./calendar-DLry-Vik.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-D52gzkAa.js → ComboboxInput.vue_vue_type_script_setup_true_lang-DacJtKYo.js}

@@ -1,20 +1,20 @@
-import { defineComponent as se, ref as k, watch as F, computed as x, createElementBlock as c, openBlock as n, createVNode as i, unref as o, withCtx as v, createElementVNode as d, normalizeClass as y, createCommentVNode as f, withModifiers as I, createBlock as O, toDisplayString as M, Fragment as te, renderList as ae } from "vue";
-import { Combobox as re, ComboboxInput as oe, ComboboxButton as ue, TransitionRoot as ne, ComboboxOptions as ie, ComboboxOption as U } from "@headlessui/vue";
-import { XMarkIcon as de, ChevronUpDownIcon as ce, CheckIcon as j } from "@heroicons/vue/20/solid";
-import { useField as me } from "vee-validate";
-import ve from "./forms/FormFieldWrapper.js";
-import { _ as fe } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
-import { g as pe } from "./id-DafBB_QF.js";
-const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2 sl-gap-1" }, ge = { class: "sl-block sl-truncate sl-font-medium" }, he = {
+import { defineComponent as te, ref as w, watch as F, computed as x, createElementBlock as m, openBlock as u, createVNode as d, unref as r, withCtx as v, createElementVNode as c, normalizeClass as y, createCommentVNode as f, withModifiers as B, createBlock as N, toDisplayString as M, Fragment as ae, renderList as oe } from "vue";
+import { Combobox as re, ComboboxInput as ne, ComboboxButton as ue, TransitionRoot as ie, ComboboxOptions as de, ComboboxOption as U } from "@headlessui/vue";
+import { XMarkIcon as ce, ChevronUpDownIcon as me, CheckIcon as z } from "@heroicons/vue/20/solid";
+import { useField as ve } from "vee-validate";
+import fe from "./forms/FormFieldWrapper.js";
+import { _ as pe } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
+import { g as ye } from "./id-DafBB_QF.js";
+const be = { class: "sl-w-full" }, ge = { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2 sl-gap-1" }, he = { class: "sl-block sl-truncate sl-font-medium" }, ke = {
   key: 0,
   class: "sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3 sl-text-stachelock-600 dark:sl-text-stachelock-400"
 }, xe = {
   key: 1,
   class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
-}, ke = { class: "sl-flex sl-items-center sl-gap-2" }, we = {
+}, we = { class: "sl-flex sl-items-center sl-gap-2" }, Ce = {
   key: 2,
   class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
-}, Ce = { class: "sl-block sl-truncate" }, Ae = { key: 0 }, Ve = 50, Oe = /* @__PURE__ */ se({
+}, Ae = { class: "sl-block sl-truncate" }, Ve = { key: 0 }, Ie = 50, Ne = /* @__PURE__ */ te({
   __name: "ComboboxInput",
   props: {
     name: {},
@@ -33,38 +33,39 @@ const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-ri
     multiple: { type: Boolean, default: !1 },
     showAll: { type: Boolean, default: !1 },
     modelValue: { type: [String, Number, Boolean, null, Object, Array] },
+    value: { type: [String, Number, Boolean, null, Object, Array] },
     boxShadow: { type: Boolean, default: !1 },
     clearable: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue", "update:query", "blur", "focus"],
-  setup(a, { emit: z }) {
-    const s = a, m = z, K = pe(s.name), r = k(""), { value: w, errorMessage: N, handleChange: p, meta: C, setTouched: A } = me(
+  emits: ["update:modelValue", "update:value", "update:query", "blur", "focus"],
+  setup(a, { emit: D }) {
+    const s = a, i = D, P = ye(s.name), o = w(""), C = s.modelValue ?? s.value, { value: b, errorMessage: K, handleChange: p, meta: A, setTouched: V } = ve(
       () => s.name,
       s.rules,
       {
         validateOnMount: s.validateOnMount,
-        initialValue: s.modelValue
+        initialValue: C
       }
-    ), t = k(
-      s.multiple ? Array.isArray(s.modelValue) ? s.modelValue : [] : s.modelValue ?? null
+    ), t = w(
+      s.multiple ? Array.isArray(C) ? C : [] : C ?? null
     );
     F(
-      () => s.modelValue,
+      () => s.modelValue ?? s.value,
       (e) => {
         if (s.multiple) {
           const l = Array.isArray(e) ? e : [];
-          l !== t.value && (t.value = l, w.value = l);
+          l !== t.value && (t.value = l, b.value = l);
         } else
-          e !== t.value && (t.value = e, w.value = e);
+          e !== t.value && (t.value = e, b.value = e);
       },
       { immediate: !0 }
     ), F(
       t,
       (e) => {
-        m("update:modelValue", e);
+        i("update:modelValue", e), i("update:value", e);
       }
     );
-    const D = x(() => [
+    const $ = x(() => [
       "sl-w-full",
       "sl-border-none",
       "sl-py-2",
@@ -76,10 +77,13 @@ const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-ri
       "dark:sl-text-slate-100",
       "placeholder:sl-text-gray-400",
       "dark:placeholder:sl-text-slate-500",
+      "sl-outline-none",
       "focus:sl-outline-none",
+      "dark:sl-outline-none",
+      "dark:focus:sl-outline-none",
       "focus:sl-ring-0",
       "sl-bg-transparent"
-    ].join(" ")), $ = x(() => {
+    ].join(" ")), H = x(() => {
       const e = [
         "sl-relative",
         "sl-w-full",
@@ -90,7 +94,11 @@ const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-ri
         "sl-text-left",
         "sl-border",
         "sl-outline-none",
+        "dark:sl-outline-none",
         "focus-within:sl-outline-none",
+        "dark:focus-within:sl-outline-none",
+        "[&_*]:sl-outline-none",
+        "dark:[&_*]:sl-outline-none",
         "focus-within:sl-ring-2",
         "focus-within:sl-ring-stachelock-500",
         "focus-within:sl-border-stachelock-500",
@@ -103,12 +111,12 @@ const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-ri
         "sl-cursor-not-allowed",
         "sl-border-gray-200",
         "dark:sl-border-slate-700"
-      ) : N.value ? e.push(
+      ) : K.value ? e.push(
         "sl-border-red-300",
         "dark:sl-border-red-500",
         "focus-within:sl-ring-red-500",
         "focus-within:sl-border-red-500"
-      ) : C.valid && C.touched ? e.push(
+      ) : A.valid && A.touched ? e.push(
         "sl-border-green-300",
         "dark:sl-border-green-500",
         "focus-within:sl-ring-green-500",
@@ -119,121 +127,129 @@ const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-ri
         "hover:sl-border-gray-400",
         "dark:hover:sl-border-slate-500"
       ), e.join(" ");
-    }), B = (e) => {
+    }), S = (e) => {
       const l = e[s.itemKey];
       return l == null ? "" : typeof l == "string" || typeof l == "number" ? l : String(l);
-    }, V = (e) => {
+    }, I = (e) => {
       if (!e) return "";
       const l = e[s.itemText];
       return l != null ? String(l) : String(e);
-    }, b = k([]), S = k([]), T = k(1), P = () => {
-      const e = T.value * Ve;
-      S.value = b.value.slice(0, e), T.value += 1;
-    }, H = () => {
-      T.value = 1, S.value = [], P();
-    }, Q = () => {
-      if (r.value && r.value !== "")
+    }, g = w([]), T = w([]), L = w(1), Q = () => {
+      const e = L.value * Ie;
+      T.value = g.value.slice(0, e), L.value += 1;
+    }, R = () => {
+      L.value = 1, T.value = [], Q();
+    }, j = () => {
+      if (o.value && o.value !== "")
         if (s.customQuery)
-          b.value = s.customQuery(r.value, s.items);
+          g.value = s.customQuery(o.value, s.items);
         else {
-          const e = r.value.toLowerCase();
-          b.value = s.items.filter((l) => V(l).toLowerCase().includes(e));
+          const e = o.value.toLowerCase();
+          g.value = s.items.filter((l) => I(l).toLowerCase().includes(e));
         }
       else
-        b.value = s.items;
-      H();
-    }, q = x(() => s.items.filter((e) => !e.disabled)), R = (e) => {
+        g.value = s.items;
+      R();
+    }, q = x(() => s.items.filter((e) => !e.disabled)), W = (e) => {
       const l = e.target;
-      r.value = l.value, m("update:query", r.value), Q();
-    }, W = (e) => {
+      o.value = l.value, i("update:query", o.value), j();
+    }, X = (e) => {
       if (s.multiple) {
         const l = Array.isArray(e) ? e : [];
-        t.value = l, w.value = l, A(!0), p(l);
+        t.value = l, b.value = l, V(!0), p(l);
       } else
-        t.value = e, w.value = e, A(!0), p(e);
-    }, L = x(() => {
+        t.value = e, b.value = e, V(!0), p(e);
+    }, O = x(() => {
       if (!s.multiple || !Array.isArray(t.value)) return !1;
       const e = q.value;
       if (e.length === 0) return !1;
-      const l = Array.isArray(t.value) ? t.value : [], u = new Set(l.map((h) => B(h)));
-      return e.every((h) => u.has(B(h)));
-    }), X = () => {
-      s.multiple && (L.value ? t.value = [] : t.value = [...q.value], A(!0), p(t.value), m("update:modelValue", t.value));
-    }, G = (e) => s.multiple ? !Array.isArray(e) || e.length === 0 ? "" : e.length === 1 ? V(e[0]) : `${e.length} selected` : V(e), g = x(() => s.multiple || r.value === "" ? null : { [s.itemKey]: null, [s.itemText]: r.value }), J = () => {
-      s.multiple || g.value && (s.customQuery ? (m("update:modelValue", r.value), p(r.value)) : (t.value = g.value, p(t.value)));
-    }, Y = (e) => {
-      const l = e.target;
-      l.scrollTop + l.clientHeight >= l.scrollHeight && P();
+      const l = Array.isArray(t.value) ? t.value : [], n = new Set(l.map((k) => S(k)));
+      return e.every((k) => n.has(S(k)));
+    }), G = () => {
+      s.multiple && (O.value ? t.value = [] : t.value = [...q.value], V(!0), p(t.value), i("update:modelValue", t.value));
+    }, J = (e) => s.multiple ? !Array.isArray(e) || e.length === 0 ? "" : e.length === 1 ? I(e[0]) : `${e.length} selected` : I(e), h = x(() => s.multiple || o.value === "" ? null : { [s.itemKey]: null, [s.itemText]: o.value }), Y = () => {
+      s.multiple || h.value && (s.customQuery ? (i("update:modelValue", o.value), p(o.value)) : (t.value = h.value, p(t.value)));
     }, Z = (e) => {
-      m("focus", e);
-    }, _ = x(() => s.clearable ? s.multiple && Array.isArray(t.value) ? t.value.length > 0 : t.value !== null && t.value !== void 0 : !1), ee = (e) => {
-      e.stopPropagation(), e.preventDefault(), s.multiple ? t.value = [] : t.value = null, r.value = "", A(!0), p(t.value), m("update:modelValue", t.value);
-    }, le = (e) => {
-      !s.multiple && g.value && (t.value = g.value, p(t.value), m("update:modelValue", t.value)), m("blur", e);
+      const l = e.target;
+      l.scrollTop + l.clientHeight >= l.scrollHeight && Q();
+    }, _ = (e) => {
+      i("focus", e);
+    }, ee = x(() => {
+      if (!s.clearable) return !1;
+      const e = t.value ?? s.value ?? s.modelValue ?? b.value;
+      return s.multiple && Array.isArray(e) ? e.length > 0 : e != null && e !== "";
+    }), le = (e) => {
+      e.stopPropagation(), e.preventDefault();
+      const l = s.multiple ? [] : null;
+      t.value = l, b.value = l, o.value = "", V(!0), p(l), i("update:modelValue", l), i("update:value", l);
+    }, se = (e) => {
+      !s.multiple && h.value && (t.value = h.value, p(t.value), i("update:modelValue", t.value)), i("blur", e);
     };
     return F(() => s.items, () => {
-      Q();
-    }, { immediate: !0, deep: !0 }), (e, l) => (n(), c("div", ye, [
-      i(ve, {
-        id: o(K),
+      j();
+    }, { immediate: !0, deep: !0 }), (e, l) => (u(), m("div", be, [
+      d(fe, {
+        id: r(P),
         name: a.name,
         label: a.label,
         disabled: a.disabled,
         optional: !a.rules,
         "tertiary-label": a.tertiaryLabel,
         "box-shadow": a.boxShadow,
-        "error-message": o(N),
+        "error-message": r(K),
         "success-message": a.successMessage,
-        "is-valid": o(C).valid,
-        "is-touched": o(C).touched,
+        "is-valid": r(A).valid,
+        "is-touched": r(A).touched,
         "show-valid-check": !1
       }, {
         "success-message": v(() => [
-          a.successMessage ? (n(), c("span", Ae, M(a.successMessage), 1)) : f("", !0)
+          a.successMessage ? (u(), m("span", Ve, M(a.successMessage), 1)) : f("", !0)
         ]),
         default: v(() => [
-          i(o(re), {
+          d(r(re), {
             modelValue: t.value,
             "onUpdate:modelValue": [
-              l[4] || (l[4] = (u) => t.value = u),
-              W
+              l[4] || (l[4] = (n) => t.value = n),
+              X
             ],
             disabled: a.disabled,
-            multiple: a.multiple
+            multiple: a.multiple,
+            as: "div",
+            class: "sl-outline-none dark:sl-outline-none focus:sl-outline-none dark:focus:sl-outline-none"
           }, {
             default: v(() => [
-              d("div", {
-                class: y($.value)
+              c("div", {
+                class: y(H.value)
               }, [
-                i(o(oe), {
-                  id: o(K),
-                  class: y(D.value),
-                  "display-value": G,
+                d(r(ne), {
+                  id: r(P),
+                  class: y($.value),
+                  "display-value": J,
                   placeholder: a.placeholder || "Type to search...",
-                  modelValue: r.value,
-                  "onUpdate:modelValue": l[0] || (l[0] = (u) => r.value = u),
-                  onInput: R,
-                  onBlur: le,
-                  onFocus: Z
+                  modelValue: o.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (n) => o.value = n),
+                  onInput: W,
+                  onBlur: se,
+                  onFocus: _
                 }, null, 8, ["id", "class", "placeholder", "modelValue"]),
-                d("div", be, [
-                  _.value ? (n(), c("button", {
+                c("div", ge, [
+                  ee.value ? (u(), m("button", {
                     key: 0,
                     type: "button",
                     class: "sl-p-0.5 sl-rounded-full sl-text-gray-400 dark:sl-text-slate-400 hover:sl-text-gray-600 dark:hover:sl-text-slate-200 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 focus:sl-outline-none",
-                    onClick: ee,
-                    onMousedown: l[1] || (l[1] = I(() => {
+                    onClick: le,
+                    onMousedown: l[1] || (l[1] = B(() => {
                     }, ["prevent"]))
                   }, [
-                    i(o(de), {
+                    d(r(ce), {
                       class: "sl-h-4 sl-w-4",
                       "aria-hidden": "true"
                     }),
-                    l[5] || (l[5] = d("span", { class: "sl-sr-only" }, "Clear selection", -1))
+                    l[5] || (l[5] = c("span", { class: "sl-sr-only" }, "Clear selection", -1))
                   ], 32)) : f("", !0),
-                  i(o(ue), { class: "sl-flex sl-items-center" }, {
+                  d(r(ue), { class: "sl-flex sl-items-center sl-outline-none focus:sl-outline-none dark:sl-outline-none dark:focus:sl-outline-none" }, {
                     default: v(() => [
-                      i(o(ce), {
+                      d(r(me), {
                         class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
                         "aria-hidden": "true"
                       })
@@ -241,71 +257,71 @@ const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-ri
                     _: 1
                   })
                 ]),
-                i(o(ne), {
+                d(r(ie), {
                   leave: "sl-transition sl-ease-in sl-duration-100",
                   "leave-from": "sl-opacity-100",
                   "leave-to": "sl-opacity-0",
-                  onAfterLeave: l[3] || (l[3] = (u) => r.value = "")
+                  onAfterLeave: l[3] || (l[3] = (n) => o.value = "")
                 }, {
                   default: v(() => [
-                    b.value.length > 0 || r.value !== "" || a.multiple && a.showAll ? (n(), O(o(ie), {
+                    g.value.length > 0 || o.value !== "" || a.multiple && a.showAll ? (u(), N(r(de), {
                       key: 0,
                       class: "sl-absolute sl-z-[9999] sl-mt-1 sl-max-h-60 sl-w-full 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",
-                      onScroll: Y
+                      onScroll: Z
                     }, {
                       default: v(() => [
-                        a.multiple && a.showAll ? (n(), c("li", {
+                        a.multiple && a.showAll ? (u(), m("li", {
                           key: 0,
                           role: "button",
                           tabindex: "0",
-                          onMousedown: l[2] || (l[2] = I(() => {
+                          onMousedown: l[2] || (l[2] = B(() => {
                           }, ["prevent"])),
-                          onClick: I(X, ["prevent", "stop"]),
+                          onClick: B(G, ["prevent", "stop"]),
                           class: y([
                             "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4 sl-text-gray-900 dark:sl-text-slate-200",
                             "hover:sl-bg-stachelock-600 hover:sl-text-white"
                           ]),
                           "data-testid": "select-all-option"
                         }, [
-                          d("span", ge, M(L.value ? "Unselect All" : "Select All"), 1),
-                          L.value ? (n(), c("span", he, [
-                            i(o(j), {
+                          c("span", he, M(O.value ? "Unselect All" : "Select All"), 1),
+                          O.value ? (u(), m("span", ke, [
+                            d(r(z), {
                               class: "sl-h-5 sl-w-5",
                               "aria-hidden": "true"
                             })
                           ])) : f("", !0)
                         ], 32)) : f("", !0),
-                        a.loading ? (n(), c("div", xe, [
-                          d("div", ke, [
-                            i(fe, { size: "sm" }),
-                            l[6] || (l[6] = d("span", null, "Loading...", -1))
+                        a.loading ? (u(), m("div", xe, [
+                          c("div", we, [
+                            d(pe, { size: "sm" }),
+                            l[6] || (l[6] = c("span", null, "Loading...", -1))
                           ])
-                        ])) : r.value !== "" && b.value.length === 0 ? (n(), c("div", we, " Nothing found. ")) : f("", !0),
-                        (n(!0), c(te, null, ae(S.value, (u) => (n(), O(o(U), {
-                          key: B(u),
-                          value: u,
+                        ])) : o.value !== "" && g.value.length === 0 ? (u(), m("div", Ce, " Nothing found. ")) : f("", !0),
+                        (u(!0), m(ae, null, oe(T.value, (n) => (u(), N(r(U), {
+                          key: S(n),
+                          value: n,
                           as: "template",
-                          disabled: u.disabled
+                          disabled: n.disabled
                         }, {
-                          default: v(({ active: h, selected: E }) => [
-                            d("li", {
+                          default: v(({ active: k, selected: E }) => [
+                            c("li", {
                               class: y([
                                 "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
-                                h ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
-                                u.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
+                                k ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
+                                n.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
                               ])
                             }, [
-                              d("span", {
+                              c("span", {
                                 class: y([
                                   "sl-block sl-truncate",
                                   E ? "sl-font-medium" : "sl-font-normal"
                                 ])
-                              }, M(V(u)), 3),
-                              E ? (n(), c("span", {
+                              }, M(I(n)), 3),
+                              E ? (u(), m("span", {
                                 key: 0,
-                                class: y(["sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3", h ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"])
+                                class: y(["sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3", k ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"])
                               }, [
-                                i(o(j), {
+                                d(r(z), {
                                   class: "sl-h-5 sl-w-5",
                                   "aria-hidden": "true"
                                 })
@@ -314,20 +330,20 @@ const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-ri
                           ]),
                           _: 2
                         }, 1032, ["value", "disabled"]))), 128)),
-                        !a.multiple && g.value ? (n(), O(o(U), {
+                        !a.multiple && h.value ? (u(), N(r(U), {
                           key: 3,
-                          value: g.value,
+                          value: h.value,
                           as: "template"
                         }, {
-                          default: v(({ active: u }) => [
-                            d("li", {
-                              onClick: I(J, ["prevent", "stop"]),
+                          default: v(({ active: n }) => [
+                            c("li", {
+                              onClick: B(Y, ["prevent", "stop"]),
                               class: y([
                                 "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
-                                u ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
+                                n ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
                               ])
                             }, [
-                              d("span", Ce, ' Enter "' + M(r.value) + '" manually ', 1)
+                              c("span", Ae, ' Enter "' + M(o.value) + '" manually ', 1)
                             ], 2)
                           ]),
                           _: 1
@@ -349,5 +365,5 @@ const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-ri
   }
 });
 export {
-  Oe as _
+  Ne as _
 };

package/dist/{DynamicForm.vue_vue_type_script_setup_true_lang-BR8Pq7Kw.js → DynamicForm.vue_vue_type_script_setup_true_lang-Bq8Gvhsc.js}

@@ -2,7 +2,7 @@ import { defineComponent as Y, ref as Z, reactive as _, watch as w, computed as
 import { useForm as te } from "vee-validate";
 import { ExclamationCircleIcon as se } from "@heroicons/vue/24/outline";
 import A from "./components/Button.js";
-import { _ as ae } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js";
+import { _ as ae } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-CdNtWWlT.js";
 const le = {
   key: 0,
   class: "sl-mb-6"

package/dist/{DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js → DynamicFormField.vue_vue_type_script_setup_true_lang-CdNtWWlT.js}

@@ -1,10 +1,10 @@
 import { defineComponent as b, computed as s, defineAsyncComponent as y, createBlock as v, createElementBlock as g, openBlock as c, resolveDynamicComponent as w, mergeProps as k, toHandlers as V, createElementVNode as o, createVNode as _, unref as L, toDisplayString as P } from "vue";
-import t from "./inputs/TextInput.js";
+import { T as t } from "./TextInput-C5IzX7m_.js";
 import { ExclamationTriangleIcon as C } from "@heroicons/vue/24/outline";
 const D = {
   key: 1,
   class: "sl-p-4 sl-bg-yellow-50 sl-border sl-border-yellow-200 sl-rounded-md"
-}, F = { class: "sl-flex" }, M = { class: "sl-ml-3" }, T = { class: "sl-mt-2 sl-text-sm sl-text-yellow-700" }, A = /* @__PURE__ */ b({
+}, F = { class: "sl-flex" }, T = { class: "sl-ml-3" }, M = { class: "sl-mt-2 sl-text-sm sl-text-yellow-700" }, A = /* @__PURE__ */ b({
   __name: "DynamicFormField",
   props: {
     field: {},
@@ -137,9 +137,9 @@ const D = {
     }), null, 16, ["model-value"])) : (c(), g("div", D, [
       o("div", F, [
         _(L(C), { class: "sl-h-5 sl-w-5 sl-text-yellow-400" }),
-        o("div", M, [
+        o("div", T, [
           i[0] || (i[0] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-yellow-800" }, " Unknown field type ", -1)),
-          o("div", T, [
+          o("div", M, [
             o("p", null, 'Field type "' + P(a.field.type) + '" is not supported.', 1)
           ])
         ])

package/dist/{InlineTabs.vue_vue_type_script_setup_true_lang-slNq2sot.js → InlineTabs.vue_vue_type_script_setup_true_lang-B6A0zsE6.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-COZuuSFS.js";
+import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang-DFfKsmvj.js";
 import { u as $ } from "./useSimpleTabs-CSgkChEU.js";
 const B = { class: "sl-w-full" }, M = {
   key: 0,