@stachelock/ui 0.5.5 → 0.6.2

package/dist/{DatepickerInput.vue_vue_type_style_index_0_lang-BdkGLw0H.js → DatepickerInput.vue_vue_type_style_index_0_lang-DbI3619T.js}

@@ -1,15 +1,15 @@
-import { defineComponent as oe, defineAsyncComponent as de, inject as ue, computed as d, toRef as ce, ref as I, watch as fe, createBlock as j, openBlock as m, unref as u, withCtx as o, createElementVNode as i, createVNode as L, mergeProps as ye, createSlots as me, createCommentVNode as M, createElementBlock as w, resolveDynamicComponent as ge, withKeys as W, normalizeClass as he, renderSlot as g, toDisplayString as v, normalizeProps as pe, guardReactiveProps as be, Fragment as ke, renderList as we } from "vue";
+import { defineComponent as oe, defineAsyncComponent as de, inject as ue, computed as d, toRef as ce, ref as M, watch as fe, createBlock as j, openBlock as m, unref as u, withCtx as o, createElementVNode as i, createVNode as L, mergeProps as ye, createSlots as me, createCommentVNode as F, createElementBlock as w, resolveDynamicComponent as ge, withKeys as W, normalizeClass as he, renderSlot as g, toDisplayString as v, normalizeProps as pe, guardReactiveProps as be, Fragment as ke, renderList as we } from "vue";
 import { useField as ve } from "vee-validate";
