@xy-planning-network/trees 0.4.9-rc-3 → 0.5.0-rc-2

package/dist/trees.es.js

@@ -1,23 +1,49 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+import { ref, cloneVNode, h, inject, provide, watchEffect, defineComponent, onUnmounted, Teleport, reactive, onUpdated, computed, unref, onMounted, nextTick, toRaw, watch, openBlock, createBlock, createVNode, withCtx, Transition, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, renderSlot, resolveDynamicComponent, mergeProps, createTextVNode, normalizeProps, useAttrs, shallowRef, withModifiers, TransitionGroup, withDirectives, vShow, normalizeStyle, getCurrentInstance, vModelText, resolveComponent, Comment as Comment$1, Text, useSlots } from "vue";
+function useSpinnerDisplay() {
+  const idx = ref(0);
+  const loading = ref(false);
+  const maxIdx = ref(0);
+  const messages = ref([]);
+  const msg = ref("");
+  const showMsg = ref(false);
+  const show = (spinMessages = []) => {
+    if (spinMessages) {
+      messages.value = spinMessages;
+      maxIdx.value = spinMessages.length - 1;
+      msg.value = messages.value[idx.value];
+      showMsg.value = true;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { cloneVNode, h, inject, provide, watchEffect, defineComponent, ref, onUnmounted, Teleport, reactive, onUpdated, computed, unref, onMounted, nextTick, toRaw, watch, openBlock, createBlock, createVNode, withCtx, Transition, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, renderSlot, resolveDynamicComponent, mergeProps, createTextVNode, normalizeProps, useAttrs, withModifiers, TransitionGroup, withDirectives, vShow, normalizeStyle, getCurrentInstance, vModelText, resolveComponent, Comment as Comment$1, Text, useSlots, shallowRef } from "vue";
+    loading.value = true;
+  };
+  const hide = () => {
+    idx.value = 0;
+    maxIdx.value = 0;
+    messages.value = [];
+    msg.value = "";
+    loading.value = false;
+  };
+  return {
+    idx,
+    loading,
+    maxIdx,
+    messages,
+    msg,
+    showMsg,
+    show,
+    hide
+  };
+}
+let appSpinner = void 0;
+function useAppSpinnerDisplay() {
+  if (appSpinner === void 0) {
+    appSpinner = useSpinnerDisplay();
+  }
+  return appSpinner;
+}
+const useAppSpinner = (() => {
+  const { show, hide } = useAppSpinnerDisplay();
+  return { show, hide };
+})();
 var axios$2 = { exports: {} };
 var bind$2 = function bind(fn, thisArg) {
   return function wrap() {
@@ -35,7 +61,7 @@ var kindOf = function(cache) {
     var str = toString.call(thing);
     return cache[str] || (cache[str] = str.slice(8, -1).toLowerCase());
   };
-}(Object.create(null));
+}(/* @__PURE__ */ Object.create(null));
 function kindOfTest(type) {
   type = type.toLowerCase();
   return function isKindOf(thing) {
@@ -1263,12 +1289,12 @@ const BaseAPI = {
   makeRequest(config, opts) {
     const wait = window.setTimeout(() => {
       if (!opts.skipLoader) {
-        window.VueBus.emit("Spinner-show");
+        useAppSpinner.show();
       }
     }, 200);
-    return apiAxiosInstance(__spreadValues(__spreadValues({}, config), opts)).then((success) => success.data).finally(() => {
+    return apiAxiosInstance({ ...config, ...opts }).then((success) => success.data).finally(() => {
       if (!opts.skipLoader)
-        window.VueBus.emit("Spinner-hide");
+        useAppSpinner.hide();
       window.clearTimeout(wait);
     });
   },
@@ -2117,7 +2143,7 @@ var Dialog = /* @__PURE__ */ defineComponent({
   },
   setup: function setup5(props, _ref) {
     var emit = _ref.emit;
-    var containers = ref(new Set());
+    var containers = ref(/* @__PURE__ */ new Set());
     var usesOpenClosedState = useOpenClosed();
     var open = computed(function() {
       if (props.open === Missing && usesOpenClosedState !== null) {
@@ -4763,10 +4789,10 @@ function render$5(_ctx, _cache) {
     })
   ]);
 }
-const _hoisted_1$r = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Open options", -1);
-const _hoisted_2$l = { class: "py-1" };
-const _hoisted_3$k = ["textContent", "onClick"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_1$s = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Open options", -1);
+const _hoisted_2$m = { class: "py-1" };
+const _hoisted_3$l = ["textContent", "onClick"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   props: {
     currentUser: null,
     items: null,
@@ -4807,7 +4833,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             disabled: !hasActionItems.value
           }, {
             default: withCtx(() => [
-              _hoisted_1$r,
+              _hoisted_1$s,
               createVNode(unref(render$6), {
                 class: "w-5 h-5",
                 "aria-hidden": "true"
@@ -4826,7 +4852,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(MenuItems), { class: "z-10 mx-3 origin-top-right absolute right-7 top-0 w-48 mt-1 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-200 focus:outline-none" }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_2$l, [
+                  createElementVNode("div", _hoisted_2$m, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, idx) => {
                       return openBlock(), createElementBlock(Fragment, { key: idx }, [
                         show(item) ? (openBlock(), createBlock(unref(MenuItem), {
@@ -4842,7 +4868,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                               ]),
                               textContent: toDisplayString(item.label),
                               onClick: ($event) => emitEvent(item.event)
-                            }, null, 10, _hoisted_3$k)
+                            }, null, 10, _hoisted_3$l)
                           ]),
                           _: 2
                         }, 1024)) : createCommentVNode("", true)
@@ -4861,10 +4887,10 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$q = { class: "px-4 py-5 sm:p-6 text-center" };
-const _hoisted_2$k = ["textContent"];
-const _hoisted_3$j = ["textContent"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$r = { class: "px-4 py-5 sm:p-6 text-center" };
+const _hoisted_2$l = ["textContent"];
+const _hoisted_3$k = ["textContent"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   props: {
     cards: null
   },
@@ -4878,16 +4904,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             class: "bg-white overflow-hidden shadow rounded-lg",
             key: idx
           }, [
-            createElementVNode("div", _hoisted_1$q, [
+            createElementVNode("div", _hoisted_1$r, [
               createElementVNode("dl", null, [
                 createElementVNode("dd", {
                   class: "mt-1 text-3xl leading-9 font-semibold text-xy-blue",
                   textContent: toDisplayString(card.primary)
-                }, null, 8, _hoisted_2$k),
+                }, null, 8, _hoisted_2$l),
                 createElementVNode("dt", {
                   class: "text-sm leading-5 font-medium text-gray-700 truncate",
                   textContent: toDisplayString(card.secondary)
-                }, null, 8, _hoisted_3$j)
+                }, null, 8, _hoisted_3$k)
               ])
             ])
           ]);
@@ -4896,16 +4922,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" };
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode("span", {
+const _hoisted_1$q = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" };
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
 }, "\u200B", -1);
-const _hoisted_3$i = { class: "inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-sm sm:w-full sm:p-6" };
-const _hoisted_4$f = { class: "mt-3 text-center sm:mt-5" };
-const _hoisted_5$d = { class: "mt-2" };
+const _hoisted_3$j = { class: "inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-sm sm:w-full sm:p-6" };
+const _hoisted_4$g = { class: "mt-3 text-center sm:mt-5" };
+const _hoisted_5$e = { class: "mt-2" };
 const _hoisted_6$c = { class: "mt-5 sm:mt-6" };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     title: { default: "" }
@@ -4929,7 +4955,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             open: __props.modelValue
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$p, [
+              createElementVNode("div", _hoisted_1$q, [
                 createVNode(unref(TransitionChild), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -4944,7 +4970,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }),
-                _hoisted_2$j,
+                _hoisted_2$k,
                 createVNode(unref(TransitionChild), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -4955,15 +4981,15 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_3$i, [
+                    createElementVNode("div", _hoisted_3$j, [
                       createElementVNode("div", null, [
                         renderSlot(_ctx.$slots, "icon"),
-                        createElementVNode("div", _hoisted_4$f, [
+                        createElementVNode("div", _hoisted_4$g, [
                           createVNode(unref(DialogTitle), {
                             as: "h3",
                             textContent: toDisplayString(__props.title)
                           }, null, 8, ["textContent"]),
-                          createElementVNode("div", _hoisted_5$d, [
+                          createElementVNode("div", _hoisted_5$e, [
                             renderSlot(_ctx.$slots, "default")
                           ])
                         ])
@@ -7081,8 +7107,8 @@ Date.prototype.fp_incr = function(days) {
 if (typeof window !== "undefined") {
   window.flatpickr = flatpickr;
 }
-var flatpickr_min = "";
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+var flatpickr_min = /* @__PURE__ */ (() => '.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\fffd;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}\n')();
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   props: {
     disabled: { type: Boolean, default: false },
     label: { default: "" },
@@ -7096,7 +7122,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           "block my-1 text-sm font-semibold leading-snug text-gray-900": true,
           "opacity-75": __props.disabled
         }
-      }, __spreadValues({}, _ctx.$attrs)), {
+      }, {
+        ..._ctx.$attrs
+      }), {
         default: withCtx(() => [
           createTextVNode(toDisplayString(__props.label), 1)
         ]),
@@ -7105,16 +7133,17 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   props: {
     tag: { default: "div" },
     text: { default: "" }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return __props.text ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), normalizeProps(mergeProps({ key: 0 }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
+      return __props.text ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), normalizeProps(mergeProps({ key: 0 }, {
+        ..._ctx.$attrs,
         class: "mt-1 text-sm leading-snug font-normal text-gray-700"
-      }))), {
+      })), {
         default: withCtx(() => [
           createTextVNode(toDisplayString(__props.text), 1)
         ]),
@@ -7123,8 +7152,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = ["aria-labelledby", "aria-describedby", "id", "placeholder", "type", "value"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = ["aria-labelledby", "aria-describedby", "id", "placeholder", "type", "value"];
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   props: {
     type: null,
     help: { default: "" },
@@ -7155,7 +7184,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$t, {
+        createVNode(_sfc_main$u, {
           class: "block",
           id: `${unref(uuid)}-label`,
           for: unref(uuid),
@@ -7183,8 +7212,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           type: __props.type,
           value: __props.modelValue,
           onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value))
-        }, _ctx.$attrs), null, 16, _hoisted_1$o),
-        createVNode(_sfc_main$s, {
+        }, _ctx.$attrs), null, 16, _hoisted_1$p),
+        createVNode(_sfc_main$t, {
           id: `${unref(uuid)}-help`,
           text: __props.help
         }, null, 8, ["id", "text"])
@@ -7192,7 +7221,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     startDate: { default: 0 },
@@ -7229,7 +7258,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$s, {
         type: "text",
         placeholder: "mm-dd-yyyy range",
         id: unref(uuid),
@@ -7239,15 +7268,15 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = ["aria-labelledby", "aria-describedby", "id", "value"];
-const _hoisted_2$i = {
+const _hoisted_1$o = ["aria-labelledby", "aria-describedby", "id", "value"];
+const _hoisted_2$j = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
 };
-const _hoisted_3$h = ["value", "textContent"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _hoisted_3$i = ["value", "textContent"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   props: {
     design: { default: "standard" },
     label: { default: "" },
@@ -7269,7 +7298,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$t, {
+        createVNode(_sfc_main$u, {
           id: `${unref(uuid)}-label`,
           for: unref(uuid),
           label: __props.label
@@ -7280,21 +7309,22 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           class: unref(classes),
           id: unref(uuid),
           value: __props.modelValue
-        }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
+        }, {
+          ..._ctx.$attrs,
           onChange: ($event) => {
             emit("update:modelValue", $event.target.value);
           }
-        })), [
-          __props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_2$i, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
+        }), [
+          __props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_2$j, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
             return openBlock(), createElementBlock("option", {
               value: option.value,
               textContent: toDisplayString(option.label),
               key: option.value
-            }, null, 8, _hoisted_3$h);
+            }, null, 8, _hoisted_3$i);
           }), 128))
-        ], 16, _hoisted_1$n),
-        createVNode(_sfc_main$s, {
+        ], 16, _hoisted_1$o),
+        createVNode(_sfc_main$t, {
           id: `${unref(uuid)}-help`,
           text: __props.help
         }, null, 8, ["id", "text"])
@@ -7302,11 +7332,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$m = { class: "md:flex md:items-center md:justify-between bg-white mx-auto py-4 border-t border-gray-100" };
-const _hoisted_2$h = { class: "flex-1 min-w-0" };
-const _hoisted_3$g = { class: "text-lg leading-6 font-semibold text-gray-900" };
-const _hoisted_4$e = { class: "mt-4 flex md:mt-0 md:ml-4" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_1$n = { class: "md:flex md:items-center md:justify-between bg-white mx-auto py-4 border-t border-gray-100" };
+const _hoisted_2$i = { class: "flex-1 min-w-0" };
+const _hoisted_3$h = { class: "text-lg leading-6 font-semibold text-gray-900" };
+const _hoisted_4$f = { class: "mt-4 flex md:mt-0 md:ml-4" };
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: {
     dateRange: null,
     sortDir: null,
@@ -7328,12 +7358,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       emits("date-range-changed", dateRange2);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        createElementVNode("div", _hoisted_2$h, [
-          createElementVNode("h1", _hoisted_3$g, toDisplayString(__props.title), 1)
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+        createElementVNode("div", _hoisted_2$i, [
+          createElementVNode("h1", _hoisted_3$h, toDisplayString(__props.title), 1)
         ]),
-        createElementVNode("div", _hoisted_4$e, [
-          createVNode(_sfc_main$p, {
+        createElementVNode("div", _hoisted_4$f, [
+          createVNode(_sfc_main$q, {
             modelValue: sortDir.value,
             "onUpdate:modelValue": [
               _cache[0] || (_cache[0] = ($event) => sortDir.value = $event),
@@ -7341,7 +7371,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             ],
             options: sortOptions
           }, null, 8, ["modelValue"]),
-          createVNode(_sfc_main$q, {
+          createVNode(_sfc_main$r, {
             modelValue: dateRange.value,
             "onUpdate:modelValue": [
               _cache[1] || (_cache[1] = ($event) => dateRange.value = $event),
@@ -7354,9 +7384,195 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "px-4 flex items-center justify-between sm:px-0" };
-const _hoisted_2$g = { class: "w-0 flex-1 flex" };
-const _hoisted_3$f = /* @__PURE__ */ createElementVNode("svg", {
+function useBaseAPI(path, method = "GET", initOpts = {}) {
+  const result = ref();
+  const error = shallowRef();
+  const hasFetched = ref(false);
+  const isFinished = ref(false);
+  const isLoading = ref(false);
+  const isAborted = ref(false);
+  let requestCount = 0;
+  let controller;
+  const abort = () => {
+    if (controller !== void 0) {
+      controller.abort();
+    }
+  };
+  const execute = (data2 = {}, opts = {}) => {
+    requestCount++;
+    const count = requestCount;
+    controller = new AbortController();
+    isAborted.value = false;
+    isFinished.value = false;
+    isLoading.value = true;
+    const requestConfig = {
+      data: ["POST", "post", "PUT", "put"].includes(method) ? data2 : {},
+      method,
+      params: ["GET", "get"].includes(method) ? data2 : {},
+      signal: controller.signal,
+      url: path
+    };
+    return BaseAPI.makeRequest(requestConfig, { ...initOpts, ...opts }).then((success) => {
+      result.value = success;
+      error.value = void 0;
+      isAborted.value = false;
+      return success;
+    }, (err) => {
+      error.value = err;
+      if (axios.isCancel(err)) {
+        isAborted.value = true;
+      }
+      throw err;
+    }).finally(() => {
+      if (count == requestCount) {
+        isFinished.value = true;
+        isLoading.value = false;
+      }
+      hasFetched.value = true;
+    });
+  };
+  if ((initOpts == null ? void 0 : initOpts.immediate) && initOpts.immediate === true) {
+    execute();
+  }
+  return {
+    result,
+    error,
+    isFinished,
+    isLoading,
+    isAborted,
+    hasFetched,
+    abort,
+    execute
+  };
+}
+function useBaseAPIGet(url, opts = {}) {
+  return useBaseAPI(url, "GET", opts);
+}
+function useBaseAPIDelete(url, opts = {}) {
+  return useBaseAPI(url, "DELETE", opts);
+}
+function useBaseAPIPost(url, opts = {}) {
+  return useBaseAPI(url, "POST", opts);
+}
+function useBaseAPIPut(url, opts = {}) {
+  return useBaseAPI(url, "PUT", opts);
+}
+function useFlashes(flasherConfig = {}) {
+  const flashes = ref(/* @__PURE__ */ new Map());
+  let config = {
+    removeDelay: 1e4,
+    email: ""
+  };
+  const configure = (newConfig) => {
+    config = {
+      ...config,
+      ...newConfig
+    };
+  };
+  const remove = (id2) => {
+    flashes.value.delete(id2);
+  };
+  const add = (flash2) => {
+    const ID = Uniques.CreateIdAttribute();
+    flashes.value.set(ID, flash2);
+    if (flash2.persistent === void 0 || !flash2.persistent) {
+      setTimeout(() => remove(ID), config.removeDelay);
+    }
+    return ID;
+  };
+  const flash = (flash2) => {
+    return add(flash2);
+  };
+  const error = (message, persistent = false) => {
+    return add({ message, persistent, type: "error" });
+  };
+  const info = (message, persistent = false) => {
+    return add({
+      message,
+      persistent,
+      type: "info"
+    });
+  };
+  const success = (message, persistent = false) => {
+    return add({
+      message,
+      persistent,
+      type: "success"
+    });
+  };
+  const warning = (message, persistent = false) => {
+    return add({
+      message,
+      persistent,
+      type: "warning"
+    });
+  };
+  const genericError = (email = "", persistent = false) => {
+    const msgEmail = email || config.email;
+    const message = msgEmail ? `Whoops! Something went wrong, please reach out to 
+        <a class="underline text-xy-blue" href="mailto:${msgEmail}">${msgEmail}</a> 
+        if the issue persists.` : `Whoops! Something went wrong.`;
+    return add({
+      message,
+      persistent,
+      type: "error"
+    });
+  };
+  configure(flasherConfig || {});
+  return {
+    flasher: {
+      add,
+      remove,
+      flash,
+      error,
+      warning,
+      info,
+      success,
+      genericError
+    },
+    flashes,
+    configure
+  };
+}
+const loadWindowFlashes = (flasher) => {
+  if (window.Flashes) {
+    for (const flash of window.Flashes) {
+      if (typeof flash.type === "undefined") {
+        const values = flash.message.split(": ");
+        flasher.add({ type: values[0], message: values[1] });
+        continue;
+      }
+      flasher.add(flash);
+    }
+  }
+};
+let appFlashes = void 0;
+function useAppFlashes() {
+  if (appFlashes === void 0) {
+    appFlashes = useFlashes();
+  }
+  return appFlashes;
+}
+const useAppFlasher = {
+  error(msg, persistent) {
+    useAppFlashes().flasher.error(msg, persistent);
+  },
+  info(msg, persistent) {
+    useAppFlashes().flasher.warning(msg, persistent);
+  },
+  success(msg, persistent) {
+    useAppFlashes().flasher.info(msg, persistent);
+  },
+  warning(msg, persistent) {
+    useAppFlashes().flasher.success(msg, persistent);
+  },
+  genericError(email, persistent) {
+    useAppFlashes().flasher.genericError(email, persistent);
+  }
+};
+const _hoisted_1$m = { class: "px-4 flex items-center justify-between sm:px-0" };
+const _hoisted_2$h = { class: "w-0 flex-1 flex" };
+const _hoisted_3$g = /* @__PURE__ */ createElementVNode("svg", {
   class: "mr-3 h-5 w-5",
   fill: "currentColor",
   viewBox: "0 0 20 20"
@@ -7367,10 +7583,10 @@ const _hoisted_3$f = /* @__PURE__ */ createElementVNode("svg", {
     "clip-rule": "evenodd"
   })
 ], -1);
-const _hoisted_4$d = /* @__PURE__ */ createTextVNode(" Previous ");
-const _hoisted_5$c = [
-  _hoisted_3$f,
-  _hoisted_4$d
+const _hoisted_4$e = /* @__PURE__ */ createTextVNode(" Previous ");
+const _hoisted_5$d = [
+  _hoisted_3$g,
+  _hoisted_4$e
 ];
 const _hoisted_6$b = { class: "hidden md:flex" };
 const _hoisted_7$a = ["textContent", "onClick"];
@@ -7391,7 +7607,7 @@ const _hoisted_11$5 = [
   _hoisted_9$8,
   _hoisted_10$8
 ];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null
   },
@@ -7399,9 +7615,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const changePage = (page) => {
-      emit("update:modelValue", __spreadProps(__spreadValues({}, props.modelValue), {
+      emit("update:modelValue", {
+        ...props.modelValue,
         page
-      }));
+      });
     };
     const pageShortcuts = computed(() => {
       const shortcuts = [];
@@ -7424,8 +7641,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return shortcuts;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
-        createElementVNode("div", _hoisted_2$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+        createElementVNode("div", _hoisted_2$h, [
           createElementVNode("a", {
             href: "#",
             class: normalizeClass([
@@ -7433,7 +7650,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               __props.modelValue.page == 1 ? "text-gray-500 cursor-not-allowed pointer-events-none" : "text-gray-700 hover:text-gray-900 hover:border-gray-300"
             ]),
             onClick: _cache[0] || (_cache[0] = withModifiers(($event) => changePage(__props.modelValue.page - 1), ["prevent"]))
-          }, _hoisted_5$c, 2)
+          }, _hoisted_5$d, 2)
         ]),
         createElementVNode("div", _hoisted_6$b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pageShortcuts), (i) => {
@@ -7463,11 +7680,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   key: 0,
   class: "shadow overflow-hidden sm:rounded-md border"
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
     refreshTrigger: { default: 0 },
     reloadTrigger: { default: 0 },
@@ -7506,7 +7723,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         if (checkForContent)
           hasContent.value = items.value.length != 0;
       }, () => {
-        window.VueBus.emit("Flash-show-generic-error", "archive@xyplanningnetwork.com");
+        useAppFlasher.genericError();
       });
     };
     watch([sortDir, dateRange], () => {
@@ -7522,14 +7739,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     loadAndRender(true);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$o, {
+        createVNode(_sfc_main$p, {
           "date-range": dateRange.value,
           "sort-dir": sortDir.value,
           title: __props.title,
           onSortDirChanged: _cache[0] || (_cache[0] = ($event) => sortDir.value = $event),
           onDateRangeChanged: _cache[1] || (_cache[1] = ($event) => dateRange.value = $event)
         }, null, 8, ["date-range", "sort-dir", "title"]),
-        hasContent.value ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+        hasContent.value ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
           createElementVNode("ul", null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, idx) => {
               return openBlock(), createElementBlock("li", {
@@ -7541,7 +7758,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             }), 128))
           ])
         ])) : renderSlot(_ctx.$slots, "empty", { key: 1 }),
-        hasContent.value ? (openBlock(), createBlock(_sfc_main$n, {
+        hasContent.value ? (openBlock(), createBlock(_sfc_main$o, {
           key: 2,
           modelValue: pagination.value,
           "onUpdate:modelValue": [
@@ -7553,8 +7770,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = ["href"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = ["href"];
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   props: {
     propsData: null,
     attribute: null
@@ -7565,15 +7782,16 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         href: __props.propsData[__props.attribute]
       }, [
         createVNode(unref(render$5), { class: "h-6 w-6 group-hover:text-gray-500 transition" })
-      ], 8, _hoisted_1$j);
+      ], 8, _hoisted_1$k);
     };
   }
 });
-const _hoisted_1$i = { class: "fixed inset-0 flex flex-col items-end justify-end px-4 py-6 pointer-events-none sm:p-6 z-40" };
-const _hoisted_2$f = { class: "rounded-lg ring-1 ring-black ring-opacity-5 overflow-hidden" };
-const _hoisted_3$e = { class: "p-4" };
-const _hoisted_4$c = { class: "flex items-center" };
-const _hoisted_5$b = { class: "w-0 flex-1 flex justify-between" };
+var Flash_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".list-move,.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.list-leave-active{position:absolute}\n")();
+const _hoisted_1$j = { class: "fixed inset-0 flex flex-col items-end justify-end px-4 py-6 pointer-events-none sm:p-6 z-40" };
+const _hoisted_2$g = { class: "rounded-lg ring-1 ring-black ring-opacity-5 overflow-hidden" };
+const _hoisted_3$f = { class: "p-4" };
+const _hoisted_4$d = { class: "flex items-center" };
+const _hoisted_5$c = { class: "w-0 flex-1 flex justify-between" };
 const _hoisted_6$a = ["innerHTML"];
 const _hoisted_7$9 = { class: "ml-4 flex-shrink-0 flex" };
 const _hoisted_8$7 = ["onClick"];
@@ -7591,65 +7809,29 @@ const _hoisted_9$7 = /* @__PURE__ */ createElementVNode("svg", {
 const _hoisted_10$7 = [
   _hoisted_9$7
 ];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   setup(__props) {
-    const flashes = ref([]);
-    const flashTypeBorderClass = {
-      warning: "border-orange-500",
-      error: "border-red-500",
-      info: "border-blue-500",
-      success: "border-green-500"
-    };
-    const getFlashClass = (flash) => {
-      const availableTypes = Object.keys(flashTypeBorderClass);
-      const type = (flash == null ? void 0 : flash.type) && availableTypes.includes(flash.type) ? flash.type : "info";
-      return flashTypeBorderClass[type];
-    };
-    const remove = (flash) => {
-      let index = 0;
-      for (const f of flashes.value) {
-        if (flash.message === f.message) {
-          flashes.value.splice(index, 1);
-          return;
-        }
-        index++;
+    const { flasher, flashes } = useAppFlashes();
+    const getFlashClass = (type) => {
+      switch (type) {
+        case "warning":
+          return "border-orange-500";
+        case "error":
+          return "border-red-500";
+        case "info":
+          return "border-blue-500";
+        case "success":
+          return "border-green-500";
       }
     };
-    const renderFlash = (flash) => {
-      flashes.value.push(flash);
-      setTimeout((flashes2) => {
-        flashes2.pop();
-      }, 1e4, flashes.value);
-    };
-    const renderGenericError = (email) => {
-      renderFlash({
-        type: "error",
-        message: `Whoops! Something went wrong, please reach out to <a class="underline text-xy-blue" href="mailto:${email}">${email}</a> if the issue persists.`
-      });
-    };
     onMounted(() => {
-      window.VueBus.on("Flash-show-message", (flash) => {
-        renderFlash(flash);
-      });
-      window.VueBus.on("Flash-show-generic-error", (email) => {
-        renderGenericError(email);
-      });
-      if (window.Flashes) {
-        for (const flash of window.Flashes) {
-          if (typeof flash.type === "undefined") {
-            const values = flash.message.split(": ");
-            renderFlash({ type: values[0], message: values[1] });
-            return;
-          }
-          renderFlash({ type: flash.type, message: flash.message });
-        }
-      }
+      loadWindowFlashes(flasher);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createVNode(TransitionGroup, {
           tag: "div",
-          class: "max-w-sm w-full",
+          class: "max-w-sm space-y-2 w-full",
           "enter-active-class": "ease-out duration-300",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
           "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
@@ -7658,15 +7840,15 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(flashes.value, (flash, idx) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(flashes), ([id2, flash]) => {
               return openBlock(), createElementBlock("div", {
                 key: flash.message,
-                class: normalizeClass(["bg-white shadow-lg rounded-lg pointer-events-auto border-t-4 transform", [{ "mt-2": idx > 0 }, getFlashClass(flash)]])
+                class: normalizeClass(["bg-white shadow-lg rounded-lg pointer-events-auto border-t-4 transform", [getFlashClass(flash.type)]])
               }, [
-                createElementVNode("div", _hoisted_2$f, [
-                  createElementVNode("div", _hoisted_3$e, [
-                    createElementVNode("div", _hoisted_4$c, [
-                      createElementVNode("div", _hoisted_5$b, [
+                createElementVNode("div", _hoisted_2$g, [
+                  createElementVNode("div", _hoisted_3$f, [
+                    createElementVNode("div", _hoisted_4$d, [
+                      createElementVNode("div", _hoisted_5$c, [
                         createElementVNode("p", {
                           class: "w-0 flex-1 text-sm leading-5 font-medium text-gray-900",
                           innerHTML: flash.message
@@ -7674,7 +7856,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                       ]),
                       createElementVNode("div", _hoisted_7$9, [
                         createElementVNode("button", {
-                          onClick: ($event) => remove(flash),
+                          onClick: ($event) => unref(flasher).remove(id2),
                           class: "inline-flex text-gray-400 focus:outline-none focus:text-gray-500 transition ease-in-out duration-150"
                         }, _hoisted_10$7, 8, _hoisted_8$7)
                       ])
@@ -7770,14 +7952,14 @@ function render(_ctx, _cache) {
     })
   ]);
 }
-const _hoisted_1$h = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" };
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("span", {
+const _hoisted_1$i = { class: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" };
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
 }, "\u200B", -1);
-const _hoisted_3$d = { class: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl w-full" };
-const _hoisted_4$b = { class: "block absolute top-0 right-0 pt-4 pr-4" };
-const _hoisted_5$a = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Close", -1);
+const _hoisted_3$e = { class: "inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-2xl w-full" };
+const _hoisted_4$c = { class: "block absolute top-0 right-0 pt-4 pr-4" };
+const _hoisted_5$b = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Close", -1);
 const _hoisted_6$9 = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" };
 const _hoisted_7$8 = { class: "mt-3 sm:mt-0 sm:text-left" };
 const _hoisted_8$6 = { class: "mt-2" };
@@ -7786,7 +7968,7 @@ const _hoisted_9$6 = {
   class: "bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse"
 };
 const _hoisted_10$6 = ["textContent", "disabled"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   props: {
     destructive: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
@@ -7816,7 +7998,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             open: __props.modelValue
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1$h, [
+              createElementVNode("div", _hoisted_1$i, [
                 createVNode(unref(TransitionChild), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -7831,7 +8013,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }),
-                _hoisted_2$e,
+                _hoisted_2$f,
                 createVNode(unref(TransitionChild), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -7842,14 +8024,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_3$d, [
-                      createElementVNode("div", _hoisted_4$b, [
+                    createElementVNode("div", _hoisted_3$e, [
+                      createElementVNode("div", _hoisted_4$c, [
                         createElementVNode("button", {
                           type: "button",
                           class: "bg-white rounded-md text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500",
                           onClick: _cache[0] || (_cache[0] = ($event) => updateModelValue3(false))
                         }, [
-                          _hoisted_5$a,
+                          _hoisted_5$b,
                           createVNode(unref(render), {
                             class: "h-6 w-6",
                             "aria-hidden": "true"
@@ -7898,96 +8080,111 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = {
-  key: 0,
-  class: "fixed top-0 left-0 flex items-center justify-center w-full h-full cursor-not-allowed z-50 bg-gray-50 bg-opacity-50"
-};
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("div", { class: "flex justify-center" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "animate-spin-gear" }, [
-    /* @__PURE__ */ createElementVNode("svg", {
-      width: "129px",
-      height: "129px",
-      viewBox: "0 0 129 129",
-      version: "1.1",
-      xmlns: "http://www.w3.org/2000/svg",
-      "xmlns:xlink": "http://www.w3.org/1999/xlink"
-    }, [
-      /* @__PURE__ */ createElementVNode("title", null, "Group 6 Copy 3"),
-      /* @__PURE__ */ createElementVNode("defs", null, [
-        /* @__PURE__ */ createElementVNode("polygon", {
-          id: "path-1",
-          points: "0.000248076923 0.48676924 128.472837 0.48676924 128.472837 128.800648 0.000248076923 128.800648"
-        })
-      ]),
-      /* @__PURE__ */ createElementVNode("g", {
-        id: "Page-1",
-        stroke: "none",
-        "stroke-width": "1",
-        fill: "none",
-        "fill-rule": "evenodd"
-      }, [
-        /* @__PURE__ */ createElementVNode("g", { id: "Group-6-Copy-3" }, [
-          /* @__PURE__ */ createElementVNode("g", { id: "Group-3" }, [
-            /* @__PURE__ */ createElementVNode("mask", {
-              id: "mask-2",
-              fill: "white"
-            }, [
-              /* @__PURE__ */ createElementVNode("use", { "xlink:href": "#path-1" })
-            ]),
-            /* @__PURE__ */ createElementVNode("g", { id: "Clip-2" }),
-            /* @__PURE__ */ createElementVNode("path", {
-              d: "M86.3955173,100.279324 C86.3955173,100.279324 79.4778923,106.213874 64.2360462,106.755809 C48.9954404,106.213874 42.0778154,100.279324 42.0778154,100.279324 C11.8756904,81.4963011 25.2309115,49.088357 25.2309115,49.088357 C36.5680269,24.1350542 59.1839596,22.5554236 63.8105942,22.4983139 L63.8105942,22.5043894 C63.8105942,22.5043894 63.9681231,22.4983139 64.2360462,22.4958837 C64.5052096,22.4983139 64.6627385,22.5043894 64.6627385,22.5043894 L64.6627385,22.4983139 C69.2881327,22.5554236 91.9053058,24.1350542 103.241181,49.088357 C103.241181,49.088357 116.596402,81.4963011 86.3955173,100.279324 L86.3955173,100.279324 Z M128.473085,68.8191581 L128.473085,60.4677727 L117.036738,58.80187 L115.10794,49.3726905 L124.970238,43.4186983 L121.675777,35.7307578 L110.49619,38.6214817 L106.161046,32.1486416 L113.220075,23.080347 L107.361738,17.0716753 L97.9645846,23.7437918 L89.14545,17.842049 L91.8693346,6.72144964 L84.04995,3.59378109 L78.2114596,13.4628269 L69.5907865,11.8127205 L67.908825,0.48676924 L64.6627385,0.48676924 L63.8105942,0.48676924 L60.5645077,0.48676924 L58.8813058,11.8127205 L50.2618731,13.4628269 L44.4233827,3.59378109 L36.6039981,6.72144964 L39.3278827,17.842049 L30.5087481,23.7437918 L21.1103538,17.0716753 L15.2520173,23.080347 L22.3122865,32.1486416 L17.9771423,38.6214817 L6.79755577,35.7307578 L3.50185385,43.4186983 L13.3641519,49.3726905 L11.4365942,58.80187 L0.000248076923,60.4677727 L0.000248076923,68.8191581 L11.4365942,70.4850608 L13.1036712,79.0223566 L3.13718077,84.8050196 L6.29644038,92.5488548 L17.5244019,89.8513318 L23.4832096,98.5854738 L16.7466808,107.893143 L22.8134019,113.695248 L31.9699212,106.70356 L38.5067481,110.99651 L35.5881231,122.068505 L43.35045,125.332265 L49.3625942,115.565287 L58.8813058,117.47421 L60.5645077,128.801377 L63.6927577,128.801377 L64.780575,128.801377 L67.908825,128.801377 L69.5907865,117.47421 L79.1107385,115.565287 L85.1228827,125.332265 L92.8852096,122.068505 L89.9665846,110.99651 L96.5034115,106.70356 L105.659931,113.695248 L111.725412,107.893143 L104.988883,98.5854738 L110.94769,89.8513318 L122.175652,92.5488548 L125.334912,84.8050196 L115.369662,79.0223566 L117.035498,70.4850608 L128.473085,68.8191581 Z",
-              id: "Fill-1",
-              fill: "#51A749",
-              mask: "url(#mask-2)"
-            })
-          ])
-        ])
-      ])
-    ])
-  ]),
-  /* @__PURE__ */ createElementVNode("div", { class: "absolute" }, [
-    /* @__PURE__ */ createElementVNode("svg", {
-      class: "mt-8",
-      width: "70px",
-      height: "70px",
-      viewBox: "0 0 53 32",
-      version: "1.1",
-      xmlns: "http://www.w3.org/2000/svg",
-      "xmlns:xlink": "http://www.w3.org/1999/xlink"
+const _hoisted_1$h = { class: "aspect-w-1 aspect-h-1 overflow-hidden" };
+const _hoisted_2$e = { class: "flex justify-center relative" };
+const _hoisted_3$d = { class: "sr-only" };
+const _hoisted_4$b = /* @__PURE__ */ createElementVNode("div", { class: "animate-spin-gear" }, [
+  /* @__PURE__ */ createElementVNode("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 129 129",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [
+    /* @__PURE__ */ createElementVNode("defs", null, [
+      /* @__PURE__ */ createElementVNode("polygon", {
+        id: "path-1",
+        points: "0.000248076923 0.48676924 128.472837 0.48676924 128.472837 128.800648 0.000248076923 128.800648"
+      })
+    ]),
+    /* @__PURE__ */ createElementVNode("g", {
+      id: "Page-1",
+      stroke: "none",
+      "stroke-width": "1",
+      fill: "none",
+      "fill-rule": "evenodd"
     }, [
-      /* @__PURE__ */ createElementVNode("title", null, "Group 3 Copy"),
-      /* @__PURE__ */ createElementVNode("g", {
-        id: "Page-1",
-        stroke: "none",
-        "stroke-width": "1",
-        fill: "none",
-        "fill-rule": "evenodd"
-      }, [
-        /* @__PURE__ */ createElementVNode("g", { id: "Group-3-Copy" }, [
-          /* @__PURE__ */ createElementVNode("polygon", {
+      /* @__PURE__ */ createElementVNode("g", { id: "Group-6-Copy-3" }, [
+        /* @__PURE__ */ createElementVNode("g", { id: "Group-3" }, [
+          /* @__PURE__ */ createElementVNode("mask", {
+            id: "mask-2",
+            fill: "white"
+          }, [
+            /* @__PURE__ */ createElementVNode("use", { "xlink:href": "#path-1" })
+          ]),
+          /* @__PURE__ */ createElementVNode("g", { id: "Clip-2" }),
+          /* @__PURE__ */ createElementVNode("path", {
             id: "Fill-1",
-            fill: "#1F6DF4",
-            points: "0.7994 0.3999 11.2214 16.0009 0.7994 31.5999 11.2214 31.5999 16.4004 24.0149 21.1934 31.5999 31.9994 31.5999 21.4254 15.7449 26.0064 9.1719 20.6194 1.3729 16.1554 7.9149 11.2214 0.3999"
-          }),
-          /* @__PURE__ */ createElementVNode("polygon", {
-            id: "Fill-2",
+            d: "M86.3955173,100.279324 C86.3955173,100.279324 79.4778923,106.213874 64.2360462,106.755809 C48.9954404,106.213874 42.0778154,100.279324 42.0778154,100.279324 C11.8756904,81.4963011 25.2309115,49.088357 25.2309115,49.088357 C36.5680269,24.1350542 59.1839596,22.5554236 63.8105942,22.4983139 L63.8105942,22.5043894 C63.8105942,22.5043894 63.9681231,22.4983139 64.2360462,22.4958837 C64.5052096,22.4983139 64.6627385,22.5043894 64.6627385,22.5043894 L64.6627385,22.4983139 C69.2881327,22.5554236 91.9053058,24.1350542 103.241181,49.088357 C103.241181,49.088357 116.596402,81.4963011 86.3955173,100.279324 L86.3955173,100.279324 Z M128.473085,68.8191581 L128.473085,60.4677727 L117.036738,58.80187 L115.10794,49.3726905 L124.970238,43.4186983 L121.675777,35.7307578 L110.49619,38.6214817 L106.161046,32.1486416 L113.220075,23.080347 L107.361738,17.0716753 L97.9645846,23.7437918 L89.14545,17.842049 L91.8693346,6.72144964 L84.04995,3.59378109 L78.2114596,13.4628269 L69.5907865,11.8127205 L67.908825,0.48676924 L64.6627385,0.48676924 L63.8105942,0.48676924 L60.5645077,0.48676924 L58.8813058,11.8127205 L50.2618731,13.4628269 L44.4233827,3.59378109 L36.6039981,6.72144964 L39.3278827,17.842049 L30.5087481,23.7437918 L21.1103538,17.0716753 L15.2520173,23.080347 L22.3122865,32.1486416 L17.9771423,38.6214817 L6.79755577,35.7307578 L3.50185385,43.4186983 L13.3641519,49.3726905 L11.4365942,58.80187 L0.000248076923,60.4677727 L0.000248076923,68.8191581 L11.4365942,70.4850608 L13.1036712,79.0223566 L3.13718077,84.8050196 L6.29644038,92.5488548 L17.5244019,89.8513318 L23.4832096,98.5854738 L16.7466808,107.893143 L22.8134019,113.695248 L31.9699212,106.70356 L38.5067481,110.99651 L35.5881231,122.068505 L43.35045,125.332265 L49.3625942,115.565287 L58.8813058,117.47421 L60.5645077,128.801377 L63.6927577,128.801377 L64.780575,128.801377 L67.908825,128.801377 L69.5907865,117.47421 L79.1107385,115.565287 L85.1228827,125.332265 L92.8852096,122.068505 L89.9665846,110.99651 L96.5034115,106.70356 L105.659931,113.695248 L111.725412,107.893143 L104.988883,98.5854738 L110.94769,89.8513318 L122.175652,92.5488548 L125.334912,84.8050196 L115.369662,79.0223566 L117.035498,70.4850608 L128.473085,68.8191581 Z",
             fill: "#51A749",
-            points: "41.978 0.3999 36.799 7.6269 32.006 0.3999 21.2 0.3999 31.775 15.5069 27.194 21.7689 32.27 29.1999 52.4 0.3999"
+            mask: "url(#mask-2)"
           })
         ])
       ])
     ])
   ])
 ], -1);
+const _hoisted_5$a = /* @__PURE__ */ createElementVNode("div", { class: "absolute top-0 left-0 right-0 bottom-0 flex justify-center items-center transform scale-50" }, [
+  /* @__PURE__ */ createElementVNode("svg", {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 53 32",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "xmlns:xlink": "http://www.w3.org/1999/xlink"
+  }, [
+    /* @__PURE__ */ createElementVNode("g", {
+      id: "Page-1",
+      stroke: "none",
+      "stroke-width": "1",
+      fill: "none",
+      "fill-rule": "evenodd"
+    }, [
+      /* @__PURE__ */ createElementVNode("g", { id: "Group-3-Copy" }, [
+        /* @__PURE__ */ createElementVNode("polygon", {
+          id: "Fill-1",
+          fill: "#1F6DF4",
+          points: "0.7994 0.3999 11.2214 16.0009 0.7994 31.5999 11.2214 31.5999 16.4004 24.0149 21.1934 31.5999 31.9994 31.5999 21.4254 15.7449 26.0064 9.1719 20.6194 1.3729 16.1554 7.9149 11.2214 0.3999"
+        }),
+        /* @__PURE__ */ createElementVNode("polygon", {
+          id: "Fill-2",
+          fill: "#51A749",
+          points: "41.978 0.3999 36.799 7.6269 32.006 0.3999 21.2 0.3999 31.775 15.5069 27.194 21.7689 32.27 29.1999 52.4 0.3999"
+        })
+      ])
+    ])
+  ])
+], -1);
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  setup(__props) {
+    const attrs = useAttrs();
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(((_a = unref(attrs)) == null ? void 0 : _a.class) ? (_b = unref(attrs)) == null ? void 0 : _b.class : "h-20 w-20")
+      }, [
+        createElementVNode("div", _hoisted_1$h, [
+          createElementVNode("div", _hoisted_2$e, [
+            createElementVNode("p", _hoisted_3$d, [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _hoisted_4$b,
+            _hoisted_5$a
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$g = {
+  key: 0,
+  class: "fixed top-0 left-0 flex flex-col items-center justify-center w-full h-full cursor-not-allowed z-50 bg-gray-50 bg-opacity-50"
+};
+const _hoisted_2$d = { class: "mt-2" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   setup(__props) {
-    const idx = ref(0);
-    const loading = ref(false);
-    const maxIdx = ref(0);
-    const messages = ref([]);
-    const msg = ref("");
-    const showMsg = ref(false);
+    const { idx, loading, maxIdx, messages, msg, showMsg } = useAppSpinnerDisplay();
     const fadeIn = () => {
       idx.value++;
       if (idx.value > maxIdx.value) {
@@ -8003,50 +8200,30 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         showMsg.value = false;
       }, 2500);
     };
-    onMounted(() => {
-      window.VueBus.on("Spinner-show", (spinMessages) => {
-        if (spinMessages) {
-          messages.value = spinMessages;
-          maxIdx.value = spinMessages.length - 1;
-          msg.value = messages.value[idx.value];
-          showMsg.value = true;
-        }
-        loading.value = true;
-      });
-      window.VueBus.on("Spinner-hide", () => {
-        idx.value = 0;
-        maxIdx.value = 0;
-        messages.value = [];
-        msg.value = "";
-        loading.value = false;
-      });
-    });
     return (_ctx, _cache) => {
-      return loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-        createElementVNode("div", null, [
-          _hoisted_2$d,
-          withDirectives(createElementVNode("div", null, [
-            createVNode(Transition, {
-              appear: "",
-              "enter-active-class": "ease-out duration-1000",
-              "enter-from-class": "opacity-0",
-              "enter-to-class": "opacity-100",
-              "leave-active-class": "ease-in duration-500",
-              "leave-from-class": "opacity-100",
-              "leave-to-class": "opacity-0",
-              onAfterEnter: fadeOut,
-              onAfterLeave: fadeIn
-            }, {
-              default: withCtx(() => [
-                withDirectives(createElementVNode("div", { class: "text-center transition-opacity" }, toDisplayString(msg.value), 513), [
-                  [vShow, showMsg.value]
-                ])
-              ]),
-              _: 1
-            })
-          ], 512), [
-            [vShow, messages.value]
-          ])
+      return unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+        createVNode(_sfc_main$j, { class: "w-32 h-32" }),
+        withDirectives(createElementVNode("div", _hoisted_2$d, [
+          createVNode(Transition, {
+            appear: "",
+            "enter-active-class": "ease-out duration-1000",
+            "enter-from-class": "opacity-0",
+            "enter-to-class": "opacity-100",
+            "leave-active-class": "ease-in duration-500",
+            "leave-from-class": "opacity-100",
+            "leave-to-class": "opacity-0",
+            onAfterEnter: fadeOut,
+            onAfterLeave: fadeIn
+          }, {
+            default: withCtx(() => [
+              withDirectives(createElementVNode("div", { class: "container font-medium text-lg leading-snug text-center transition-opacity" }, toDisplayString(unref(msg)), 513), [
+                [vShow, unref(showMsg)]
+              ])
+            ]),
+            _: 1
+          })
+        ], 512), [
+          [vShow, unref(messages)]
         ])
       ])) : createCommentVNode("", true);
     };
@@ -8324,7 +8501,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        createVNode(_sfc_main$k),
+        createVNode(_sfc_main$l),
         createVNode(_sfc_main$i)
       ], 64);
     };
@@ -8874,7 +9051,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        createVNode(_sfc_main$k),
+        createVNode(_sfc_main$l),
         createVNode(_sfc_main$i)
       ], 64);
     };
@@ -9194,7 +9371,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         };
         items.value = success.data.items;
       }, () => {
-        window.VueBus.emit("Flash-show-generic-error", "membership@xyplanningnetwork.com");
+        useAppFlasher.genericError();
       });
     };
     const reloadTable = () => {
@@ -9235,7 +9412,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ])
           ])) : createCommentVNode("", true),
           __props.tableData.dateSearch ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
-            createVNode(_sfc_main$q, {
+            createVNode(_sfc_main$r, {
               modelValue: dateRange.value,
               "onUpdate:modelValue": [
                 _cache[2] || (_cache[2] = ($event) => dateRange.value = $event),
@@ -9300,7 +9477,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        unref(hasContent) ? (openBlock(), createBlock(_sfc_main$n, {
+        unref(hasContent) ? (openBlock(), createBlock(_sfc_main$o, {
           key: 0,
           modelValue: pagination.value,
           "onUpdate:modelValue": [
@@ -9446,21 +9623,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             checked: __props.modelValue,
             class: "focus:ring-blue-500 h-4 w-4 text-blue-500 border-gray-600 rounded disabled:opacity-50 disabled:cursor-not-allowed",
             type: "checkbox"
-          }, __spreadValues({
+          }, {
             onChange: ($event) => {
               emits("update:modelValue", $event.target.checked);
-            }
-          }, _ctx.$attrs)), null, 16, _hoisted_3$4)
+            },
+            ..._ctx.$attrs
+          }), null, 16, _hoisted_3$4)
         ]),
         createElementVNode("div", _hoisted_4$4, [
-          createVNode(_sfc_main$t, {
+          createVNode(_sfc_main$u, {
             class: "mt-auto",
             disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false,
             id: `${unref(uuid)}-label`,
             for: unref(uuid),
             label: __props.label
           }, null, 8, ["disabled", "id", "for", "label"]),
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$t, {
             class: "-mt-1",
             id: `${unref(uuid)}-help`,
             text: __props.help
@@ -9487,9 +9665,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return unref(hasSlotContent)(_ctx.$slots.default) ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), normalizeProps(mergeProps({ key: 0 }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
+      return unref(hasSlotContent)(_ctx.$slots.default) ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), normalizeProps(mergeProps({ key: 0 }, {
+        ..._ctx.$attrs,
         class: "text-sm font-semibold leading-snug text-gray-900"
-      }))), {
+      })), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -9550,7 +9729,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["id"]),
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$t, {
             tag: "p",
             text: __props.help,
             id: `${unref(uuid)}-help`
@@ -9579,21 +9758,22 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     disabled: option.disabled === true ? true : void 0,
                     class: "focus:ring-blue-500 h-4 w-4 text-blue-500 border-gray-600 rounded disabled:opacity-50 disabled:cursor-not-allowed",
                     type: "checkbox"
-                  }, __spreadValues({
+                  }, {
                     onChange: ($event) => {
                       onChange($event.target.checked, option.value);
-                    }
-                  }, _ctx.$attrs)), null, 16, _hoisted_6$2)
+                    },
+                    ..._ctx.$attrs
+                  }), null, 16, _hoisted_6$2)
                 ]),
                 createElementVNode("div", _hoisted_7$1, [
-                  createVNode(_sfc_main$t, {
+                  createVNode(_sfc_main$u, {
                     class: "mt-auto",
                     disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false || option.disabled === true,
                     id: `${unref(uuid)}-${index}-label`,
                     for: `${unref(uuid)}-${index}`,
                     label: option.label
                   }, null, 8, ["disabled", "id", "for", "label"]),
-                  createVNode(_sfc_main$s, {
+                  createVNode(_sfc_main$t, {
                     class: "-mt-1",
                     id: `${unref(uuid)}-${index}-help`,
                     text: option.help
@@ -9650,7 +9830,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["id"]),
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$t, {
             tag: "p",
             text: __props.help,
             id: `${unref(uuid)}-help`
@@ -9681,21 +9861,22 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                     name: unref(uuid),
                     type: "radio",
                     value: option.value
-                  }, __spreadValues({
+                  }, {
                     onChange: () => {
                       emits("update:modelValue", option.value);
-                    }
-                  }, _ctx.$attrs)), null, 16, _hoisted_6$1)
+                    },
+                    ..._ctx.$attrs
+                  }), null, 16, _hoisted_6$1)
                 ]),
                 createElementVNode("div", _hoisted_7, [
-                  createVNode(_sfc_main$t, {
+                  createVNode(_sfc_main$u, {
                     class: "mt-auto",
                     disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false || option.disabled === true,
                     id: `${unref(uuid)}-${index}-label`,
                     for: `${unref(uuid)}-${index}`,
                     label: option.label
                   }, null, 8, ["disabled", "id", "for", "label"]),
-                  createVNode(_sfc_main$s, {
+                  createVNode(_sfc_main$t, {
                     class: "-mt-1",
                     id: `${unref(uuid)}-${index}-help`,
                     text: option.help
@@ -9729,7 +9910,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     const attrs = useAttrs();
-    const uuid = attrs.id || Uniques.CreateIdAttribute();
+    const uuid = Uniques.CreateIdAttribute();
     const internalState = ref();
     const invalid = ref();
     const checked = computed(() => {
@@ -9771,7 +9952,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true),
           __props.help ? (openBlock(), createBlock(unref(RadioGroupDescription), { key: 1 }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$s, { text: __props.help }, null, 8, ["text"])
+              createVNode(_sfc_main$t, { text: __props.help }, null, 8, ["text"])
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -9806,7 +9987,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_3$1, [
                         createVNode(unref(RadioGroupLabel), { as: "div" }, {
                           default: withCtx(() => [
-                            createVNode(_sfc_main$t, {
+                            createVNode(_sfc_main$u, {
                               tag: "div",
                               class: "mt-auto mb-auto",
                               label: option.label
@@ -9819,7 +10000,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           as: "div"
                         }, {
                           default: withCtx(() => [
-                            createVNode(_sfc_main$s, {
+                            createVNode(_sfc_main$t, {
                               tag: "div",
                               class: "mt-auto",
                               text: option.help
@@ -9833,13 +10014,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                             class: "font-semibold leading-snug mt-4 text-gray-900 text-sm"
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(toDisplayString(option.sublabel) + " ", 1),
                               renderSlot(_ctx.$slots, "sublabel", {
                                 active,
                                 checked: checked2,
                                 disabled,
                                 option
-                              })
+                              }, () => [
+                                createTextVNode(toDisplayString(option.sublabel), 1)
+                              ])
                             ]),
                             _: 2
                           }, 1024)
@@ -9894,7 +10076,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const uuid = attrs.id || Uniques.CreateIdAttribute();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$t, {
+        createVNode(_sfc_main$u, {
           class: "block",
           id: `${unref(uuid)}-label`,
           for: unref(uuid),
@@ -9920,7 +10102,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           value: __props.modelValue,
           onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value))
         }, _ctx.$attrs), null, 16, _hoisted_1$1),
-        createVNode(_sfc_main$s, {
+        createVNode(_sfc_main$t, {
           id: `${unref(uuid)}-help`,
           text: __props.help
         }, null, 8, ["id", "text"])
@@ -9962,12 +10144,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "aria-describedby": __props.help ? `${unref(uuid)}-help` : void 0
       }, [
         __props.legend || __props.help ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(_sfc_main$t, {
+          createVNode(_sfc_main$u, {
             class: "block my-auto",
             label: __props.legend,
             tag: "legend"
           }, null, 8, ["label"]),
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$t, {
             tag: "p",
             text: __props.help,
             id: `${unref(uuid)}-help`
@@ -9985,10 +10167,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               name: unref(hasNameAttr) ? __props.name : unref(uuid),
               value: true,
               checked: __props.modelValue === true
-            }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
+            }, {
+              ..._ctx.$attrs,
               onChange
-            })), null, 16, _hoisted_4),
-            createVNode(_sfc_main$t, {
+            }), null, 16, _hoisted_4),
+            createVNode(_sfc_main$u, {
               class: "ml-2",
               disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false,
               label: "Yes",
@@ -10006,10 +10189,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               name: unref(hasNameAttr) ? __props.name : unref(uuid),
               value: false,
               checked: __props.modelValue === false
-            }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
+            }, {
+              ..._ctx.$attrs,
               onChange
-            })), null, 16, _hoisted_6),
-            createVNode(_sfc_main$t, {
+            }), null, 16, _hoisted_6),
+            createVNode(_sfc_main$u, {
               class: "ml-2",
               disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false,
               label: "No",
@@ -10024,21 +10208,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
-  ActionsDropdown: _sfc_main$w,
-  Cards: _sfc_main$v,
-  ContentModal: _sfc_main$u,
-  DateFilter: _sfc_main$o,
-  DetailList: _sfc_main$m,
-  DownloadCell: _sfc_main$l,
-  Flash: _sfc_main$k,
-  Modal: _sfc_main$j,
+  ActionsDropdown: _sfc_main$x,
+  Cards: _sfc_main$w,
+  ContentModal: _sfc_main$v,
+  DateFilter: _sfc_main$p,
+  DetailList: _sfc_main$n,
+  DownloadCell: _sfc_main$m,
+  Flash: _sfc_main$l,
+  Modal: _sfc_main$k,
   SidebarLayout: _sfc_main$h,
   Slideover: _sfc_main$e,
   StackedLayout: _sfc_main$c,
   Popover: _sfc_main$g,
   PopoverContent,
   PopoverPosition: _sfc_main$g,
-  Paginator: _sfc_main$n,
+  Paginator: _sfc_main$o,
   Spinner: _sfc_main$i,
   StaticTable: _sfc_main$b,
   Steps: _sfc_main$a,
@@ -10046,95 +10230,23 @@ var components = /* @__PURE__ */ Object.freeze({
   Tabs: _sfc_main$8,
   Toggle: _sfc_main$7,
   Tooltip: _sfc_main$d,
-  BaseInput: _sfc_main$r,
+  BaseInput: _sfc_main$s,
   Checkbox: _sfc_main$6,
-  DateRangePicker: _sfc_main$q,
-  InputHelp: _sfc_main$s,
-  InputLabel: _sfc_main$t,
+  DateRangePicker: _sfc_main$r,
+  InputHelp: _sfc_main$t,
+  InputLabel: _sfc_main$u,
   FieldsetLegend: _sfc_main$5,
   MultiCheckboxes: _sfc_main$4,
   Radio: _sfc_main$3,
   RadioCards: _sfc_main$2,
-  Select: _sfc_main$p,
+  Select: _sfc_main$q,
   TextArea: _sfc_main$1,
-  YesOrNoRadio: _sfc_main
+  YesOrNoRadio: _sfc_main,
+  XYSpinner: _sfc_main$j
 });
-function useBaseAPI(path, method = "GET", initOpts = {}) {
-  const result = ref();
-  const error = shallowRef();
-  const hasFetched = ref(false);
-  const isFinished = ref(false);
-  const isLoading = ref(false);
-  const isAborted = ref(false);
-  let requestCount = 0;
-  let controller;
-  const abort = () => {
-    if (controller !== void 0) {
-      controller.abort();
-    }
-  };
-  const execute = (data2 = {}, opts = {}) => {
-    requestCount++;
-    const count = requestCount;
-    controller = new AbortController();
-    isAborted.value = false;
-    isFinished.value = false;
-    isLoading.value = true;
-    const requestConfig = {
-      data: ["POST", "post", "PUT", "put"].includes(method) ? data2 : {},
-      method,
-      params: ["GET", "get"].includes(method) ? data2 : {},
-      signal: controller.signal,
-      url: path
-    };
-    return BaseAPI.makeRequest(requestConfig, __spreadValues(__spreadValues({}, initOpts), opts)).then((success) => {
-      result.value = success;
-      error.value = void 0;
-      isAborted.value = false;
-      return success;
-    }, (err) => {
-      error.value = err;
-      if (axios.isCancel(err)) {
-        isAborted.value = true;
-      }
-      throw err;
-    }).finally(() => {
-      if (count == requestCount) {
-        isFinished.value = true;
-        isLoading.value = false;
-      }
-      hasFetched.value = true;
-    });
-  };
-  if ((initOpts == null ? void 0 : initOpts.immediate) && initOpts.immediate === true) {
-    execute();
-  }
-  return {
-    result,
-    error,
-    isFinished,
-    isLoading,
-    isAborted,
-    hasFetched,
-    abort,
-    execute
-  };
-}
-function useBaseAPIGet(url, opts = {}) {
-  return useBaseAPI(url, "GET", opts);
-}
-function useBaseAPIDelete(url, opts = {}) {
-  return useBaseAPI(url, "DELETE", opts);
-}
-function useBaseAPIPost(url, opts = {}) {
-  return useBaseAPI(url, "POST", opts);
-}
-function useBaseAPIPut(url, opts = {}) {
-  return useBaseAPI(url, "PUT", opts);
-}
 const install = function installTrees(app) {
   Object.entries(components).forEach(([componentName, component]) => {
     app.component(componentName, component);
   });
 };
-export { _sfc_main$w as ActionsDropdown, BaseAPI, _sfc_main$r as BaseInput, _sfc_main$v as Cards, _sfc_main$6 as Checkbox, _sfc_main$u as ContentModal, _sfc_main$o as DateFilter, _sfc_main$q as DateRangePicker, _sfc_main$m as DetailList, _sfc_main$l as DownloadCell, _sfc_main$5 as FieldsetLegend, _sfc_main$k as Flash, _sfc_main$s as InputHelp, _sfc_main$t as InputLabel, _sfc_main$j as Modal, _sfc_main$4 as MultiCheckboxes, _sfc_main$n as Paginator, _sfc_main$g as Popover, PopoverContent, _sfc_main$g as PopoverPosition, _sfc_main$3 as Radio, _sfc_main$2 as RadioCards, _sfc_main$p as Select, _sfc_main$h as SidebarLayout, _sfc_main$e as Slideover, _sfc_main$i as Spinner, _sfc_main$c as StackedLayout, _sfc_main$b as StaticTable, _sfc_main$a as Steps, _sfc_main$9 as Table, _sfc_main$8 as Tabs, _sfc_main$1 as TextArea, _sfc_main$7 as Toggle, _sfc_main$d as Tooltip, _sfc_main as YesOrNoRadio, install as default, useBaseAPI, useBaseAPIDelete, useBaseAPIGet, useBaseAPIPost, useBaseAPIPut };
+export { _sfc_main$x as ActionsDropdown, BaseAPI, _sfc_main$s as BaseInput, _sfc_main$w as Cards, _sfc_main$6 as Checkbox, _sfc_main$v as ContentModal, _sfc_main$p as DateFilter, _sfc_main$r as DateRangePicker, _sfc_main$n as DetailList, _sfc_main$m as DownloadCell, _sfc_main$5 as FieldsetLegend, _sfc_main$l as Flash, _sfc_main$t as InputHelp, _sfc_main$u as InputLabel, _sfc_main$k as Modal, _sfc_main$4 as MultiCheckboxes, _sfc_main$o as Paginator, _sfc_main$g as Popover, PopoverContent, _sfc_main$g as PopoverPosition, _sfc_main$3 as Radio, _sfc_main$2 as RadioCards, _sfc_main$q as Select, _sfc_main$h as SidebarLayout, _sfc_main$e as Slideover, _sfc_main$i as Spinner, _sfc_main$c as StackedLayout, _sfc_main$b as StaticTable, _sfc_main$a as Steps, _sfc_main$9 as Table, _sfc_main$8 as Tabs, _sfc_main$1 as TextArea, _sfc_main$7 as Toggle, _sfc_main$d as Tooltip, _sfc_main$j as XYSpinner, _sfc_main as YesOrNoRadio, install as default, useAppFlasher, useAppFlashes, useAppSpinner, useBaseAPI, useBaseAPIDelete, useBaseAPIGet, useBaseAPIPost, useBaseAPIPut, useFlashes, useSpinnerDisplay };