@stachelock/ui 0.6.7 → 0.6.10

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

@@ -1,8 +1,8 @@
 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 { t as h, p as A, b as ie, g as de, a as O } from "./calendar-DLry-Vik.js";
+import { _ as oe } from "./SelectInput.vue_vue_type_script_setup_true_lang-D9yg_rkV.js";
+import { t as h, p as A, b as ie, g as de, a as O } from "./calendar-DaXCwXP5.js";
 const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-pl-6 sl-py-4 lg:sl-flex-none sl-bg-white dark:sl-bg-slate-900" }, ue = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-slate-200" }, ye = ["datetime"], me = { class: "sl-flex sl-items-center" }, ge = { class: "sl-relative sl-flex sl-items-center sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-sm md:sl-items-stretch" }, ve = { class: "sl-sr-only" }, he = { class: "sl-sr-only" }, fe = { class: "sl-hidden md:sl-ml-4 md:sl-flex md:sl-items-center" }, be = { class: "sl-w-36" }, ke = { class: "sl-absolute sl-right-0 sl-z-10 sl-mt-3 sl-w-36 sl-origin-top-right sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700 sl-overflow-hidden sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-lg sl-ring-1 sl-ring-black dark:sl-ring-slate-600 sl-ring-opacity-5 focus:sl-outline-none" }, we = {
   key: 0,
   class: "sl-py-1"

package/dist/ComboboxInput.vue_vue_type_script_setup_true_lang-kHTj4Ju2.js

@@ -0,0 +1,368 @@
+import { defineComponent as te, ref as w, watch as F, computed as x, createElementBlock as m, openBlock as u, createVNode as d, unref as n, withCtx as v, createElementVNode as c, normalizeClass as g, createCommentVNode as f, withModifiers as I, createBlock as N, toDisplayString as M, Fragment as ae, renderList as oe } from "vue";
+import { Combobox as ne, ComboboxInput as re, 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 ge } from "./id-DafBB_QF.js";
+const ye = { class: "sl-w-full" }, he = { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2 sl-gap-1" }, be = { class: "sl-block sl-truncate sl-font-medium" }, 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"
+}, 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"
+}, Ae = { class: "sl-block sl-truncate" }, Ve = { key: 0 }, Be = 50, Ne = /* @__PURE__ */ te({
+  __name: "ComboboxInput",
+  props: {
+    name: {},
+    items: {},
+    label: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    rules: {},
+    validateOnMount: { type: Boolean },
+    successMessage: {},
+    tertiaryLabel: {},
+    itemKey: { default: "id" },
+    itemText: { default: "name" },
+    customQuery: {},
+    loading: { type: Boolean, default: !1 },
+    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 },
+    showValidCheck: { type: Boolean, default: !0 },
+    colorfulValidation: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "update:value", "update:query", "blur", "focus"],
+  setup(a, { emit: D }) {
+    const s = a, i = D, P = ge(s.name), o = w(""), C = s.modelValue ?? s.value, { value: y, errorMessage: K, handleChange: p, meta: A, setTouched: V } = ve(
+      () => s.name,
+      s.rules,
+      {
+        validateOnMount: s.validateOnMount,
+        initialValue: C
+      }
+    ), t = w(
+      s.multiple ? Array.isArray(C) ? C : [] : C ?? null
+    );
+    F(
+      () => s.modelValue ?? s.value,
+      (e) => {
+        if (s.multiple) {
+          const l = Array.isArray(e) ? e : [];
+          l !== t.value && (t.value = l, y.value = l);
+        } else
+          e !== t.value && (t.value = e, y.value = e);
+      },
+      { immediate: !0 }
+    ), F(
+      t,
+      (e) => {
+        i("update:modelValue", e), i("update:value", e);
+      }
+    );
+    const $ = x(() => [
+      "sl-w-full",
+      "sl-border-none",
+      "sl-py-1.5",
+      "sl-pl-3",
+      "sl-pr-10",
+      "sl-text-sm",
+      "sl-leading-5",
+      "sl-text-gray-900",
+      "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(" ")), H = x(() => {
+      const e = [
+        "sl-relative",
+        "sl-w-full",
+        "sl-cursor-default",
+        "sl-rounded-md",
+        "sl-shadow-sm",
+        "sl-ring-1",
+        "sl-ring-inset",
+        "sl-bg-white",
+        "dark:sl-bg-slate-800",
+        "sl-text-left",
+        "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-inset",
+        "focus-within:sl-ring-stachelock-600",
+        "sl-transition-all",
+        "sl-duration-200"
+      ];
+      return s.disabled ? e.push(
+        "sl-bg-gray-50",
+        "dark:sl-bg-slate-800",
+        "sl-cursor-not-allowed",
+        "sl-ring-gray-200",
+        "dark:sl-ring-slate-700"
+      ) : K.value ? e.push(
+        "sl-ring-red-500",
+        "dark:sl-ring-red-500"
+      ) : s.colorfulValidation && A.valid && A.touched ? e.push(
+        "sl-ring-green-500",
+        "dark:sl-ring-green-500"
+      ) : e.push(
+        "sl-ring-gray-300",
+        "dark:sl-ring-slate-600"
+      ), e.join(" ");
+    }), S = (e) => {
+      const l = e[s.itemKey];
+      return l == null ? "" : typeof l == "string" || typeof l == "number" ? l : String(l);
+    }, B = (e) => {
+      if (!e) return "";
+      const l = e[s.itemText];
+      return l != null ? String(l) : String(e);
+    }, h = w([]), T = w([]), L = w(1), Q = () => {
+      const e = L.value * Be;
+      T.value = h.value.slice(0, e), L.value += 1;
+    }, R = () => {
+      L.value = 1, T.value = [], Q();
+    }, j = () => {
+      if (o.value && o.value !== "")
+        if (s.customQuery)
+          h.value = s.customQuery(o.value, s.items);
+        else {
+          const e = o.value.toLowerCase();
+          h.value = s.items.filter((l) => B(l).toLowerCase().includes(e));
+        }
+      else
+        h.value = s.items;
+      R();
+    }, q = x(() => s.items.filter((e) => !e.disabled)), W = (e) => {
+      const l = e.target;
+      o.value = l.value, i("update:query", o.value), j();
+    }, X = (e) => {
+      if (s.multiple) {
+        const l = Array.isArray(e) ? e : [];
+        t.value = l, y.value = l, V(!0), p(l);
+      } else
+        t.value = e, y.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 : [], r = new Set(l.map((k) => S(k)));
+      return e.every((k) => r.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 ? B(e[0]) : `${e.length} selected` : B(e), b = x(() => s.multiple || o.value === "" ? null : { [s.itemKey]: null, [s.itemText]: o.value }), Y = () => {
+      s.multiple || b.value && (s.customQuery ? (i("update:modelValue", o.value), p(o.value)) : (t.value = b.value, p(t.value)));
+    }, Z = (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 ?? y.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, y.value = l, o.value = "", V(!0), p(l), i("update:modelValue", l), i("update:value", l);
+    }, se = (e) => {
+      !s.multiple && b.value && (t.value = b.value, p(t.value), i("update:modelValue", t.value), i("update:value", t.value)), i("blur", e);
+    };
+    return F(() => s.items, () => {
+      j();
+    }, { immediate: !0, deep: !0 }), (e, l) => (u(), m("div", ye, [
+      d(fe, {
+        id: n(P),
+        name: a.name,
+        label: a.label,
+        disabled: a.disabled,
+        optional: !a.rules,
+        "tertiary-label": a.tertiaryLabel,
+        "box-shadow": a.boxShadow,
+        "error-message": n(K),
+        "success-message": a.successMessage,
+        "is-valid": n(A).valid,
+        "is-touched": n(A).touched,
+        "show-valid-check": a.showValidCheck,
+        "colorful-validation": a.colorfulValidation
+      }, {
+        "success-message": v(() => [
+          a.successMessage ? (u(), m("span", Ve, M(a.successMessage), 1)) : f("", !0)
+        ]),
+        default: v(() => [
+          d(n(ne), {
+            modelValue: t.value,
+            "onUpdate:modelValue": [
+              l[4] || (l[4] = (r) => t.value = r),
+              X
+            ],
+            disabled: a.disabled,
+            multiple: a.multiple,
+            as: "div",
+            class: "sl-outline-none dark:sl-outline-none focus:sl-outline-none dark:focus:sl-outline-none"
+          }, {
+            default: v(() => [
+              c("div", {
+                class: g(H.value)
+              }, [
+                d(n(re), {
+                  id: n(P),
+                  class: g($.value),
+                  "display-value": J,
+                  placeholder: a.placeholder || "Type to search...",
+                  modelValue: o.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (r) => o.value = r),
+                  onInput: W,
+                  onBlur: se,
+                  onFocus: _
+                }, null, 8, ["id", "class", "placeholder", "modelValue"]),
+                c("div", he, [
+                  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: le,
+                    onMousedown: l[1] || (l[1] = I(() => {
+                    }, ["prevent"]))
+                  }, [
+                    d(n(ce), {
+                      class: "sl-h-4 sl-w-4",
+                      "aria-hidden": "true"
+                    }),
+                    l[5] || (l[5] = c("span", { class: "sl-sr-only" }, "Clear selection", -1))
+                  ], 32)) : f("", !0),
+                  d(n(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(() => [
+                      d(n(me), {
+                        class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
+                        "aria-hidden": "true"
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                d(n(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] = (r) => o.value = "")
+                }, {
+                  default: v(() => [
+                    h.value.length > 0 || o.value !== "" || a.multiple && a.showAll ? (u(), N(n(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: Z
+                    }, {
+                      default: v(() => [
+                        a.multiple && a.showAll ? (u(), m("li", {
+                          key: 0,
+                          role: "button",
+                          tabindex: "0",
+                          onMousedown: l[2] || (l[2] = I(() => {
+                          }, ["prevent"])),
+                          onClick: I(G, ["prevent", "stop"]),
+                          class: g([
+                            "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"
+                        }, [
+                          c("span", be, M(O.value ? "Unselect All" : "Select All"), 1),
+                          O.value ? (u(), m("span", ke, [
+                            d(n(z), {
+                              class: "sl-h-5 sl-w-5",
+                              "aria-hidden": "true"
+                            })
+                          ])) : f("", !0)
+                        ], 32)) : f("", !0),
+                        a.loading ? (u(), m("div", xe, [
+                          c("div", we, [
+                            d(pe, { size: "sm" }),
+                            l[6] || (l[6] = c("span", null, "Loading...", -1))
+                          ])
+                        ])) : o.value !== "" && h.value.length === 0 ? (u(), m("div", Ce, " Nothing found. ")) : f("", !0),
+                        (u(!0), m(ae, null, oe(T.value, (r) => (u(), N(n(U), {
+                          key: S(r),
+                          value: r,
+                          as: "template",
+                          disabled: r.disabled
+                        }, {
+                          default: v(({ active: k, selected: E }) => [
+                            c("li", {
+                              class: g([
+                                "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
+                                k ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
+                                r.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
+                              ])
+                            }, [
+                              c("span", {
+                                class: g([
+                                  "sl-block sl-truncate",
+                                  E ? "sl-font-medium" : "sl-font-normal"
+                                ])
+                              }, M(B(r)), 3),
+                              E ? (u(), m("span", {
+                                key: 0,
+                                class: g(["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"])
+                              }, [
+                                d(n(z), {
+                                  class: "sl-h-5 sl-w-5",
+                                  "aria-hidden": "true"
+                                })
+                              ], 2)) : f("", !0)
+                            ], 2)
+                          ]),
+                          _: 2
+                        }, 1032, ["value", "disabled"]))), 128)),
+                        !a.multiple && b.value ? (u(), N(n(U), {
+                          key: 3,
+                          value: b.value,
+                          as: "template"
+                        }, {
+                          default: v(({ active: r }) => [
+                            c("li", {
+                              onClick: I(Y, ["prevent", "stop"]),
+                              class: g([
+                                "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
+                                r ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
+                              ])
+                            }, [
+                              c("span", Ae, ' Enter "' + M(o.value) + '" manually ', 1)
+                            ], 2)
+                          ]),
+                          _: 1
+                        }, 8, ["value"])) : f("", !0)
+                      ]),
+                      _: 1
+                    })) : f("", !0)
+                  ]),
+                  _: 1
+                })
+              ], 2)
+            ]),
+            _: 1
+          }, 8, ["modelValue", "disabled", "multiple"])
+        ]),
+        _: 1
+      }, 8, ["id", "name", "label", "disabled", "optional", "tertiary-label", "box-shadow", "error-message", "success-message", "is-valid", "is-touched", "show-valid-check", "colorful-validation"])
+    ]));
+  }
+});
+export {
+  Ne as _
+};

package/dist/{DayCalendar.vue_vue_type_script_setup_true_lang-D-4jcUvI.js → DayCalendar.vue_vue_type_script_setup_true_lang-BgV8wr8v.js}

@@ -1,5 +1,5 @@
 import { defineComponent as G, ref as m, computed as i, onMounted as Y, nextTick as q, onUnmounted as J, createElementBlock as o, openBlock as n, createElementVNode as l, createCommentVNode as d, Fragment as f, renderList as y, createTextVNode as K, toDisplayString as r, normalizeClass as Q, normalizeStyle as x, unref as p, renderSlot as W } from "vue";
-import { i as $, c as X, d as ss, f as A } from "./calendar-DLry-Vik.js";
+import { i as $, c as X, d as ss, f as A } from "./calendar-DaXCwXP5.js";
 const ts = { class: "sl-isolate sl-flex sl-flex-auto sl-overflow-hidden sl-bg-white dark:sl-bg-slate-900" }, es = { class: "sl-grid sl-grid-cols-7 sl-text-sm sl-leading-6 sl-text-gray-500 dark:sl-text-slate-400 xl:sl-hidden" }, ls = ["onClick"], os = {
   key: 0,
   class: "sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-bg-gray-50 dark:sl-bg-slate-800 sl-px-4 sl-py-2"

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

@@ -1,9 +1,10 @@
-import { defineComponent as C, ref as I, toRef as m, watch as n, nextTick as M, createElementBlock as V, openBlock as F, createVNode as K, unref as t, withCtx as f, renderSlot as q, createElementVNode as L, withKeys as N, normalizeClass as O, withModifiers as T } from "vue";
-import { useField as $ } from "vee-validate";
-import { string as z } from "yup";
-import H from "./forms/FormFieldWrapper.js";
-import { g as R } from "./id-DafBB_QF.js";
-const S = { class: "sl-w-full" }, U = ["name", "id", "value", "placeholder", "autocomplete", "disabled", "onKeydown"], J = /* @__PURE__ */ C({
+import { defineComponent as I, ref as M, computed as V, toRef as m, watch as n, nextTick as F, createElementBlock as K, openBlock as O, createVNode as q, unref as s, withCtx as f, renderSlot as L, createElementVNode as N, withKeys as R, normalizeClass as T, withModifiers as $ } from "vue";
+import { useField as z } from "vee-validate";
+import { string as H } from "yup";
+import S from "./forms/FormFieldWrapper.js";
+import { g as U } from "./id-DafBB_QF.js";
+import { i as W } from "./validation-Dzczp6MS.js";
+const j = { class: "sl-w-full" }, A = ["name", "id", "value", "placeholder", "autocomplete", "disabled", "onKeydown"], Y = /* @__PURE__ */ I({
   __name: "EmailInput",
   props: {
     name: {},
@@ -12,7 +13,7 @@ const S = { class: "sl-w-full" }, U = ["name", "id", "value", "placeholder", "au
     placeholder: { default: "you@example.com" },
     disabled: { type: Boolean, default: !1 },
     disabledMessage: { default: "" },
-    rules: { default: () => z().email("Invalid email address").required("Email is required") },
+    rules: { default: () => H().email("Invalid email address").required("Email is required") },
     successMessage: { default: "" },
     tertiaryLabel: { default: "" },
     colorfulValidation: { type: Boolean, default: !0 },
@@ -22,100 +23,101 @@ const S = { class: "sl-w-full" }, U = ["name", "id", "value", "placeholder", "au
   },
   emits: ["update:value", "update:validity", "focus", "blur", "submit"],
   setup(l, { expose: h, emit: v }) {
-    const s = l, a = v, o = R(`sl-${s.name}`), r = I(!1), {
+    const a = l, t = v, d = U(`sl-${a.name}`), r = M(!1), g = V(() => W(a.rules)), {
       value: i,
-      errorMessage: g,
-      handleBlur: b,
+      errorMessage: b,
+      handleBlur: p,
       handleChange: y,
       meta: u,
       validate: c,
-      setTouched: p
-    } = $(m(s, "name"), m(s, "rules"), {
-      initialValue: s.value,
+      setTouched: w
+    } = z(m(a, "name"), m(a, "rules"), {
+      initialValue: a.value,
       validateOnValueUpdate: !0,
       validateOnMount: !1
     });
     n(
-      () => s.value,
+      () => a.value,
       (e) => {
         e !== void 0 && e !== i.value && (i.value = e);
       },
       { immediate: !0 }
     ), n(
       () => u.valid,
-      (e) => M(() => a("update:validity", e)),
+      (e) => F(() => t("update:validity", e)),
       { immediate: !0 }
-    ), n(i, (e, d) => {
-      e !== d && a("update:value", e || "");
+    ), n(i, (e, o) => {
+      e !== o && t("update:value", e || "");
     });
-    function w(e) {
-      const d = e.target.value;
-      y(d), a("update:value", d);
+    function k(e) {
+      const o = e.target.value;
+      y(o), t("update:value", o);
     }
-    async function k(e) {
-      r.value || (r.value = !0, p(!0)), await c(), b(e), a("blur", e);
+    async function B(e) {
+      r.value || (r.value = !0, w(!0)), await c(), p(e), t("blur", e);
     }
-    function B(e) {
-      a("focus", e);
+    function x(e) {
+      t("focus", e);
     }
-    function x() {
-      u.valid && i.value && a("submit");
+    function E() {
+      u.valid && i.value && t("submit");
     }
     return h({
       focus: () => {
-        document.getElementById(o)?.focus();
+        document.getElementById(d)?.focus();
       },
       blur: () => {
-        document.getElementById(o)?.blur();
+        document.getElementById(d)?.blur();
       },
       validate: c
-    }), (e, d) => (F(), V("div", S, [
-      K(H, {
-        id: t(o),
+    }), (e, o) => (O(), K("div", j, [
+      q(S, {
+        id: s(d),
         name: l.name,
         label: l.label,
         "tertiary-label": l.tertiaryLabel,
-        "error-message": t(g),
+        "error-message": s(b),
         "success-message": l.successMessage,
-        "is-valid": t(u).valid,
-        "is-touched": t(u).touched,
+        "is-valid": s(u).valid,
+        "is-touched": s(u).touched,
         "show-errors": l.showErrors,
         "show-valid-check": l.showValidCheck,
         "colorful-validation": l.colorfulValidation,
         disabled: l.disabled,
-        "disabled-message": l.disabledMessage
+        "disabled-message": l.disabledMessage,
+        optional: g.value
       }, {
-        default: f(({ inputClasses: E }) => [
-          L("input", {
+        default: f(({ inputClasses: C }) => [
+          N("input", {
             name: l.name,
-            id: t(o),
+            id: s(d),
             type: "email",
-            value: t(i),
+            value: s(i),
             placeholder: l.placeholder,
             autocomplete: l.autoComplete,
             disabled: l.disabled,
-            class: O(["sl-block sl-w-full sl-bg-transparent sl-text-gray-900 dark:sl-text-gray-100 placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-500 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
-              E,
+            class: T(["sl-block sl-w-full sl-bg-transparent sl-text-gray-900 dark:sl-text-gray-100 placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-500 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
+              C,
               "sl-py-1.5 sl-pl-2",
               { "sl-text-gray-400": l.disabled },
               { "sl-pr-10": l.showValidCheck }
             ]]),
-            onInput: w,
-            onFocus: B,
-            onBlur: k,
-            onKeydown: N(T(x, ["prevent"]), ["enter"]),
+            onInput: k,
+            onFocus: x,
+            onBlur: B,
+            onKeydown: R($(E, ["prevent"]), ["enter"]),
             enterkeyhint: "go",
             "data-testid": "email-input"
-          }, null, 42, U)
+          }, null, 42, A)
         ]),
         "input-right": f(() => [
-          q(e.$slots, "input-right")
+          L(e.$slots, "input-right")
         ]),
         _: 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"])
+      }, 8, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "show-errors", "show-valid-check", "colorful-validation", "disabled", "disabled-message", "optional"])
     ]));
   }
 });
 export {
-  J as _
+  Y as _
 };

package/dist/{InlineTabs.vue_vue_type_script_setup_true_lang-slNq2sot.js → InlineTabs.vue_vue_type_script_setup_true_lang-BWzrSbT3.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-D9yg_rkV.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,