-import De from "./forms/FormFieldWrapper.js";
-import { g as xe } from "./id-DafBB_QF.js";
-import { r as Se } from "./XMarkIcon-DNvCkiOy.js";
+import { XMarkIcon as De } from "@heroicons/vue/20/solid";
+import xe from "./forms/FormFieldWrapper.js";
+import { g as Se } from "./id-DafBB_QF.js";
 const Be = {
   class: "sl-relative sl-rounded-md sl-shadow-sm",
   "data-testid": "datepicker-container"
 }, Pe = {
   class: "sl-relative sl-flex sl-items-center",
   "data-testid": "datepicker-input-wrapper"
-}, Ce = ["id", "name", "value", "placeholder", "readonly", "disabled", "aria-label", "aria-describedby", "aria-invalid", "onInput", "onKeydown", "onBlur", "onKeypress", "onPaste"], Ne = ["aria-label", "onClick"], Ae = { class: "sl-overflow-hidden sl-rounded-lg sl-bg-white dark:sl-bg-slate-800 sl-shadow dp__action_row_wrapper" }, Fe = { class: "sl-bg-gray-50 dark:sl-bg-slate-700/50 sl-px-4 sl-py-3" }, Ie = { class: "sl-flex sl-gap-2" }, Me = {
+}, Ce = ["id", "name", "value", "placeholder", "readonly", "disabled", "aria-label", "aria-describedby", "aria-invalid", "onInput", "onKeydown", "onBlur", "onKeypress", "onPaste"], Ne = ["aria-label", "onClick"], Ae = { class: "sl-overflow-hidden sl-rounded-lg sl-bg-white dark:sl-bg-slate-800 sl-shadow dp__action_row_wrapper" }, Ie = { class: "sl-bg-gray-50 dark:sl-bg-slate-700/50 sl-px-4 sl-py-3" }, Me = { class: "sl-flex sl-gap-2" }, Fe = {
   key: 1,
   class: "sl-p-3 sl-border-r sl-border-gray-200 dark:sl-border-slate-700",
   "data-testid": "datepicker-presets"
@@ -332,7 +332,7 @@ const Be = {
   },
   emits: ["update:value", "update:modelValue", "open", "closed", "focus", "blur", "cleared", "text-submit", "internal-model-change"],
   setup(t, { expose: q, emit: z }) {
-    const Y = de(() => import("./vue-datepicker-CEn0-fJj.js")), a = t, r = z, O = ue("datepicker", {}), p = d(() => xe(a.name)), D = ce(a, "name"), {
+    const Y = de(() => import("@vuepic/vue-datepicker")), a = t, r = z, O = ue("datepicker", {}), p = d(() => Se(a.name)), D = ce(a, "name"), {
       errorMessage: h,
       handleChange: T,
       meta: c,
@@ -341,7 +341,7 @@ const Be = {
     } = ve(D, a.rules, {
       initialValue: a.value,
       validateOnMount: a.validateOnMount
-    }), n = I(null), f = I(null), x = I(!1), E = d(() => ({
+    }), n = M(null), f = M(null), x = M(!1), E = d(() => ({
       showNow: a.showNowButton,
       showPreview: !a.autoApply,
       showSelect: !a.autoApply,
@@ -431,9 +431,9 @@ const Be = {
       T(l), r("update:value", l), r("update:modelValue", e), await b();
     }, Q = () => {
       x.value = !0, r("open");
-    }, G = async () => {
+    }, X = async () => {
       x.value = !1, V(!0), await b(), r("closed");
-    }, X = () => {
+    }, G = () => {
       r("focus");
     }, Z = async () => {
       V(!0), await b(), r("blur");
@@ -472,7 +472,7 @@ const Be = {
       meta: c,
       /** Error message if any */
       errorMessage: h
-    }), (e, l) => (m(), j(De, {
+    }), (e, l) => (m(), j(xe, {
       id: p.value,
       name: D.value,
       label: t.label,
@@ -538,21 +538,21 @@ const Be = {
             "prevent-min-max-navigation": t.preventMinMaxNavigation,
             "onUpdate:modelValue": B,
             onOpen: Q,
-            onClosed: G,
-            onFocus: X,
+            onClosed: X,
+            onFocus: G,
             onBlur: Z,
             onInternalModelChange: te,
             onCleared: _,
             onTextSubmit: ee
           }), me({
-            "dp-input": o(({ value: s, onInput: y, onEnter: C, onTab: N, onClear: A, onBlur: F, onKeypress: ie, onPaste: re }) => [
+            "dp-input": o(({ value: s, onInput: y, onEnter: C, onTab: N, onClear: A, onBlur: I, onKeypress: ie, onPaste: re }) => [
               i("div", Pe, [
                 t.icon ? (m(), j(ge(t.icon), {
                   key: 0,
                   class: "sl-text-gray-600 dark:sl-text-gray-300 sl-absolute sl-left-3 sl-h-4 sl-w-4 sl-pointer-events-none sl-z-10",
                   "aria-hidden": "true",
                   "data-testid": "datepicker-icon"
-                })) : M("", !0),
+                })) : F("", !0),
                 i("input", {
                   type: "text",
                   id: p.value,
@@ -572,7 +572,7 @@ const Be = {
                     W(C, ["enter"]),
                     W(N, ["tab"])
                   ],
-                  onBlur: F,
+                  onBlur: I,
                   onKeypress: ie,
                   onPaste: re
                 }, null, 42, Ce),
@@ -584,8 +584,8 @@ const Be = {
                   "data-testid": "datepicker-clear",
                   onClick: A
                 }, [
-                  L(u(Se), { class: "sl-h-4 sl-w-4" })
-                ], 8, Ne)) : M("", !0)
+                  L(u(De), { class: "sl-h-4 sl-w-4" })
+                ], 8, Ne)) : F("", !0)
               ])
             ]),
             _: 2
@@ -594,12 +594,12 @@ const Be = {
               name: "action-row",
               fn: o(() => [
                 i("div", Ae, [
-                  i("div", Fe, [
+                  i("div", Ie, [
                     g(e.$slots, "action-buttons", {
                       selectDate: P,
                       closeMenu: k
                     }, () => [
-                      i("div", Ie, [
+                      i("div", Me, [
                         i("button", {
                           type: "button",
                           class: "sl-flex-1 sl-rounded-md sl-bg-primary-600 sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-white sl-shadow-sm hover:sl-bg-primary-500 focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-primary-600 focus:sl-ring-offset-2 dark:focus:sl-ring-offset-slate-800 sl-transition-colors",
@@ -631,14 +631,14 @@ const Be = {
             } : void 0,
             e.$slots["month-year"] ? {
               name: "month-year",
-              fn: o(({ month: s, year: y, months: C, years: N, updateMonthYear: A, handleMonthYearChange: F }) => [
+              fn: o(({ month: s, year: y, months: C, years: N, updateMonthYear: A, handleMonthYearChange: I }) => [
                 g(e.$slots, "month-year", {
                   month: s,
                   year: y,
                   months: C,
                   years: N,
                   updateMonthYear: A,
-                  handleMonthYearChange: F
+                  handleMonthYearChange: I
                 })
               ]),
               key: "2"
@@ -653,7 +653,7 @@ const Be = {
             e.$slots["left-sidebar"] || t.presetDates.length > 0 ? {
               name: "left-sidebar",
               fn: o(() => [
-                e.$slots["left-sidebar"] ? g(e.$slots, "left-sidebar", { key: 0 }) : t.presetDates.length > 0 ? (m(), w("div", Me, [
+                e.$slots["left-sidebar"] ? g(e.$slots, "left-sidebar", { key: 0 }) : t.presetDates.length > 0 ? (m(), w("div", Fe, [
                   i("div", Oe, v(t.presetsLabel), 1),
                   i("div", Te, [
                     (m(!0), w(ke, null, we(t.presetDates, (s) => (m(), w("button", {
@@ -664,7 +664,7 @@ const Be = {
                       onClick: (y) => ne(s)
                     }, v(s.label), 9, Ve))), 128))
                   ])
-                ])) : M("", !0)
+                ])) : F("", !0)
               ]),
               key: "4"
             } : void 0,
@@ -685,4 +685,3 @@ const Be = {
 export {
   ze as _
 };
-//# sourceMappingURL=DatepickerInput.vue_vue_type_style_index_0_lang-BdkGLw0H.js.map

package/dist/{DayCalendar.vue_vue_type_script_setup_true_lang-8al4Fotu.js → DayCalendar.vue_vue_type_script_setup_true_lang-D-4jcUvI.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-BlSSD4nO.js";
+import { i as $, c as X, d as ss, f as A } from "./calendar-DLry-Vik.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"
@@ -235,4 +235,3 @@ const ts = { class: "sl-isolate sl-flex sl-flex-auto sl-overflow-hidden sl-bg-wh
 export {
   Ss as _
 };
-//# sourceMappingURL=DayCalendar.vue_vue_type_script_setup_true_lang-8al4Fotu.js.map

package/dist/DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js

@@ -82,4 +82,3 @@ const u = { class: "sl-relative" }, c = {
 export {
   C as _
 };
-//# sourceMappingURL=DefaultLayout.vue_vue_type_script_setup_true_lang-BZAz6aC-.js.map

package/dist/DisclosureWrapper.vue_vue_type_script_setup_true_lang-CgHPOC-w.js

@@ -0,0 +1,35 @@
+import { defineComponent as r, createBlock as n, openBlock as c, unref as l, withCtx as e, createVNode as s, createElementVNode as i, toDisplayString as u, normalizeClass as f, renderSlot as p } from "vue";
+import { Disclosure as d, DisclosureButton as m, DisclosurePanel as x } from "@headlessui/vue";
+import { ChevronUpIcon as h } from "@heroicons/vue/20/solid";
+const v = /* @__PURE__ */ r({
+  __name: "DisclosureWrapper",
+  props: {
+    title: {},
+    defaultOpen: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    return (o, k) => (c(), n(l(d), { "default-open": t.defaultOpen }, {
+      default: e(({ open: a }) => [
+        s(l(m), { class: "sl-flex sl-w-full sl-justify-between sl-rounded-lg sl-bg-stachelock-100 dark:sl-bg-slate-700 sl-px-4 sl-py-2 sl-text-left sl-text-sm sl-font-medium sl-text-stachelock-900 dark:sl-text-white hover:sl-bg-stachelock-200 dark:hover:sl-bg-slate-600 focus:sl-outline-none focus-visible:sl-ring focus-visible:sl-ring-stachelock-500/75 sl-transition-colors" }, {
+          default: e(() => [
+            i("span", null, u(t.title), 1),
+            s(l(h), {
+              class: f([a ? "sl-rotate-180 sl-transform" : "", "sl-h-5 sl-w-5 sl-text-stachelock-500 dark:sl-text-stachelock-400 sl-transition-transform sl-duration-200"])
+            }, null, 8, ["class"])
+          ]),
+          _: 2
+        }, 1024),
+        s(l(x), { class: "sl-px-4 sl-pb-2 sl-pt-4 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300" }, {
+          default: e(() => [
+            p(o.$slots, "main")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["default-open"]));
+  }
+});
+export {
+  v as _
+};

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

@@ -1,18 +1,18 @@
-import { defineComponent as Y, ref as Z, reactive as _, watch as w, computed as F, createElementBlock as r, openBlock as n, withModifiers as ee, normalizeClass as v, unref as x, createCommentVNode as o, toDisplayString as c, Fragment as S, renderList as j, createElementVNode as d, createBlock as N, createVNode as T, withCtx as O, createTextVNode as D } from "vue";
+import { defineComponent as Y, ref as Z, reactive as _, watch as w, computed as F, createElementBlock as o, openBlock as n, withModifiers as ee, normalizeClass as v, unref as x, createCommentVNode as r, toDisplayString as c, Fragment as S, renderList as j, createElementVNode as u, createBlock as N, createVNode as T, withCtx as O, createTextVNode as D } from "vue";
 import { useForm as te } from "vee-validate";
+import { ExclamationCircleIcon as se } from "@heroicons/vue/24/outline";
 import A from "./components/Button.js";
-import { _ as se } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-CSLSRFM7.js";
-import { r as ae } from "./ExclamationCircleIcon-DjxYk45_.js";
+import { _ as ae } from "./DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js";
 const le = {
   key: 0,
   class: "sl-mb-6"
 }, ne = {
   key: 0,
   class: "sl-text-lg sl-font-semibold sl-text-gray-900 sl-mb-2"
-}, re = {
+}, oe = {
   key: 1,
   class: "sl-text-sm sl-text-gray-600"
-}, oe = {
+}, re = {
   key: 0,
   class: "sl-mb-4"
 }, ie = {
@@ -21,10 +21,10 @@ const le = {
 }, ce = {
   key: 1,
   class: "sl-text-sm sl-text-gray-600"
-}, de = {
+}, ue = {
   key: 2,
   class: "sl-mt-4"
-}, ue = { class: "sl-bg-red-50 sl-border sl-border-red-200 sl-rounded-md sl-p-4" }, me = { class: "sl-flex" }, he = { class: "sl-ml-3" }, fe = { class: "sl-mt-2 sl-text-sm sl-text-red-700" }, je = /* @__PURE__ */ Y({
+}, de = { class: "sl-bg-red-50 sl-border sl-border-red-200 sl-rounded-md sl-p-4" }, me = { class: "sl-flex" }, he = { class: "sl-ml-3" }, fe = { class: "sl-mt-2 sl-text-sm sl-text-red-700" }, je = /* @__PURE__ */ Y({
   __name: "DynamicForm",
   props: {
     schema: {},
@@ -40,7 +40,7 @@ const le = {
   },
   emits: ["update:modelValue", "submit", "cancel", "field-change"],
   setup(a, { expose: M, emit: R }) {
-    const i = a, h = R, V = Z(), l = _({}), { handleSubmit: U, setErrors: f, errors: g, meta: u, validate: b, resetForm: W, setFieldTouched: k } = te({
+    const i = a, h = R, C = Z(), l = _({}), { handleSubmit: U, setErrors: f, errors: g, meta: d, validate: b, resetForm: W, setFieldTouched: V } = te({
       keepValuesOnUnmount: !0
     }), $ = (e) => {
       switch (e) {
@@ -54,7 +54,7 @@ const le = {
         default:
           return "";
       }
-    }, C = () => {
+    }, k = () => {
       const e = { ...i.modelValue };
       i.schema.sections.forEach((t) => {
         t.fields.forEach((s) => {
@@ -74,7 +74,7 @@ const le = {
         h("update:modelValue", { ...e });
       },
       { deep: !0 }
-    ), C();
+    ), k();
     const z = F(() => i.schema.sections.filter(
       (e) => e.condition ? e.condition(l) : !0
     )), P = F(() => {
@@ -86,12 +86,12 @@ const le = {
         "sl-gap-4"
       ], s = e.columns || 1;
       return t.push("sl-grid-cols-1"), s > 1 && t.push(`md:sl-grid-cols-${Math.min(s, 3)}`), e.className && t.push(e.className), t.join(" ");
-    }, L = (e) => {
+    }, I = (e) => {
       const t = [];
       return e.colSpan && e.colSpan > 1 && t.push(`sl-col-span-${Math.min(e.colSpan, 3)}`), e.className && t.push(e.className), t.join(" ");
-    }, q = (e) => e.condition ? e.condition(l, e) : !0, G = F(() => u.value.valid), y = U((e) => {
+    }, L = (e) => e.condition ? e.condition(l, e) : !0, q = F(() => d.value.valid), y = U((e) => {
       h("submit", e, { setErrors: f });
-    }), I = () => {
+    }), G = () => {
       h("cancel");
     }, J = (e, t) => {
       h("field-change", e, t, l), e.onFieldChange && e.onFieldChange(t, e, l);
@@ -100,13 +100,13 @@ const le = {
     }, E = () => {
       W(), Object.keys(l).forEach((e) => {
         delete l[e];
-      }), C();
+      }), k();
     }, p = () => {
       const e = {};
       for (const [t, s] of Object.entries(g.value))
         s !== void 0 && (e[t] = s);
       return {
-        valid: u.value.valid,
+        valid: d.value.valid,
         errors: e,
         values: { ...l }
       };
@@ -121,20 +121,20 @@ const le = {
         await b();
       },
       getFormMeta: () => ({
-        valid: u.value.valid,
-        dirty: u.value.dirty,
-        touched: u.value.touched,
-        pending: u.value.pending
+        valid: d.value.valid,
+        dirty: d.value.dirty,
+        touched: d.value.touched,
+        pending: d.value.pending
       }),
       setTouched: (e) => {
         i.schema.sections.forEach((t) => {
           t.fields.forEach((s) => {
-            k(s.name, e);
+            V(s.name, e);
           });
         });
       },
       highlightFieldWithError: (e, t) => {
-        t && f({ [e]: t }), k(e, !0);
+        t && f({ [e]: t }), V(e, !0);
       },
       clearFieldErrors: (e) => {
         if (e)
@@ -160,10 +160,10 @@ const le = {
       },
       getFieldValue: (e) => l[e],
       formData: l,
-      formRef: V
-    }), (e, t) => (n(), r("form", {
+      formRef: C
+    }), (e, t) => (n(), o("form", {
       ref_key: "formRef",
-      ref: V,
+      ref: C,
       class: v(P.value),
       onSubmit: t[0] || (t[0] = ee(
         //@ts-ignore
@@ -171,36 +171,36 @@ const le = {
         ["prevent"]
       ))
     }, [
-      a.schema.title || a.schema.description ? (n(), r("div", le, [
-        a.schema.title ? (n(), r("h2", ne, c(a.schema.title), 1)) : o("", !0),
-        a.schema.description ? (n(), r("p", re, c(a.schema.description), 1)) : o("", !0)
-      ])) : o("", !0),
-      (n(!0), r(S, null, j(z.value, (s, Q) => (n(), r("div", {
+      a.schema.title || a.schema.description ? (n(), o("div", le, [
+        a.schema.title ? (n(), o("h2", ne, c(a.schema.title), 1)) : r("", !0),
+        a.schema.description ? (n(), o("p", oe, c(a.schema.description), 1)) : r("", !0)
+      ])) : r("", !0),
+      (n(!0), o(S, null, j(z.value, (s, Q) => (n(), o("div", {
         key: s.id || Q
       }, [
-        s.title || s.description ? (n(), r("div", oe, [
-          s.title ? (n(), r("h3", ie, c(s.title), 1)) : o("", !0),
-          s.description ? (n(), r("p", ce, c(s.description), 1)) : o("", !0)
-        ])) : o("", !0),
-        d("div", {
+        s.title || s.description ? (n(), o("div", re, [
+          s.title ? (n(), o("h3", ie, c(s.title), 1)) : r("", !0),
+          s.description ? (n(), o("p", ce, c(s.description), 1)) : r("", !0)
+        ])) : r("", !0),
+        u("div", {
           class: v(H(s))
         }, [
-          (n(!0), r(S, null, j(s.fields, (m) => (n(), r("div", {
+          (n(!0), o(S, null, j(s.fields, (m) => (n(), o("div", {
             key: m.name,
-            class: v(L(m))
+            class: v(I(m))
           }, [
-            q(m) ? (n(), N(se, {
+            L(m) ? (n(), N(ae, {
               key: 0,
               field: m,
               modelValue: l[m.name],
               "onUpdate:modelValue": (X) => l[m.name] = X,
               "form-data": l,
               onFieldChange: J
-            }, null, 8, ["field", "modelValue", "onUpdate:modelValue", "form-data"])) : o("", !0)
+            }, null, 8, ["field", "modelValue", "onUpdate:modelValue", "form-data"])) : r("", !0)
           ], 2))), 128))
         ], 2)
       ]))), 128)),
-      a.showActions ? (n(), r("div", {
+      a.showActions ? (n(), o("div", {
         key: 1,
         class: v([
           "sl-flex sl-gap-3",
@@ -212,17 +212,17 @@ const le = {
           variant: "outline",
           disabled: a.loading,
           type: "button",
-          onClick: I
+          onClick: G
         }, {
           default: O(() => [
             D(c(a.cancelButtonText || "Cancel"), 1)
           ]),
           _: 1
-        }, 8, ["disabled"])) : o("", !0),
+        }, 8, ["disabled"])) : r("", !0),
         T(A, {
           variant: a.submitButtonVariant,
           loading: a.loading,
-          disabled: !G.value || a.loading,
+          disabled: !q.value || a.loading,
           type: "submit"
         }, {
           default: O(() => [
@@ -230,24 +230,23 @@ const le = {
           ]),
           _: 1
         }, 8, ["variant", "loading", "disabled"])
-      ], 2)) : o("", !0),
-      a.formError ? (n(), r("div", de, [
-        d("div", ue, [
-          d("div", me, [
-            T(x(ae), { class: "sl-h-5 sl-w-5 sl-text-red-400" }),
-            d("div", he, [
-              t[1] || (t[1] = d("h3", { class: "sl-text-sm sl-font-medium sl-text-red-800" }, " Form Error ", -1)),
-              d("div", fe, [
-                d("p", null, c(a.formError), 1)
+      ], 2)) : r("", !0),
+      a.formError ? (n(), o("div", ue, [
+        u("div", de, [
+          u("div", me, [
+            T(x(se), { class: "sl-h-5 sl-w-5 sl-text-red-400" }),
+            u("div", he, [
+              t[1] || (t[1] = u("h3", { class: "sl-text-sm sl-font-medium sl-text-red-800" }, " Form Error ", -1)),
+              u("div", fe, [
+                u("p", null, c(a.formError), 1)
               ])
             ])
           ])
         ])
-      ])) : o("", !0)
+      ])) : r("", !0)
     ], 34));
   }
 });
 export {
   je as _
 };
-//# sourceMappingURL=DynamicForm.vue_vue_type_script_setup_true_lang-CxSaO5Cl.js.map

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

@@ -1,10 +1,10 @@
-import { defineComponent as x, 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 { 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 { r as C } from "./ExclamationTriangleIcon-BNKYmV_J.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" }, B = { class: "sl-mt-2 sl-text-sm sl-text-yellow-700" }, E = /* @__PURE__ */ x({
+}, F = { class: "sl-flex" }, M = { class: "sl-ml-3" }, T = { class: "sl-mt-2 sl-text-sm sl-text-yellow-700" }, A = /* @__PURE__ */ b({
   __name: "DynamicFormField",
   props: {
     field: {},
@@ -128,18 +128,18 @@ const D = {
         default:
           return "";
       }
-    }, b = (l) => {
+    }, x = (l) => {
       n.value = l;
     };
     return (l, i) => r.value ? (c(), v(w(r.value), k({ key: 0 }, f.value, V(p.value), {
       "model-value": n.value,
-      "onUpdate:modelValue": b
+      "onUpdate:modelValue": x
     }), 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, [
           i[0] || (i[0] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-yellow-800" }, " Unknown field type ", -1)),
-          o("div", B, [
+          o("div", T, [
             o("p", null, 'Field type "' + P(a.field.type) + '" is not supported.', 1)
           ])
         ])
@@ -148,6 +148,5 @@ const D = {
   }
 });
 export {
-  E as _
+  A as _
 };
-//# sourceMappingURL=DynamicFormField.vue_vue_type_script_setup_true_lang-CSLSRFM7.js.map

package/dist/EmailInput.vue_vue_type_script_setup_true_lang-BicPMIop.js

@@ -119,4 +119,3 @@ const S = { class: "sl-w-full" }, U = ["name", "id", "value", "placeholder", "au
 export {
   J as _
 };
-//# sourceMappingURL=EmailInput.vue_vue_type_script_setup_true_lang-BicPMIop.js.map

package/dist/EmptyInput.vue_vue_type_script_setup_true_lang-FWDCFF2c.js

@@ -29,4 +29,3 @@ const i = {
 export {
   u as _
 };
-//# sourceMappingURL=EmptyInput.vue_vue_type_script_setup_true_lang-FWDCFF2c.js.map

package/dist/EmptyState.vue_vue_type_script_setup_true_lang-7mcKkOWP.js

@@ -71,4 +71,3 @@ const k = {
 export {
   b as _
 };
-//# sourceMappingURL=EmptyState.vue_vue_type_script_setup_true_lang-7mcKkOWP.js.map

package/dist/EventCard.vue_vue_type_script_setup_true_lang-B3TP-mWX.js

@@ -0,0 +1,74 @@
+import { defineComponent as f, createElementBlock as o, openBlock as t, createElementVNode as e, createVNode as a, unref as s, toDisplayString as n, createBlock as y } from "vue";
+import { CalendarIcon as v, MapPinIcon as i, NoSymbolIcon as g } from "@heroicons/vue/24/solid";
+import { NoSymbolIcon as b, MapPinIcon as w } from "@heroicons/vue/24/outline";
+const _ = ["src"], k = {
+  key: 1,
+  class: "sl-h-14 sl-w-14 sl-flex-none sl-rounded-md sl-bg-gray-100 sl-flex sl-items-center sl-justify-center"
+}, p = { class: "sl-relative sl-h-8 sl-w-8" }, I = { class: "sl-flex-auto" }, S = { class: "sl-font-semibold sl-text-gray-800" }, C = { class: "sl-mt-2 sl-flex sl-flex-col xl:sl-flex-row" }, N = { class: "sl-flex sl-items-start sl-space-x-3" }, D = ["datetime"], B = { class: "sl-flex sl-items-start sl-space-x-3 sl-mt-2 xl:sl-ml-3.5 xl:sl-mt-0 xl:sl-border-l xl:sl-border-gray-400 xl:sl-border-opacity-50 xl:sl-pl-3.5" }, E = {
+  key: 1,
+  class: "sl-relative sl-h-5 sl-w-5"
+}, U = /* @__PURE__ */ f({
+  __name: "EventCard",
+  props: {
+    event: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["navigate-to-event"],
+  setup(l, { emit: r }) {
+    const d = l, m = r, u = () => {
+      m("navigate-to-event", d.event.id);
+    }, x = (c) => new Date(c).toLocaleDateString("en-US", {
+      month: "short",
+      day: "2-digit",
+      year: "numeric"
+    });
+    return (c, h) => (t(), o("li", {
+      class: "sl-relative sl-flex sl-space-x-6 sl-py-6 sl-cursor-pointer",
+      onClick: u
+    }, [
+      l.event.geocodeResult?.thumbnailUrl ? (t(), o("img", {
+        key: 0,
+        src: l.event.geocodeResult.thumbnailUrl,
+        alt: "",
+        class: "sl-h-14 sl-w-14 sl-flex-none sl-rounded-md"
+      }, null, 8, _)) : (t(), o("div", k, [
+        e("div", p, [
+          a(s(b), { class: "sl-absolute sl-h-full sl-w-full sl-text-gray-400" }),
+          a(s(w), { class: "sl-absolute sl-top-1/2 sl-left-1/2 sl-h-5 sl-w-5 -sl-translate-x-1/2 -sl-translate-y-1/2 sl-text-gray-400" })
+        ])
+      ])),
+      e("div", I, [
+        e("h3", S, n(l.event.name), 1),
+        e("dl", C, [
+          e("div", N, [
+            a(s(v), {
+              class: "sl-h-5 sl-w-5 sl-text-gray-400",
+              "aria-hidden": "true"
+            }),
+            e("dd", null, [
+              e("time", {
+                datetime: l.event.datetime
+              }, n(x(l.event.date)) + " at " + n(l.event.time), 9, D)
+            ])
+          ]),
+          e("div", B, [
+            l.event.geocodeResult ? (t(), y(s(i), {
+              key: 0,
+              class: "sl-h-5 sl-w-5 sl-text-gray-400",
+              "aria-hidden": "true"
+            })) : (t(), o("div", E, [
+              a(s(g), { class: "sl-absolute sl-h-full sl-w-full sl-text-gray-400" }),
+              a(s(i), { class: "sl-absolute sl-top-1/2 sl-left-1/2 sl-h-3 sl-w-3 -sl-translate-x-1/2 -sl-translate-y-1/2 sl-text-gray-400" })
+            ])),
+            e("dd", null, n(l.event.location), 1)
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  U as _
+};