@stachelock/ui 0.6.7 → 0.6.10

package/dist/SelectInput.vue_vue_type_script_setup_true_lang-D9yg_rkV.js

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

package/dist/SelectTextInput.vue_vue_type_script_setup_true_lang-CtFVOrhm.js

@@ -0,0 +1,304 @@
+import { defineComponent as Z, ref as w, onMounted as F, onBeforeUnmount as _, reactive as ee, toRefs as te, computed as u, watch as le, createElementBlock as L, openBlock as m, createVNode as v, unref as c, createSlots as se, withCtx as f, createElementVNode as d, normalizeClass as g, createBlock as O, toDisplayString as V, Teleport as ae, Transition as ne, normalizeStyle as ie, Fragment as oe, renderList as re, createCommentVNode as de, resolveDynamicComponent as ue } from "vue";
+import { ChevronUpDownIcon as ce, CheckIcon as fe } from "@heroicons/vue/20/solid";
+import { Listbox as ve, ListboxButton as xe, ListboxOptions as me, ListboxOption as ge } from "@headlessui/vue";
+import pe from "./forms/FormFieldWrapper.js";
+import { g as ye } from "./id-DafBB_QF.js";
+const he = {
+  class: "sl-w-full",
+  "data-testid": "select-text-input"
+}, be = { class: "sl-relative" }, ke = { class: "sl-pointer-events-none sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, we = {
+  key: 0,
+  class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-4"
+}, Se = { class: "sl-flex-1 sl-relative" }, Be = ["aria-invalid", "name", "placeholder", "inputmode", "maxlength", "value", "disabled"], Ce = { class: "sl-text-xs sl-text-gray-500 dark:sl-text-slate-400" }, Ie = /* @__PURE__ */ Z({
+  __name: "SelectTextInput",
+  props: {
+    name: { type: String, required: !0 },
+    label: { type: String, default: "" },
+    tertiaryLabel: { type: String, default: "" },
+    secondaryLabel: { type: String, default: "" },
+    labelIconLeft: { type: [Object, Function], default: void 0 },
+    value: {
+      type: [Object, String, Number],
+      default: void 0
+    },
+    select: {
+      type: Object,
+      default: () => ({ options: [] })
+    },
+    text: {
+      type: Object,
+      default: () => ({})
+    },
+    delimiter: { type: String, default: " " },
+    formatter: { type: Function },
+    showErrors: { type: Boolean, default: !1 },
+    hasError: { type: Boolean, default: !1 },
+    validateOnMount: { type: Boolean, default: !1 },
+    textValidationRegex: { type: [RegExp, Object], default: void 0 },
+    requiredText: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    disabledMessage: { type: String, default: "" },
+    colorfulValidation: { type: Boolean, default: !0 },
+    showValidCheck: { type: Boolean, default: !0 },
+    optional: { type: Boolean, default: !1 }
+  },
+  emits: ["update:value", "update:validity"],
+  setup(s, { emit: q }) {
+    const U = ye("select-text-input"), p = w(!1), R = w(null), I = w({
+      top: "0px",
+      left: "0px",
+      width: "120px"
+    }), y = w(!1);
+    function M() {
+      const e = R.value?.$el;
+      if (!e) return;
+      const t = e.getBoundingClientRect();
+      I.value = {
+        top: `${t.bottom + 4}px`,
+        left: `${t.left}px`,
+        width: `${Math.max(t.width, 120)}px`
+      };
+    }
+    function W() {
+      y.value = !y.value, y.value && M();
+    }
+    function b() {
+      y.value && M();
+    }
+    function T() {
+      p.value = !0;
+    }
+    F(() => {
+      window.addEventListener("scroll", b, !0), window.addEventListener("resize", b);
+    }), _(() => {
+      window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
+    });
+    const Y = /\b(19|20)\d{2}\b$/;
+    function i(e) {
+      if (typeof e == "string") {
+        const t = e.trim();
+        return t.length ? t : void 0;
+      }
+      if (typeof e == "number") {
+        const t = String(e);
+        return t.length ? t : void 0;
+      }
+    }
+    function j(e) {
+      return !!e && typeof e == "object" && !Array.isArray(e) && ("select" in e || "text" in e || "display" in e);
+    }
+    function G(e) {
+      return !!(e.select || e.text || e.display);
+    }
+    function S(e, t, l) {
+      return l || (e && t ? `${e} ${t}`.trim() : e || t || void 0);
+    }
+    function z(e) {
+      const t = {};
+      if (e == null) return t;
+      if (typeof e == "string" || typeof e == "number") {
+        const l = i(e);
+        if (!l) return t;
+        const r = l.match(Y);
+        if (r) {
+          const o = r[0], x = l.slice(0, l.length - o.length).trim();
+          x && (t.select = x), t.text = o, t.display = S(t.select, t.text);
+        } else
+          t.text = l, t.display = l;
+        return t;
+      }
+      if (j(e)) {
+        const l = e, r = i(l.select), o = i(l.text), x = i(l.display);
+        return r && (t.select = r), o && (t.text = o), t.display = S(t.select, t.text, x), t;
+      }
+      if (typeof e == "object" && !Array.isArray(e)) {
+        const l = e, r = i(l.select) ?? i(l.term) ?? i(l.semester), o = i(l.text) ?? i(l.year) ?? i(l.value), x = i(l.display) ?? i(l.label);
+        return r && (t.select = r), o && (t.text = o), t.display = S(t.select, t.text, x), t;
+      }
+      return t;
+    }
+    const n = s, $ = q, A = z(n.value), D = ee({
+      localValue: A
+    }), { localValue: a } = te(D), H = u(
+      () => G(A) && !j(n.value)
+    ), N = u(() => n.select?.options || []), B = u(() => a.value.select && N.value.find((e) => e.value === a.value.select) || null), P = u(() => {
+      const e = a.value.text;
+      return n.textValidationRegex ? !e || String(e).trim() === "" ? n.requiredText === !0 : !n.textValidationRegex.test(String(e)) : !1;
+    }), C = u(() => !!(a.value.select && a.value.text && String(a.value.text).length > 0) && !P.value), h = u(() => n.showErrors && (n.hasError || P.value)), J = u(() => n.disabled ? "sl-ring-gray-200 dark:sl-ring-slate-700" : n.colorfulValidation ? h.value ? "sl-ring-red-500 dark:sl-ring-red-500 focus-within:sl-ring-stachelock-600" : n.showValidCheck && C.value && p.value ? "sl-ring-green-500 dark:sl-ring-green-500 focus-within:sl-ring-stachelock-600" : "sl-ring-gray-300 dark:sl-ring-slate-600 focus-within:sl-ring-stachelock-600" : "sl-ring-gray-300 dark:sl-ring-slate-600 focus-within:sl-ring-stachelock-600"), E = u(() => {
+      const e = { select: a.value.select, text: a.value.text }, t = n.formatter ? n.formatter(e) : void 0;
+      return t !== void 0 ? t : [e.select, e.text].filter(Boolean).join(n.delimiter).trim();
+    }), K = u(() => {
+      if (!h.value) return "";
+      const e = !!a.value.select, t = !!a.value.text && String(a.value.text).trim() !== "", l = !!a.value.text && /^\d{4}$/.test(String(a.value.text));
+      return !e && !t ? "Please select an option and enter a value." : e ? t ? !l && n.textValidationRegex ? "Please enter a valid value." : "Please complete both fields." : "Please enter a value." : "Please select an option.";
+    });
+    function k() {
+      const e = E.value || void 0, t = {
+        select: a.value.select,
+        text: a.value.text,
+        display: e
+      };
+      $("update:value", t), $("update:validity", C.value);
+    }
+    function Q(e) {
+      a.value.select = e?.value || void 0, y.value = !1, p.value = !0, k();
+    }
+    function X(e) {
+      a.value.text = e || void 0, k();
+    }
+    return le(
+      () => n.value,
+      (e) => {
+        D.localValue = z(e);
+      },
+      { deep: !0 }
+    ), F(() => {
+      H.value && k();
+    }), n.validateOnMount && (p.value = !0, k()), (e, t) => (m(), L("div", he, [
+      v(pe, {
+        id: c(U),
+        name: s.name,
+        label: s.label,
+        "tertiary-label": s.tertiaryLabel,
+        "error-message": h.value ? K.value : "",
+        "is-valid": C.value,
+        "is-touched": p.value,
+        "show-errors": s.showErrors,
+        "show-valid-check": s.showValidCheck,
+        "colorful-validation": s.colorfulValidation,
+        disabled: s.disabled,
+        "disabled-message": s.disabledMessage,
+        optional: s.optional
+      }, se({
+        default: f(() => [
+          d("div", {
+            class: g(["sl-flex sl-rounded-md sl-shadow-sm sl-ring-1 sl-ring-inset focus-within:sl-ring-2 focus-within:sl-ring-inset", [
+              J.value,
+              s.disabled ? "sl-bg-gray-50 dark:sl-bg-slate-800" : "sl-bg-white dark:sl-bg-slate-800"
+            ]])
+          }, [
+            v(c(ve), {
+              "model-value": B.value,
+              "onUpdate:modelValue": Q,
+              disabled: s.disabled
+            }, {
+              default: f(() => [
+                d("div", be, [
+                  v(c(xe), {
+                    ref_key: "listboxButtonRef",
+                    ref: R,
+                    class: g([
+                      "sl-relative sl-cursor-default sl-rounded-l-md sl-border-0 sl-py-1.5 sl-pl-3 sl-pr-10 sl-text-left sl-text-sm sl-bg-transparent",
+                      "focus:sl-outline-none focus:sl-ring-0",
+                      s.disabled ? "sl-cursor-not-allowed sl-text-gray-500 dark:sl-text-slate-400" : "sl-text-gray-900 dark:sl-text-slate-100"
+                    ]),
+                    "data-testid": "select-dropdown",
+                    onClick: W,
+                    onBlur: T
+                  }, {
+                    default: f(() => [
+                      d("span", {
+                        class: g(["sl-block sl-truncate sl-min-w-[80px]", B.value ? "" : "sl-text-gray-400 dark:sl-text-slate-500"])
+                      }, V(B.value?.label || s.select?.placeholder || "Select…"), 3),
+                      d("span", ke, [
+                        v(c(ce), {
+                          class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
+                          "aria-hidden": "true"
+                        })
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["class"]),
+                  (m(), O(ae, { to: "body" }, [
+                    v(ne, {
+                      "leave-active-class": "sl-transition sl-duration-100 sl-ease-in",
+                      "leave-from-class": "sl-opacity-100",
+                      "leave-to-class": "sl-opacity-0"
+                    }, {
+                      default: f(() => [
+                        v(c(me), {
+                          class: "sl-fixed sl-z-[9999] sl-max-h-56 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: ie(I.value)
+                        }, {
+                          default: f(() => [
+                            (m(!0), L(oe, null, re(N.value, (l) => (m(), O(c(ge), {
+                              key: l.value,
+                              value: l,
+                              as: "template"
+                            }, {
+                              default: f(({ active: r, selected: o }) => [
+                                d("li", {
+                                  class: g([
+                                    "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-3 sl-pr-9",
+                                    r ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
+                                  ])
+                                }, [
+                                  d("span", {
+                                    class: g(["sl-block sl-truncate", o ? "sl-font-medium" : "sl-font-normal"])
+                                  }, V(l.label), 3),
+                                  o ? (m(), L("span", we, [
+                                    v(c(fe), {
+                                      class: "sl-h-5 sl-w-5",
+                                      "aria-hidden": "true"
+                                    })
+                                  ])) : de("", !0)
+                                ], 2)
+                              ]),
+                              _: 2
+                            }, 1032, ["value"]))), 128))
+                          ]),
+                          _: 1
+                        }, 8, ["style"])
+                      ]),
+                      _: 1
+                    })
+                  ]))
+                ])
+              ]),
+              _: 1
+            }, 8, ["model-value", "disabled"]),
+            t[1] || (t[1] = d("div", { class: "sl-w-px sl-bg-gray-200 dark:sl-bg-slate-700 sl-self-stretch" }, null, -1)),
+            d("div", Se, [
+              d("input", {
+                class: g([
+                  "sl-block sl-w-full sl-text-sm focus:sl-outline-none focus:sl-ring-0 sl-border-0 sl-py-1.5 sl-pl-3 sl-pr-10 sl-rounded-r-md sl-bg-transparent",
+                  "sl-placeholder:text-gray-400 dark:sl-placeholder:text-slate-500",
+                  s.disabled ? "sl-text-gray-500 dark:sl-text-slate-400 sl-cursor-not-allowed" : "sl-text-gray-900 dark:sl-text-slate-100"
+                ]),
+                "aria-invalid": h.value || void 0,
+                name: `${s.name}__text`,
+                placeholder: s.text?.placeholder || "",
+                inputmode: s.text?.inputMode ?? "text",
+                maxlength: s.text?.maxLength || void 0,
+                value: c(a).text || "",
+                onInput: t[0] || (t[0] = (l) => X(l.target.value)),
+                onBlur: T,
+                disabled: s.disabled,
+                "data-testid": "text-input"
+              }, null, 42, Be)
+            ])
+          ], 2)
+        ]),
+        _: 2
+      }, [
+        s.labelIconLeft ? {
+          name: "prefix",
+          fn: f(() => [
+            (m(), O(ue(s.labelIconLeft), { class: "sl-h-4 sl-w-4 sl-text-yellow-300" }))
+          ]),
+          key: "0"
+        } : void 0,
+        !h.value && E.value ? {
+          name: "success-message",
+          fn: f(() => [
+            d("span", Ce, V(E.value), 1)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["id", "name", "label", "tertiary-label", "error-message", "is-valid", "is-touched", "show-errors", "show-valid-check", "colorful-validation", "disabled", "disabled-message", "optional"])
+    ]));
+  }
+});
+export {
+  Ie as _
+};

package/dist/{TabGroup.vue_vue_type_script_setup_true_lang-pEKm-uUq.js → TabGroup.vue_vue_type_script_setup_true_lang-123nIzRC.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-D9yg_rkV.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-DbIwjaLJ.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-D9yg_rkV.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-mw68ZzS1.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-D9yg_rkV.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/{calendar-DLry-Vik.js → calendar-DaXCwXP5.js}

@@ -84,7 +84,7 @@ function z(t) {
 }
 function B(t, e, n = 4) {
   const [s, o, a] = t.split("-").map(Number), i = new Date(s, o - 1, a, 0, 0, 0, 0), u = new Date(s, o - 1, a, 23, 59, 59, 999), f = e.filter((r) => !C(r)).map((r) => {
-    const c = r.startTime?.dateTime || r.datetime, l = r.endTime?.dateTime || r.datetime, h = new Date(c), d = l ? new Date(l) : new Date(h.getTime() + 1800 * 1e3), p = new Date(Math.max(i.getTime(), h.getTime())), E = new Date(Math.min(u.getTime(), d.getTime()));
+    const c = r.startTime?.dateTime || r.datetime, l = r.endTime?.dateTime || r.datetime, h = new Date(c), d = l ? new Date(l) : new Date(h.getTime() + 30 * 60 * 1e3), p = new Date(Math.max(i.getTime(), h.getTime())), E = new Date(Math.min(u.getTime(), d.getTime()));
     return {
       ...r,
       _start: p.getTime(),

package/dist/calendars/CalendarDashboard.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/calendars/CalendarDashboard'
+import StachelockUI from '../src/components/calendars/CalendarDashboard'
+export default StachelockUI