@stachelock/ui 0.6.6 → 0.6.8

package/dist/{SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js → SelectInput.vue_vue_type_script_setup_true_lang-DFfKsmvj.js}

@@ -1,10 +1,10 @@
-import { defineComponent as P, watch as M, onBeforeUnmount as Q, ref as S, computed as v, createElementBlock as d, openBlock as n, createVNode as u, unref as r, withCtx as m, createElementVNode as c, createBlock as y, normalizeClass as h, createCommentVNode as f, resolveDynamicComponent as R, toDisplayString as b, withModifiers as V, Teleport as Y, Transition as Z, normalizeStyle as _, Fragment as ee, renderList as le } from "vue";
-import { Listbox as se, ListboxButton as te, ListboxOptions as ae, ListboxOption as re } from "@headlessui/vue";
-import { XMarkIcon as oe, ChevronUpDownIcon as ne, CheckIcon as ie } from "@heroicons/vue/20/solid";
+import { defineComponent as P, watch as M, onBeforeUnmount as Q, ref as S, computed as f, createElementBlock as d, openBlock as n, createVNode as u, unref as o, withCtx as m, createElementVNode as c, createBlock as x, normalizeClass as h, createCommentVNode as p, resolveDynamicComponent as R, toDisplayString as b, withModifiers as L, Teleport as Y, Transition as Z, normalizeStyle as _, Fragment as ee, renderList as le } from "vue";
+import { Listbox as se, ListboxButton as te, ListboxOptions as ae, ListboxOption as oe } from "@headlessui/vue";
+import { XMarkIcon as re, ChevronUpDownIcon as ne, CheckIcon as ie } from "@heroicons/vue/20/solid";
 import { useField as ue } from "vee-validate";
 import de from "./forms/FormFieldWrapper.js";
 import { g as ce } from "./id-DafBB_QF.js";
-const me = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class: "sl-flex sl-items-center sl-gap-2" }, pe = {
+const me = { class: "sl-w-full" }, fe = { class: "sl-relative" }, pe = { class: "sl-flex sl-items-center sl-gap-2" }, ve = {
   key: 1,
   class: "sl-block sl-truncate sl-text-left"
 }, he = {
@@ -13,7 +13,7 @@ const me = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
 }, 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" }, ye = { class: "sl-flex sl-items-center sl-gap-2" }, xe = {
   key: 0,
   class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-4"
-}, ke = { key: 0 }, L = 224, x = 4, Ve = /* @__PURE__ */ P({
+}, ke = { key: 0 }, D = 224, k = 4, Se = /* @__PURE__ */ P({
   __name: "SelectInput",
   props: {
     name: {},
@@ -42,63 +42,63 @@ const me = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
         updateFn: { type: Function, required: !0 }
       },
       setup(e) {
-        const s = () => {
+        const l = () => {
           e.open && e.updateFn();
         };
-        return M(() => e.open, (o) => {
-          o ? (e.updateFn(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s)) : (window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s));
+        return M(() => e.open, (r) => {
+          r ? (e.updateFn(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l)) : (window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l));
         }, { immediate: !0 }), Q(() => {
-          window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
+          window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
         }), () => null;
       }
-    }), D = S(null), k = S({
+    }), F = S(null), w = S({
       top: "0px",
       left: "0px",
       width: "200px"
     });
-    function F() {
-      const e = D.value?.$el;
+    function I() {
+      const e = F.value?.$el;
       if (!e) return;
-      const s = e.getBoundingClientRect(), o = window.innerHeight, i = o - s.bottom - x, p = s.top - x;
-      i < L && p > i ? k.value = {
-        bottom: `${o - s.top + x}px`,
-        left: `${s.left}px`,
-        width: `${s.width}px`,
-        maxHeight: `${Math.min(p, L)}px`
-      } : k.value = {
-        top: `${s.bottom + x}px`,
-        left: `${s.left}px`,
-        width: `${s.width}px`,
-        maxHeight: `${Math.min(i, L)}px`
+      const l = e.getBoundingClientRect(), r = window.innerHeight, i = r - l.bottom - k, v = l.top - k;
+      i < D && v > i ? w.value = {
+        bottom: `${r - l.top + k}px`,
+        left: `${l.left}px`,
+        width: `${l.width}px`,
+        maxHeight: `${Math.min(v, D)}px`
+      } : w.value = {
+        top: `${l.bottom + k}px`,
+        left: `${l.left}px`,
+        width: `${l.width}px`,
+        maxHeight: `${Math.min(i, D)}px`
       };
     }
-    const t = a, W = K, I = ce(t.name), { value: O, errorMessage: $, handleChange: w, meta: g, setTouched: E } = ue(
+    const t = a, W = K, O = ce(t.name), { value: g, errorMessage: $, handleChange: A, meta: y, setTouched: E } = ue(
       () => t.name,
       t.rules,
       {
         validateOnMount: t.validateOnMount,
         initialValue: t.modelValue
       }
-    ), l = S(
+    ), s = S(
       t.multiple ? Array.isArray(t.modelValue) ? t.modelValue : [] : t.modelValue
     );
     M(
       () => t.modelValue,
       (e) => {
         if (t.multiple) {
-          const s = Array.isArray(e) ? e : [];
-          s !== l.value && (l.value = s, O.value = s);
+          const l = Array.isArray(e) ? e : [];
+          l !== s.value && (s.value = l, g.value = l);
         } else
-          e !== l.value && (l.value = e, O.value = e);
+          e !== s.value && (s.value = e, g.value = e);
       },
       { immediate: !0 }
     ), M(
-      l,
+      s,
       (e) => {
         W("update:modelValue", e);
       }
     );
-    const j = v(() => {
+    const j = f(() => {
       const e = [
         "sl-relative",
         "sl-w-full",
@@ -115,7 +115,11 @@ const me = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
         "sl-border",
         "sl-text-sm",
         "sl-outline-none",
+        "dark:sl-outline-none",
         "focus:sl-outline-none",
+        "dark:focus:sl-outline-none",
+        "[&_*]:sl-outline-none",
+        "dark:[&_*]:sl-outline-none",
         "focus:sl-ring-2",
         "focus:sl-ring-stachelock-500",
         "focus:sl-border-stachelock-500",
@@ -135,7 +139,7 @@ const me = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
         "dark:sl-border-red-500",
         "focus:sl-ring-red-500",
         "focus:sl-border-red-500"
-      ) : g.valid && g.touched ? e.push(
+      ) : y.valid && y.touched ? e.push(
         "sl-border-green-300",
         "dark:sl-border-green-500",
         "focus:sl-ring-green-500",
@@ -146,71 +150,77 @@ const me = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
         "hover:sl-border-gray-400",
         "dark:hover:sl-border-slate-500"
       ), e.join(" ");
-    }), A = (e) => e[t.itemKey], C = (e) => e[t.itemText] || e.toString(), T = v(() => l.value ? t.multiple && Array.isArray(l.value) ? l.value.length === 0 ? "" : l.value.length === 1 ? C(l.value[0]) : `${l.value.length} items selected` : C(l.value) : ""), z = v(() => l.value ? t.multiple && Array.isArray(l.value) ? l.value.length === 1 ? l.value[0].icon : null : l.value.icon : null), H = v(() => t.items.filter((e) => !e.disabled)), q = (e) => {
-      l.value = e, E(!0), w(e);
-    }, N = v(() => {
-      if (!t.multiple || !Array.isArray(l.value)) return !1;
+    }), C = (e) => e[t.itemKey], B = (e) => e[t.itemText] || e.toString(), T = f(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 0 ? "" : s.value.length === 1 ? B(s.value[0]) : `${s.value.length} items selected` : B(s.value) : ""), z = f(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 1 ? s.value[0].icon : null : s.value.icon : null), H = f(() => t.items.filter((e) => !e.disabled)), q = (e) => {
+      s.value = e, E(!0), A(e);
+    }, N = f(() => {
+      if (!t.multiple || !Array.isArray(s.value)) return !1;
       const e = H.value;
       if (e.length === 0) return !1;
-      const s = new Set(l.value.map((o) => A(o)));
-      return e.every((o) => s.has(A(o)));
+      const l = new Set(s.value.map((r) => C(r)));
+      return e.every((r) => l.has(C(r)));
     }), G = () => {
-      t.multiple && (N.value ? l.value = [] : l.value = [...H.value], w(l.value));
-    }, X = v(() => t.clearable ? t.multiple && Array.isArray(l.value) ? l.value.length > 0 : l.value !== null && l.value !== void 0 : !1), J = (e) => {
-      e.stopPropagation(), e.preventDefault(), t.multiple ? l.value = [] : l.value = null, E(!0), w(l.value);
+      t.multiple && (N.value ? s.value = [] : s.value = [...H.value], A(s.value));
+    }, X = f(() => {
+      if (!t.clearable) return !1;
+      const e = s.value ?? g.value;
+      return t.multiple && Array.isArray(e) ? e.length > 0 : e != null && e !== "";
+    }), J = (e) => {
+      e.stopPropagation(), e.preventDefault();
+      const l = t.multiple ? [] : null;
+      s.value = l, g.value = l, E(!0), A(l);
     };
-    return (e, s) => (n(), d("div", me, [
+    return (e, l) => (n(), d("div", me, [
       u(de, {
-        id: r(I),
+        id: o(O),
         name: a.name,
         label: a.label,
         disabled: a.disabled,
         optional: !a.rules,
         "tertiary-label": a.tertiaryLabel,
         "box-shadow": a.boxShadow,
-        "error-message": r($),
+        "error-message": o($),
         "success-message": a.successMessage,
-        "is-valid": r(g).valid,
-        "is-touched": r(g).touched,
+        "is-valid": o(y).valid,
+        "is-touched": o(y).touched,
         "show-valid-check": !1
       }, {
         "success-message": m(() => [
-          a.successMessage ? (n(), d("span", ke, b(a.successMessage), 1)) : f("", !0)
+          a.successMessage ? (n(), d("span", ke, b(a.successMessage), 1)) : p("", !0)
         ]),
         default: m(() => [
-          u(r(se), {
-            modelValue: l.value,
+          u(o(se), {
+            modelValue: s.value,
             "onUpdate:modelValue": [
-              s[2] || (s[2] = (o) => l.value = o),
+              l[2] || (l[2] = (r) => s.value = r),
               q
             ],
             disabled: a.disabled,
             multiple: a.multiple
           }, {
-            default: m(({ open: o }) => [
-              c("div", ve, [
-                u(r(U), {
-                  open: o,
-                  "update-fn": F
+            default: m(({ open: r }) => [
+              c("div", fe, [
+                u(o(U), {
+                  open: r,
+                  "update-fn": I
                 }, null, 8, ["open"]),
-                u(r(te), {
+                u(o(te), {
                   ref_key: "listboxButtonRef",
-                  ref: D,
-                  id: r(I),
+                  ref: F,
+                  id: o(O),
                   class: h([
                     j.value,
                     a.buttonClass
                   ]),
-                  onClick: F
+                  onClick: I
                 }, {
                   default: m(() => [
-                    c("span", fe, [
-                      z.value ? (n(), y(R(z.value), {
+                    c("span", pe, [
+                      z.value ? (n(), x(R(z.value), {
                         key: 0,
                         class: "sl-h-4 sl-w-4 sl-flex-shrink-0",
                         "aria-hidden": "true"
-                      })) : f("", !0),
-                      T.value ? (n(), d("span", pe, b(T.value), 1)) : (n(), d("span", he, b(a.placeholder || "Select an option"), 1))
+                      })) : p("", !0),
+                      T.value ? (n(), d("span", ve, b(T.value), 1)) : (n(), d("span", he, b(a.placeholder || "Select an option"), 1))
                     ]),
                     c("span", be, [
                       X.value ? (n(), d("button", {
@@ -218,16 +228,16 @@ const me = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
                         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: J,
-                        onMousedown: s[0] || (s[0] = V(() => {
+                        onMousedown: l[0] || (l[0] = L(() => {
                         }, ["prevent"]))
                       }, [
-                        u(r(oe), {
+                        u(o(re), {
                           class: "sl-h-4 sl-w-4",
                           "aria-hidden": "true"
                         }),
-                        s[3] || (s[3] = c("span", { class: "sl-sr-only" }, "Clear selection", -1))
-                      ], 32)) : f("", !0),
-                      u(r(ne), {
+                        l[3] || (l[3] = c("span", { class: "sl-sr-only" }, "Clear selection", -1))
+                      ], 32)) : p("", !0),
+                      u(o(ne), {
                         class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300 sl-pointer-events-none",
                         "aria-hidden": "true"
                       })
@@ -235,65 +245,65 @@ const me = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
                   ]),
                   _: 1
                 }, 8, ["id", "class"]),
-                (n(), y(Y, { to: "body" }, [
+                (n(), x(Y, { to: "body" }, [
                   u(Z, {
                     "leave-active-class": "sl-transition sl-duration-100 sl-ease-in",
                     "leave-from-class": "sl-opacity-100",
                     "leave-to-class": "sl-opacity-0"
                   }, {
                     default: m(() => [
-                      u(r(ae), {
+                      u(o(ae), {
                         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: _(k.value)
+                        style: _(w.value)
                       }, {
                         default: m(() => [
                           a.multiple && a.showAll ? (n(), d("li", {
                             key: 0,
                             role: "button",
                             tabindex: "0",
-                            onMousedown: s[1] || (s[1] = V(() => {
+                            onMousedown: l[1] || (l[1] = L(() => {
                             }, ["prevent"])),
-                            onClick: V(G, ["prevent", "stop"]),
+                            onClick: L(G, ["prevent", "stop"]),
                             class: h([
                               "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", ge, b(N.value ? "Unselect All" : "Select All"), 1)
-                          ], 32)) : f("", !0),
-                          (n(!0), d(ee, null, le(a.items, (i) => (n(), y(r(re), {
-                            key: A(i),
+                          ], 32)) : p("", !0),
+                          (n(!0), d(ee, null, le(a.items, (i) => (n(), x(o(oe), {
+                            key: C(i),
                             value: i,
                             as: "template",
                             disabled: i.disabled
                           }, {
-                            default: m(({ active: p, selected: B }) => [
+                            default: m(({ active: v, selected: V }) => [
                               c("li", {
                                 class: h([
                                   "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-3 sl-pr-9",
-                                  p ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
+                                  v ? "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" : ""
                                 ])
                               }, [
                                 c("div", ye, [
-                                  i.icon ? (n(), y(R(i.icon), {
+                                  i.icon ? (n(), x(R(i.icon), {
                                     key: 0,
-                                    class: h(["sl-h-4 sl-w-4 sl-flex-shrink-0", p ? "sl-text-white" : "sl-text-gray-400 dark:sl-text-slate-300"]),
+                                    class: h(["sl-h-4 sl-w-4 sl-flex-shrink-0", v ? "sl-text-white" : "sl-text-gray-400 dark:sl-text-slate-300"]),
                                     "aria-hidden": "true"
-                                  }, null, 8, ["class"])) : f("", !0),
+                                  }, null, 8, ["class"])) : p("", !0),
                                   c("span", {
                                     class: h([
                                       "sl-block sl-truncate",
-                                      B ? "sl-font-medium" : "sl-font-normal"
+                                      V ? "sl-font-medium" : "sl-font-normal"
                                     ])
-                                  }, b(C(i)), 3)
+                                  }, b(B(i)), 3)
                                 ]),
-                                B ? (n(), d("span", xe, [
-                                  u(r(ie), {
+                                V ? (n(), d("span", xe, [
+                                  u(o(ie), {
                                     class: "sl-h-5 sl-w-5",
                                     "aria-hidden": "true"
                                   })
-                                ])) : f("", !0)
+                                ])) : p("", !0)
                               ], 2)
                             ]),
                             _: 2
@@ -316,5 +326,5 @@ const me = { class: "sl-w-full" }, ve = { class: "sl-relative" }, fe = { class:
   }
 });
 export {
-  Ve as _
+  Se as _
 };

package/dist/{SelectTextInput.vue_vue_type_script_setup_true_lang-BVaViHPl.js → SelectTextInput.vue_vue_type_script_setup_true_lang-C3BGLjY1.js}

@@ -21,7 +21,7 @@ const ye = {
   style: { color: "var(--sl-text-secondary)" }
 }, we = {
   key: 2,
-  class: "sl-text-xs sl-uppercase sl-truncate sl-font-semibold sl-block",
+  class: "sl-text-2xs sl-uppercase sl-truncate sl-font-semibold sl-block",
   style: { color: "var(--sl-text-secondary)" }
 }, Se = { class: "sl-relative sl-mt-1" }, Le = {
   key: 0,

package/dist/{TabGroup.vue_vue_type_script_setup_true_lang-pEKm-uUq.js → TabGroup.vue_vue_type_script_setup_true_lang-BzqtAqbr.js}

@@ -1,7 +1,7 @@
 import { defineComponent as P, computed as v, createElementBlock as a, openBlock as o, createCommentVNode as d, createVNode as u, unref as s, withCtx as c, createElementVNode as m, Fragment as j, renderList as z, createBlock as p, normalizeClass as _, createTextVNode as A, toDisplayString as k, renderSlot as y, KeepAlive as F, resolveDynamicComponent as K, mergeProps as U, toHandlers as q } from "vue";
 import { TabGroup as J, TabList as Q, Tab as R } from "@headlessui/vue";
 import { useTabs as W } from "./composables/useTabs.js";
-import { _ as X } from "./SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js";
+import { _ as X } from "./SelectInput.vue_vue_type_script_setup_true_lang-DFfKsmvj.js";
 const Y = { class: "sl-w-full" }, Z = {
   key: 0,
   class: "sl-block sm:sl-hidden sl-mb-4"

package/dist/{TabGroupUnderline.vue_vue_type_script_setup_true_lang--IKyRPkX.js → TabGroupUnderline.vue_vue_type_script_setup_true_lang-C6OYRDCq.js}

@@ -1,7 +1,7 @@
 import { defineComponent as P, computed as x, createElementBlock as n, openBlock as t, createCommentVNode as r, createVNode as v, toDisplayString as m, unref as l, withCtx as F, createElementVNode as c, Fragment as L, renderList as U, normalizeClass as f, createTextVNode as z, renderSlot as g, createBlock as y, KeepAlive as A, resolveDynamicComponent as K, mergeProps as j, toHandlers as q } from "vue";
 import { TabGroup as J } from "@headlessui/vue";
 import { useTabs as Q } from "./composables/useTabs.js";
-import { _ as R } from "./SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js";
+import { _ as R } from "./SelectInput.vue_vue_type_script_setup_true_lang-DFfKsmvj.js";
 const W = { class: "sl-w-full" }, X = {
   key: 0,
   class: "sl-text-lg sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-mb-4"

package/dist/{TabsInPills.vue_vue_type_script_setup_true_lang-EG0nj4F6.js → TabsInPills.vue_vue_type_script_setup_true_lang-C7T3PUnB.js}

@@ -1,5 +1,5 @@
 import { defineComponent as I, createElementBlock as l, openBlock as t, createElementVNode as o, renderSlot as m, createVNode as V, unref as s, Fragment as r, renderList as i, normalizeClass as u, withModifiers as w, createTextVNode as N, createCommentVNode as h, toDisplayString as p } 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" }, E = { class: "sm:sl-hidden" }, U = { class: "sl-hidden sm:sl-block sl-overflow-x-auto" }, z = {
   class: "sl-flex sl-flex-nowrap sl-space-x-4",

package/dist/TextInput-C5IzX7m_.js

@@ -0,0 +1,131 @@
+import { defineComponent as C, computed as F, ref as h, toRef as m, watch as p, nextTick as j, createElementBlock as I, openBlock as R, createVNode as T, unref as o, withCtx as u, renderSlot as y, createElementVNode as z, mergeProps as S } from "vue";
+import { useField as E } from "vee-validate";
+import { debounce as N } from "lodash-es";
+import A from "./forms/FormFieldWrapper.js";
+import { g as $ } from "./id-DafBB_QF.js";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function P(e) {
+  if (!e || typeof e == "object" && Object.keys(e).length === 0) return !0;
+  if (typeof e == "object" && "tests" in e && Array.isArray(e.tests))
+    return !e.tests.some(
+      (l) => l.OPTIONS?.name === "required" || l.name === "required"
+    );
+  if (typeof e == "object" && typeof e.describe == "function")
+    try {
+      const s = e.describe();
+      if (s.tests)
+        return !s.tests.some(
+          (l) => l.name === "required"
+        );
+    } catch {
+      return !1;
+    }
+  return !(typeof e == "object" && e.spec?.presence === "required" || typeof e == "function" || typeof e == "object" && Object.keys(e).length > 0);
+}
+const U = { class: "sl-form" }, W = ["name", "id", "type", "value", "placeholder", "spellcheck", "disabled"], D = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "TextInput",
+  props: {
+    boxShadow: { type: Boolean, default: !1 },
+    type: { default: "text" },
+    value: { default: "" },
+    rules: { default: () => ({}) },
+    validateOnMount: { type: Boolean, default: !0 },
+    inputClass: { default: "" },
+    inputStyle: { default: "" },
+    spellcheck: { type: Boolean, default: !0 },
+    capitalize: { type: Boolean, default: !1 },
+    lazy: { type: Boolean, default: !1 },
+    transformFunction: { type: Function, default: (e) => e },
+    showErrors: { type: Boolean, default: !1 },
+    optional: { type: Boolean, default: void 0 },
+    name: {},
+    label: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean },
+    className: {},
+    errorMessage: {},
+    successMessage: { default: "" },
+    isValid: { type: Boolean },
+    isTouched: { type: Boolean },
+    colorfulValidation: { type: Boolean, default: !0 },
+    showValidCheck: { type: Boolean, default: !0 },
+    tertiaryLabel: { default: "" },
+    disabledMessage: { default: "" }
+  },
+  emits: ["update:value", "focus", "blur", "error", "update:validity"],
+  setup(e, { emit: s }) {
+    const a = e, l = s, b = F(() => a.optional !== void 0 ? a.optional : P(a.rules)), c = h(!1), f = $(a.name || "text-input"), v = h(a.validateOnMount), { value: i, errorMessage: g, handleChange: w, meta: d, validate: x, setTouched: k } = E(m(a, "name"), m(a, "rules"), {
+      initialValue: a.value,
+      validateOnValueUpdate: !a.lazy,
+      validateOnMount: v.value
+    }), r = (t) => l("update:value", t), B = N(r, 300);
+    function V(t) {
+      const n = t.target.value;
+      a.lazy ? B(n) : r(n), w(a.transformFunction(n));
+    }
+    async function O(t) {
+      c.value || (c.value = !0, k(!0)), a.lazy && r(i.value), await x(), l("blur", t);
+    }
+    function M(t) {
+      l("focus", t);
+    }
+    return p(() => d.valid, (t) => j(() => l("update:validity", t)), { immediate: !0 }), p(() => a.value, (t) => {
+      t !== i.value && (i.value = t);
+    }), (t, n) => (R(), I("div", U, [
+      T(A, {
+        id: o(f),
+        name: e.name,
+        label: e.label,
+        "tertiary-label": e.tertiaryLabel,
+        "error-message": o(g),
+        "success-message": e.successMessage,
+        "is-valid": o(d).valid,
+        "is-touched": o(d).touched,
+        "show-errors": e.showErrors,
+        "show-valid-check": e.showValidCheck,
+        "colorful-validation": e.colorfulValidation,
+        disabled: e.disabled,
+        "disabled-message": e.disabledMessage,
+        "box-shadow": e.boxShadow,
+        optional: b.value
+      }, {
+        prefix: u(() => [
+          y(t.$slots, "prefix", {}, void 0, !0)
+        ]),
+        default: u(({ inputClasses: q }) => [
+          z("input", S(t.$attrs, {
+            name: e.name,
+            id: o(f),
+            type: e.type,
+            value: o(i),
+            placeholder: e.placeholder,
+            spellcheck: e.spellcheck,
+            disabled: e.disabled,
+            class: ["sl-block sl-w-full sl-bg-transparent placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-400 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
+              q,
+              "sl-py-1.5 sl-pl-2 sl-pr-2",
+              { "sl-uppercase": e.capitalize },
+              e.disabled ? "sl-text-gray-500 dark:sl-text-slate-400 sl-cursor-not-allowed" : "sl-text-gray-900 dark:sl-text-white",
+              { "sl-pr-10": e.showValidCheck },
+              e.inputClass
+            ]],
+            style: e.inputStyle,
+            onInput: V,
+            onFocus: M,
+            onBlur: O
+          }), null, 16, W)
+        ]),
+        "input-right": u(() => [
+          y(t.$slots, "input-right", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "show-errors", "show-valid-check", "colorful-validation", "disabled", "disabled-message", "box-shadow", "optional"])
+    ]));
+  }
+}), Y = /* @__PURE__ */ L(D, [["__scopeId", "data-v-653ccf8c"]]);
+export {
+  Y as T,
+  P as i
+};

package/dist/calendars/CalendarDashboard.js

@@ -1,5 +1,5 @@
 import { defineComponent as _, ref as w, computed as d, createElementBlock as y, openBlock as D, createElementVNode as r, createVNode as s, withCtx as b, createTextVNode as x } from "vue";
-import { _ as C } from "../CalendarHeader.vue_vue_type_script_setup_true_lang-CA_C4dmn.js";
+import { _ as C } from "../CalendarHeader.vue_vue_type_script_setup_true_lang-CMBsY5Y0.js";
 import { _ as S } from "../MonthCalendar.vue_vue_type_style_index_0_lang-lnKkvJ9u.js";
 import { _ as E } from "../EventsList.vue_vue_type_script_setup_true_lang-BTIoGr_e.js";
 import V from "../components/Button.js";

package/dist/calendars/CalendarHeader.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../CalendarHeader.vue_vue_type_script_setup_true_lang-CA_C4dmn.js";
+import { _ as f } from "../CalendarHeader.vue_vue_type_script_setup_true_lang-CMBsY5Y0.js";
 export {
   f as default
 };

package/dist/forms/DynamicForm.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../DynamicForm.vue_vue_type_script_setup_true_lang-BR8Pq7Kw.js";
+import { _ as f } from "../DynamicForm.vue_vue_type_script_setup_true_lang-Bq8Gvhsc.js";
 export {
   f as default
 };

package/dist/forms/DynamicFormField.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js";
+import { _ as f } from "../DynamicFormField.vue_vue_type_script_setup_true_lang-CdNtWWlT.js";
 export {
   f as default
 };