@xy-planning-network/trees 0.4.2 → 0.4.3

package/dist/trees.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { cloneVNode, h, inject, provide, watchEffect, defineComponent, ref, onUnmounted, Teleport, reactive, onUpdated, computed, onMounted, nextTick, watch, openBlock, createBlock, createVNode, unref, withCtx, Transition, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, renderSlot, resolveDynamicComponent, normalizeProps, mergeProps, createTextVNode, useAttrs, withModifiers, TransitionGroup, withDirectives, vShow, normalizeStyle, getCurrentInstance, vModelText, resolveComponent, vModelCheckbox } from "vue";
+import { cloneVNode, h, inject, provide, watchEffect, defineComponent, ref, onUnmounted, Teleport, reactive, onUpdated, computed, onMounted, nextTick, watch, openBlock, createBlock, createVNode, unref, 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 } from "vue";
 var axios$2 = { exports: {} };
 var bind$2 = function bind(fn, thisArg) {
   return function wrap() {
@@ -4172,8 +4172,8 @@ function render$5(_ctx, _cache) {
 }
 const _hoisted_1$q = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Open options", -1);
 const _hoisted_2$k = { class: "py-1" };
-const _hoisted_3$h = ["textContent", "onClick"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _hoisted_3$j = ["textContent", "onClick"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   props: {
     currentUser: null,
     items: null,
@@ -4249,7 +4249,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                               ]),
                               textContent: toDisplayString(item.label),
                               onClick: ($event) => emitEvent(item.event)
-                            }, null, 10, _hoisted_3$h)
+                            }, null, 10, _hoisted_3$j)
                           ]),
                           _: 2
                         }, 1024)) : createCommentVNode("", true)
@@ -4270,8 +4270,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$p = { class: "px-4 py-5 sm:p-6 text-center" };
 const _hoisted_2$j = ["textContent"];
-const _hoisted_3$g = ["textContent"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _hoisted_3$i = ["textContent"];
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   props: {
     cards: null
   },
@@ -4294,7 +4294,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 createElementVNode("dt", {
                   class: "text-sm leading-5 font-medium text-gray-700 truncate",
                   textContent: toDisplayString(card.secondary)
-                }, null, 8, _hoisted_3$g)
+                }, null, 8, _hoisted_3$i)
               ])
             ])
           ]);
@@ -4308,11 +4308,11 @@ const _hoisted_2$i = /* @__PURE__ */ createElementVNode("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
 }, "\u200B", -1);
-const _hoisted_3$f = { 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$b = { class: "mt-3 text-center sm:mt-5" };
-const _hoisted_5$9 = { class: "mt-2" };
-const _hoisted_6$9 = { class: "mt-5 sm:mt-6" };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _hoisted_3$h = { 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$e = { class: "mt-3 text-center sm:mt-5" };
+const _hoisted_5$c = { class: "mt-2" };
+const _hoisted_6$c = { class: "mt-5 sm:mt-6" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     title: { default: "" }
@@ -4362,20 +4362,20 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_3$f, [
+                    createElementVNode("div", _hoisted_3$h, [
                       createElementVNode("div", null, [
                         renderSlot(_ctx.$slots, "icon"),
-                        createElementVNode("div", _hoisted_4$b, [
+                        createElementVNode("div", _hoisted_4$e, [
                           createVNode(unref(DialogTitle), {
                             as: "h3",
                             textContent: toDisplayString(__props.title)
                           }, null, 8, ["textContent"]),
-                          createElementVNode("div", _hoisted_5$9, [
+                          createElementVNode("div", _hoisted_5$c, [
                             renderSlot(_ctx.$slots, "default")
                           ])
                         ])
                       ]),
-                      createElementVNode("div", _hoisted_6$9, [
+                      createElementVNode("div", _hoisted_6$c, [
                         createElementVNode("button", {
                           type: "button",
                           class: "inline-flex justify-center w-full xy-btn",
@@ -6489,25 +6489,30 @@ if (typeof window !== "undefined") {
   window.flatpickr = flatpickr;
 }
 var flatpickr_min = "";
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   props: {
+    disabled: { type: Boolean, default: false },
     label: { default: "" },
     tag: { default: "label" }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return __props.label ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), normalizeProps(mergeProps({ key: 0 }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
-        class: "block my-1 text-sm font-semibold leading-snug text-gray-900"
-      }))), {
+      return __props.label ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({
+        key: 0,
+        class: {
+          "block my-1 text-sm font-semibold leading-snug text-gray-900": true,
+          "opacity-75": __props.disabled
+        }
+      }, __spreadValues({}, _ctx.$attrs)), {
         default: withCtx(() => [
           createTextVNode(toDisplayString(__props.label), 1)
         ]),
         _: 1
-      }, 16)) : createCommentVNode("", true);
+      }, 16, ["class"])) : createCommentVNode("", true);
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   props: {
     tag: { default: "div" },
     text: { default: "" }
@@ -6515,7 +6520,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return __props.text ? (openBlock(), createBlock(resolveDynamicComponent(__props.tag), normalizeProps(mergeProps({ key: 0 }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
-        class: "mt-2 text-sm leading-snug font-semibold text-gray-700"
+        class: "mt-1 text-sm leading-snug font-normal text-gray-700"
       }))), {
         default: withCtx(() => [
           createTextVNode(toDisplayString(__props.text), 1)
@@ -6526,7 +6531,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$n = ["aria-labelledby", "aria-describedby", "id", "placeholder", "type", "value"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   props: {
     type: null,
     help: { default: "" },
@@ -6557,7 +6562,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$r, {
+        createVNode(_sfc_main$s, {
           class: "block",
           id: `${unref(uuid)}-label`,
           for: unref(uuid),
@@ -6575,7 +6580,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               "focus:border-blue-500",
               "border-gray-600",
               "rounded-md",
-              "w-full"
+              "w-full",
+              "disabled:opacity-70",
+              "disabled:cursor-not-allowed"
             ] : []
           ],
           id: unref(uuid),
@@ -6584,7 +6591,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           value: __props.modelValue,
           onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value))
         }, _ctx.$attrs), null, 16, _hoisted_1$n),
-        createVNode(_sfc_main$q, {
+        createVNode(_sfc_main$r, {
           id: `${unref(uuid)}-help`,
           text: __props.help
         }, null, 8, ["id", "text"])
@@ -6592,7 +6599,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     startDate: { default: 0 },
@@ -6629,7 +6636,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$p, {
+      return openBlock(), createBlock(_sfc_main$q, {
         type: "text",
         placeholder: "mm-dd-yyyy range",
         id: unref(uuid),
@@ -6646,8 +6653,8 @@ const _hoisted_2$h = {
   disabled: "",
   selected: ""
 };
-const _hoisted_3$e = ["value", "textContent"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_3$g = ["value", "textContent"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   props: {
     design: { default: "standard" },
     label: { default: "" },
@@ -6663,13 +6670,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const uuid = attrs.id || Uniques.CreateIdAttribute();
     const classes = computed(() => {
       return {
-        standard: "mt-1 block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
-        compressed: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-600 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm"
+        standard: "mt-1 block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm disabled:opacity-70 disabled:cursor-not-allowed",
+        compressed: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-600 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm  disabled:opacity-70 disabled:cursor-not-allowed"
       }[props.design];
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$r, {
+        createVNode(_sfc_main$s, {
           id: `${unref(uuid)}-label`,
           for: unref(uuid),
           label: __props.label
@@ -6691,10 +6698,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               value: option.value,
               textContent: toDisplayString(option.label),
               key: option.value
-            }, null, 8, _hoisted_3$e);
+            }, null, 8, _hoisted_3$g);
           }), 128))
         ], 16, _hoisted_1$m),
-        createVNode(_sfc_main$q, {
+        createVNode(_sfc_main$r, {
           id: `${unref(uuid)}-help`,
           text: __props.help
         }, null, 8, ["id", "text"])
@@ -6704,9 +6711,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$l = { class: "md:flex md:items-center md:justify-between bg-white mx-auto py-4 border-t border-gray-100" };
 const _hoisted_2$g = { class: "flex-1 min-w-0" };
-const _hoisted_3$d = { class: "text-lg leading-6 font-semibold text-gray-900" };
-const _hoisted_4$a = { class: "mt-4 flex md:mt-0 md:ml-4" };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_3$f = { class: "text-lg leading-6 font-semibold text-gray-900" };
+const _hoisted_4$d = { class: "mt-4 flex md:mt-0 md:ml-4" };
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
     dateRange: null,
     sortDir: null,
@@ -6730,10 +6737,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$l, [
         createElementVNode("div", _hoisted_2$g, [
-          createElementVNode("h1", _hoisted_3$d, toDisplayString(__props.title), 1)
+          createElementVNode("h1", _hoisted_3$f, toDisplayString(__props.title), 1)
         ]),
-        createElementVNode("div", _hoisted_4$a, [
-          createVNode(_sfc_main$n, {
+        createElementVNode("div", _hoisted_4$d, [
+          createVNode(_sfc_main$o, {
             modelValue: sortDir.value,
             "onUpdate:modelValue": [
               _cache[0] || (_cache[0] = ($event) => sortDir.value = $event),
@@ -6741,7 +6748,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             ],
             options: sortOptions
           }, null, 8, ["modelValue"]),
-          createVNode(_sfc_main$o, {
+          createVNode(_sfc_main$p, {
             modelValue: dateRange.value,
             "onUpdate:modelValue": [
               _cache[1] || (_cache[1] = ($event) => dateRange.value = $event),
@@ -6756,7 +6763,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$k = { class: "px-4 flex items-center justify-between sm:px-0" };
 const _hoisted_2$f = { class: "w-0 flex-1 flex" };
-const _hoisted_3$c = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_3$e = /* @__PURE__ */ createElementVNode("svg", {
   class: "mr-3 h-5 w-5",
   fill: "currentColor",
   viewBox: "0 0 20 20"
@@ -6767,12 +6774,12 @@ const _hoisted_3$c = /* @__PURE__ */ createElementVNode("svg", {
     "clip-rule": "evenodd"
   })
 ], -1);
-const _hoisted_4$9 = /* @__PURE__ */ createTextVNode(" Previous ");
-const _hoisted_5$8 = [
-  _hoisted_3$c,
-  _hoisted_4$9
+const _hoisted_4$c = /* @__PURE__ */ createTextVNode(" Previous ");
+const _hoisted_5$b = [
+  _hoisted_3$e,
+  _hoisted_4$c
 ];
-const _hoisted_6$8 = { class: "hidden md:flex" };
+const _hoisted_6$b = { class: "hidden md:flex" };
 const _hoisted_7$8 = ["textContent", "onClick"];
 const _hoisted_8$8 = { class: "w-0 flex-1 flex justify-end" };
 const _hoisted_9$8 = /* @__PURE__ */ createTextVNode(" Next ");
@@ -6791,7 +6798,7 @@ const _hoisted_11$5 = [
   _hoisted_9$8,
   _hoisted_10$8
 ];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null
   },
@@ -6833,9 +6840,9 @@ const _sfc_main$l = /* @__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$8, 2)
+          }, _hoisted_5$b, 2)
         ]),
-        createElementVNode("div", _hoisted_6$8, [
+        createElementVNode("div", _hoisted_6$b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pageShortcuts), (i) => {
             return openBlock(), createElementBlock("a", {
               href: "#",
@@ -6867,7 +6874,7 @@ const _hoisted_1$j = {
   key: 0,
   class: "shadow overflow-hidden sm:rounded-md border"
 };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   props: {
     refreshTrigger: { default: 0 },
     reloadTrigger: { default: 0 },
@@ -6922,7 +6929,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     loadAndRender(true);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$m, {
+        createVNode(_sfc_main$n, {
           "date-range": dateRange.value,
           "sort-dir": sortDir.value,
           title: __props.title,
@@ -6941,7 +6948,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             }), 128))
           ])
         ])) : renderSlot(_ctx.$slots, "empty", { key: 1 }),
-        hasContent.value ? (openBlock(), createBlock(_sfc_main$l, {
+        hasContent.value ? (openBlock(), createBlock(_sfc_main$m, {
           key: 2,
           modelValue: pagination.value,
           "onUpdate:modelValue": [
@@ -6954,7 +6961,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$i = ["href"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   props: {
     propsData: null,
     attribute: null
@@ -6971,10 +6978,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$h = { 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$e = { class: "rounded-lg ring-1 ring-black ring-opacity-5 overflow-hidden" };
-const _hoisted_3$b = { class: "p-4" };
-const _hoisted_4$8 = { class: "flex items-center" };
-const _hoisted_5$7 = { class: "w-0 flex-1 flex justify-between" };
-const _hoisted_6$7 = ["innerHTML"];
+const _hoisted_3$d = { class: "p-4" };
+const _hoisted_4$b = { class: "flex items-center" };
+const _hoisted_5$a = { class: "w-0 flex-1 flex justify-between" };
+const _hoisted_6$a = ["innerHTML"];
 const _hoisted_7$7 = { class: "ml-4 flex-shrink-0 flex" };
 const _hoisted_8$7 = ["onClick"];
 const _hoisted_9$7 = /* @__PURE__ */ createElementVNode("svg", {
@@ -6991,7 +6998,7 @@ const _hoisted_9$7 = /* @__PURE__ */ createElementVNode("svg", {
 const _hoisted_10$7 = [
   _hoisted_9$7
 ];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const flashes = ref([]);
     const flashTypeBorderClass = {
@@ -7064,13 +7071,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["bg-white shadow-lg rounded-lg pointer-events-auto border-t-4 transform", [{ "mt-2": idx > 0 }, getFlashClass(flash)]])
               }, [
                 createElementVNode("div", _hoisted_2$e, [
-                  createElementVNode("div", _hoisted_3$b, [
-                    createElementVNode("div", _hoisted_4$8, [
-                      createElementVNode("div", _hoisted_5$7, [
+                  createElementVNode("div", _hoisted_3$d, [
+                    createElementVNode("div", _hoisted_4$b, [
+                      createElementVNode("div", _hoisted_5$a, [
                         createElementVNode("p", {
                           class: "w-0 flex-1 text-sm leading-5 font-medium text-gray-900",
                           innerHTML: flash.message
-                        }, null, 8, _hoisted_6$7)
+                        }, null, 8, _hoisted_6$a)
                       ]),
                       createElementVNode("div", _hoisted_7$7, [
                         createElementVNode("button", {
@@ -7175,10 +7182,10 @@ const _hoisted_2$d = /* @__PURE__ */ createElementVNode("span", {
   class: "hidden sm:inline-block sm:align-middle sm:h-screen",
   "aria-hidden": "true"
 }, "\u200B", -1);
-const _hoisted_3$a = { 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$7 = { class: "block absolute top-0 right-0 pt-4 pr-4" };
-const _hoisted_5$6 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Close", -1);
-const _hoisted_6$6 = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" };
+const _hoisted_3$c = { 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$a = { class: "block absolute top-0 right-0 pt-4 pr-4" };
+const _hoisted_5$9 = /* @__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$6 = { class: "mt-3 sm:mt-0 sm:text-left" };
 const _hoisted_8$6 = { class: "mt-2" };
 const _hoisted_9$6 = {
@@ -7186,7 +7193,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$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   props: {
     destructive: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
@@ -7242,21 +7249,21 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_3$a, [
-                      createElementVNode("div", _hoisted_4$7, [
+                    createElementVNode("div", _hoisted_3$c, [
+                      createElementVNode("div", _hoisted_4$a, [
                         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) => updateModelValue2(false))
                         }, [
-                          _hoisted_5$6,
+                          _hoisted_5$9,
                           createVNode(unref(render), {
                             class: "h-6 w-6",
                             "aria-hidden": "true"
                           })
                         ])
                       ]),
-                      createElementVNode("div", _hoisted_6$6, [
+                      createElementVNode("div", _hoisted_6$9, [
                         createElementVNode("div", _hoisted_7$6, [
                           createVNode(unref(DialogTitle), {
                             as: "h3",
@@ -7380,7 +7387,7 @@ const _hoisted_2$c = /* @__PURE__ */ createElementVNode("div", { class: "flex ju
     ])
   ])
 ], -1);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const idx = ref(0);
     const loading = ref(false);
@@ -7454,10 +7461,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$e = { class: "h-screen flex overflow-hidden bg-gray-100" };
 const _hoisted_2$b = { class: "relative flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 bg-white" };
-const _hoisted_3$9 = { class: "absolute top-0 right-0 -mr-12 pt-2" };
-const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Close sidebar", -1);
-const _hoisted_5$5 = { class: "flex-shrink-0 flex justify-center px-4" };
-const _hoisted_6$5 = ["src"];
+const _hoisted_3$b = { class: "absolute top-0 right-0 -mr-12 pt-2" };
+const _hoisted_4$9 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Close sidebar", -1);
+const _hoisted_5$8 = { class: "flex-shrink-0 flex justify-center px-4" };
+const _hoisted_6$8 = ["src"];
 const _hoisted_7$5 = { class: "mt-5 flex-1 h-0 overflow-y-auto" };
 const _hoisted_8$5 = { class: "px-2 space-y-1" };
 const _hoisted_9$5 = ["href", "target"];
@@ -7484,7 +7491,7 @@ const _hoisted_26 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only
 const _hoisted_27 = ["href"];
 const _hoisted_28 = { class: "flex-1 relative overflow-y-auto focus:outline-none" };
 const _hoisted_29 = { class: "mx-auto" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
     activeURL: { default: "" },
     iconURL: null,
@@ -7548,12 +7555,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                           "leave-to": "opacity-0"
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_3$9, [
+                            createElementVNode("div", _hoisted_3$b, [
                               createElementVNode("button", {
                                 class: "ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white",
                                 onClick: _cache[0] || (_cache[0] = ($event) => sidebarOpen.value = false)
                               }, [
-                                _hoisted_4$6,
+                                _hoisted_4$9,
                                 createVNode(unref(render), {
                                   class: "h-6 w-6 text-white",
                                   "aria-hidden": "true"
@@ -7563,12 +7570,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 1
                         }),
-                        createElementVNode("div", _hoisted_5$5, [
+                        createElementVNode("div", _hoisted_5$8, [
                           createElementVNode("img", {
                             class: "w-auto h-12",
                             src: __props.iconURL,
                             alt: "Logo"
-                          }, null, 8, _hoisted_6$5)
+                          }, null, 8, _hoisted_6$8)
                         ]),
                         createElementVNode("div", _hoisted_7$5, [
                           createElementVNode("nav", _hoisted_8$5, [
@@ -7724,8 +7731,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        createVNode(_sfc_main$i),
-        createVNode(_sfc_main$g)
+        createVNode(_sfc_main$j),
+        createVNode(_sfc_main$h)
       ], 64);
     };
   }
@@ -7740,7 +7747,7 @@ function throttle(func, timeout = 100) {
     }
   };
 }
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   props: {
     as: { default: "div" },
     position: { default: "auto" }
@@ -7876,7 +7883,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Popover), {
-        class: "relative",
+        class: "relative flex",
         as: __props.as
       }, {
         default: withCtx(({ open, close: close2 }) => [
@@ -7936,26 +7943,26 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$d = {};
+const _sfc_main$e = {};
 const _hoisted_1$d = { class: "w-full max-w-xs bg-white rounded-md p-2 border border-gray-100 shadow-md" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1$d, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var PopoverContent = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render]]);
+var PopoverContent = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render]]);
 const _hoisted_1$c = { class: "absolute inset-0 overflow-hidden" };
 const _hoisted_2$a = { class: "fixed inset-y-0 right-0 pl-10 max-w-full flex" };
-const _hoisted_3$8 = { class: "w-screen max-w-md" };
-const _hoisted_4$5 = { class: "h-full flex flex-col bg-white shadow-xl overflow-y-scroll" };
-const _hoisted_5$4 = { class: "py-6 px-4 bg-blue-700 sm:px-6" };
-const _hoisted_6$4 = { class: "flex items-center justify-between" };
+const _hoisted_3$a = { class: "w-screen max-w-md" };
+const _hoisted_4$8 = { class: "h-full flex flex-col bg-white shadow-xl overflow-y-scroll" };
+const _hoisted_5$7 = { class: "py-6 px-4 bg-blue-700 sm:px-6" };
+const _hoisted_6$7 = { class: "flex items-center justify-between" };
 const _hoisted_7$4 = { class: "ml-3 h-7 flex items-center" };
 const _hoisted_8$4 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Close panel", -1);
 const _hoisted_9$4 = { class: "mt-1" };
 const _hoisted_10$4 = ["textContent"];
 const _hoisted_11$3 = { class: "relative flex-1 py-6 px-4 sm:px-6" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   props: {
     header: null,
     description: null,
@@ -7997,10 +8004,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                     "leave-to": "translate-x-full"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_3$8, [
-                        createElementVNode("div", _hoisted_4$5, [
-                          createElementVNode("div", _hoisted_5$4, [
-                            createElementVNode("div", _hoisted_6$4, [
+                      createElementVNode("div", _hoisted_3$a, [
+                        createElementVNode("div", _hoisted_4$8, [
+                          createElementVNode("div", _hoisted_5$7, [
+                            createElementVNode("div", _hoisted_6$7, [
                               createVNode(unref(DialogTitle), {
                                 as: "h3",
                                 class: "text-white",
@@ -8048,15 +8055,15 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$b = { class: "leading-none w-4 h-4" };
 const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("div", { class: "p-5 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" }, null, -1);
-const _hoisted_3$7 = { class: "w-full max-w-xs bg-white rounded-md px-3 py-2 border border-gray-100 drop-shadow-md text-xs text-gray-900 leading-snug font-medium" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_3$9 = { class: "w-full max-w-xs bg-white rounded-md px-3 py-2 border border-gray-100 drop-shadow-md text-xs text-gray-900 leading-snug font-medium" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
     as: { default: "span" },
     position: { default: "auto" }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$e, {
+      return openBlock(), createBlock(_sfc_main$f, {
         position: __props.position,
         as: __props.as
       }, {
@@ -8067,7 +8074,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_3$7, [
+          createElementVNode("div", _hoisted_3$9, [
             renderSlot(_ctx.$slots, "default")
           ])
         ]),
@@ -8078,10 +8085,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$a = { class: "min-h-screen bg-gray-100" };
 const _hoisted_2$8 = { class: "mx-auto px-4 sm:px-6 lg:px-8" };
-const _hoisted_3$6 = { class: "flex justify-between h-16" };
-const _hoisted_4$4 = { class: "flex" };
-const _hoisted_5$3 = { class: "flex-shrink-0 flex items-center" };
-const _hoisted_6$3 = ["src"];
+const _hoisted_3$8 = { class: "flex justify-between h-16" };
+const _hoisted_4$7 = { class: "flex" };
+const _hoisted_5$6 = { class: "flex-shrink-0 flex items-center" };
+const _hoisted_6$6 = ["src"];
 const _hoisted_7$3 = { class: "hidden sm:-my-px sm:ml-6 sm:flex sm:space-x-8" };
 const _hoisted_8$3 = ["href", "aria-current"];
 const _hoisted_9$3 = { class: "hidden sm:ml-6 sm:flex sm:items-center" };
@@ -8101,7 +8108,7 @@ const _hoisted_22$1 = { class: "mt-3 space-y-1" };
 const _hoisted_23$1 = ["href"];
 const _hoisted_24$1 = { class: "mx-auto sm:px-6 lg:px-8" };
 const _hoisted_25 = { class: "px-4 py-8 sm:px-0" };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     activeURL: { default: "" },
     currentUser: null,
@@ -8123,14 +8130,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(({ open }) => [
               createElementVNode("div", _hoisted_2$8, [
-                createElementVNode("div", _hoisted_3$6, [
-                  createElementVNode("div", _hoisted_4$4, [
-                    createElementVNode("div", _hoisted_5$3, [
+                createElementVNode("div", _hoisted_3$8, [
+                  createElementVNode("div", _hoisted_4$7, [
+                    createElementVNode("div", _hoisted_5$6, [
                       createElementVNode("img", {
                         class: "block h-8 w-auto",
                         src: __props.iconURL,
                         alt: "XY Trees"
-                      }, null, 8, _hoisted_6$3)
+                      }, null, 8, _hoisted_6$6)
                     ]),
                     createElementVNode("div", _hoisted_7$3, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(__props.navigation, (item) => {
@@ -8274,23 +8281,23 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        createVNode(_sfc_main$i),
-        createVNode(_sfc_main$g)
+        createVNode(_sfc_main$j),
+        createVNode(_sfc_main$h)
       ], 64);
     };
   }
 });
 const _hoisted_1$9 = { class: "flex flex-col" };
 const _hoisted_2$7 = { class: "-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" };
-const _hoisted_3$5 = { class: "inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8" };
-const _hoisted_4$3 = { class: "overflow-hidden border-b border-gray-200 shadow sm:rounded-lg" };
-const _hoisted_5$2 = { class: "min-w-full divide-y divide-gray-200" };
-const _hoisted_6$2 = ["textContent"];
+const _hoisted_3$7 = { class: "inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8" };
+const _hoisted_4$6 = { class: "overflow-hidden border-b border-gray-200 shadow sm:rounded-lg" };
+const _hoisted_5$5 = { class: "min-w-full divide-y divide-gray-200" };
+const _hoisted_6$5 = ["textContent"];
 const _hoisted_7$2 = { class: "bg-white divide-y divide-gray-200" };
 const _hoisted_8$2 = ["textContent"];
 const _hoisted_9$2 = { key: 0 };
 const _hoisted_10$2 = ["colspan"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
     tableData: null
   },
@@ -8308,9 +8315,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", _hoisted_2$7, [
-          createElementVNode("div", _hoisted_3$5, [
-            createElementVNode("div", _hoisted_4$3, [
-              createElementVNode("table", _hoisted_5$2, [
+          createElementVNode("div", _hoisted_3$7, [
+            createElementVNode("div", _hoisted_4$6, [
+              createElementVNode("table", _hoisted_5$5, [
                 createElementVNode("thead", null, [
                   createElementVNode("tr", null, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tableData.columns, (col, idx) => {
@@ -8318,7 +8325,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                         class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-900 uppercase bg-gray-50 leading-4",
                         key: idx,
                         textContent: toDisplayString(col.display)
-                      }, null, 8, _hoisted_6$2);
+                      }, null, 8, _hoisted_6$5);
                     }), 128))
                   ])
                 ]),
@@ -8362,21 +8369,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$8 = { class: "flex items-center justify-center space-x-8" };
 const _hoisted_2$6 = { class: "font-medium" };
-const _hoisted_3$4 = { class: "flex items-center space-x-5" };
-const _hoisted_4$2 = {
+const _hoisted_3$6 = { class: "flex items-center space-x-5" };
+const _hoisted_4$5 = {
   key: 0,
   class: "block w-2.5 h-2.5 bg-xy-green rounded-full hover:bg-green-900 focus:bg-green-900"
 };
-const _hoisted_5$1 = {
+const _hoisted_5$4 = {
   key: 1,
   class: "relative flex items-center justify-center"
 };
-const _hoisted_6$1 = /* @__PURE__ */ createElementVNode("span", { class: "absolute w-5 h-5 p-px flex" }, [
+const _hoisted_6$4 = /* @__PURE__ */ createElementVNode("span", { class: "absolute w-5 h-5 p-px flex" }, [
   /* @__PURE__ */ createElementVNode("span", { class: "w-full h-full rounded-full bg-green-100" })
 ], -1);
 const _hoisted_7$1 = /* @__PURE__ */ createElementVNode("span", { class: "relative block w-2.5 h-2.5 bg-xy-green rounded-full" }, null, -1);
 const _hoisted_8$1 = [
-  _hoisted_6$1,
+  _hoisted_6$4,
   _hoisted_7$1
 ];
 const _hoisted_9$1 = {
@@ -8395,7 +8402,7 @@ const _hoisted_11$1 = {
 const _hoisted_12$1 = ["textContent"];
 const _hoisted_13$1 = { class: "ml-3 inline-flex rounded-md shadow-sm" };
 const _hoisted_14$1 = ["textContent"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   props: {
     hideActions: { type: Boolean, default: false },
     hidePrevious: { type: Boolean, default: false },
@@ -8416,10 +8423,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("nav", _hoisted_1$8, [
           createElementVNode("p", _hoisted_2$6, "Step " + toDisplayString(__props.step) + " of " + toDisplayString(__props.total), 1),
-          createElementVNode("ul", _hoisted_3$4, [
+          createElementVNode("ul", _hoisted_3$6, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.total, (index) => {
               return openBlock(), createElementBlock("li", { key: index }, [
-                __props.step > index ? (openBlock(), createElementBlock("span", _hoisted_4$2)) : __props.step === index ? (openBlock(), createElementBlock("div", _hoisted_5$1, _hoisted_8$1)) : (openBlock(), createElementBlock("span", _hoisted_9$1))
+                __props.step > index ? (openBlock(), createElementBlock("span", _hoisted_4$5)) : __props.step === index ? (openBlock(), createElementBlock("div", _hoisted_5$4, _hoisted_8$1)) : (openBlock(), createElementBlock("span", _hoisted_9$1))
               ]);
             }), 128))
           ])
@@ -8451,12 +8458,12 @@ const _hoisted_2$5 = {
   key: 0,
   class: "w-full max-w-lg lg:max-w-xs"
 };
-const _hoisted_3$3 = /* @__PURE__ */ createElementVNode("label", {
+const _hoisted_3$5 = /* @__PURE__ */ createElementVNode("label", {
   for: "search",
   class: "sr-only"
 }, "Search", -1);
-const _hoisted_4$1 = { class: "relative" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" }, [
+const _hoisted_4$4 = { class: "relative" };
+const _hoisted_5$3 = /* @__PURE__ */ createElementVNode("div", { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" }, [
   /* @__PURE__ */ createElementVNode("svg", {
     class: "w-5 h-5 text-gray-400",
     fill: "currentColor",
@@ -8469,7 +8476,7 @@ const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "absolute
     })
   ])
 ], -1);
-const _hoisted_6 = {
+const _hoisted_6$3 = {
   key: 1,
   class: "w-full max-w-lg lg:max-w-xs"
 };
@@ -8529,7 +8536,7 @@ const _hoisted_21 = ["onClick"];
 const _hoisted_22 = ["textContent"];
 const _hoisted_23 = { key: 0 };
 const _hoisted_24 = ["colspan"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {
     clickable: { type: Boolean, default: false },
     loader: { type: Boolean, default: true },
@@ -8615,9 +8622,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", _hoisted_1$7, [
           __props.tableData.search ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
-            _hoisted_3$3,
-            createElementVNode("div", _hoisted_4$1, [
-              _hoisted_5,
+            _hoisted_3$5,
+            createElementVNode("div", _hoisted_4$4, [
+              _hoisted_5$3,
               withDirectives(createElementVNode("input", {
                 class: "pl-10",
                 type: "search",
@@ -8634,8 +8641,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               ])
             ])
           ])) : createCommentVNode("", true),
-          __props.tableData.dateSearch ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createVNode(_sfc_main$o, {
+          __props.tableData.dateSearch ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+            createVNode(_sfc_main$p, {
               modelValue: dateRange.value,
               "onUpdate:modelValue": [
                 _cache[2] || (_cache[2] = ($event) => dateRange.value = $event),
@@ -8700,7 +8707,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        unref(hasContent) ? (openBlock(), createBlock(_sfc_main$l, {
+        unref(hasContent) ? (openBlock(), createBlock(_sfc_main$m, {
           key: 0,
           modelValue: pagination.value,
           "onUpdate:modelValue": [
@@ -8717,8 +8724,8 @@ const _hoisted_1$6 = /* @__PURE__ */ createElementVNode("label", {
   class: "sr-only"
 }, "Select a tab", -1);
 const _hoisted_2$4 = { class: "hidden sm:block" };
-const _hoisted_3$2 = ["textContent", "onClick"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$4 = ["textContent", "onClick"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: null,
     pillDesign: { type: Boolean, default: false },
@@ -8782,7 +8789,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   key: idx,
                   textContent: toDisplayString(tab.label),
                   onClick: withModifiers(($event) => updateModelValue2(tab.value), ["prevent"])
-                }, null, 10, _hoisted_3$2);
+                }, null, 10, _hoisted_3$4);
               }), 128))
             ], 2)
           ], 2)
@@ -8792,7 +8799,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$5 = /* @__PURE__ */ createElementVNode("span", { class: "sr-only" }, "Use", -1);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean, default: false }
   },
@@ -8822,11 +8829,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "inline-flex items-center" };
-const _hoisted_2$3 = ["aria-labelledby", "checked", "id"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "relative flex items-start" };
+const _hoisted_2$3 = { class: "flex items-center h-5" };
+const _hoisted_3$3 = ["id", "aria-labelledby", "aria-describedby", "checked"];
+const _hoisted_4$3 = { class: "ml-3" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   props: {
     label: { default: "" },
+    help: { default: "" },
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
@@ -8834,138 +8844,257 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const uuid = attrs.id || Uniques.CreateIdAttribute();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("label", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createElementVNode("div", _hoisted_2$3, [
           createElementVNode("input", mergeProps({
+            id: unref(uuid),
             "aria-labelledby": __props.label ? `${unref(uuid)}-label` : void 0,
+            "aria-describedby": __props.help ? `${unref(uuid)}-help` : void 0,
             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",
-            id: unref(uuid),
             type: "checkbox"
-          }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
+          }, __spreadValues({
             onChange: ($event) => {
               emits("update:modelValue", $event.target.checked);
             }
-          })), null, 16, _hoisted_2$3),
-          createVNode(_sfc_main$r, {
-            class: "ml-2",
+          }, _ctx.$attrs)), null, 16, _hoisted_3$3)
+        ]),
+        createElementVNode("div", _hoisted_4$3, [
+          createVNode(_sfc_main$s, {
+            class: "mt-auto",
+            disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false,
             id: `${unref(uuid)}-label`,
             for: unref(uuid),
-            label: __props.label,
-            tag: "span"
-          }, null, 8, ["id", "for", "label"])
+            label: __props.label
+          }, null, 8, ["disabled", "id", "for", "label"]),
+          createVNode(_sfc_main$r, {
+            class: "-mt-1",
+            id: `${unref(uuid)}-help`,
+            text: __props.help
+          }, null, 8, ["id", "text"])
         ])
       ]);
     };
   }
 });
-const _hoisted_1$3 = { class: "inline-flex items-center" };
-const _hoisted_2$2 = ["id", "value"];
+function hasSlotContent(slot, slotProps = {}) {
+  if (!slot)
+    return false;
+  return slot(slotProps).some((vnode) => {
+    if (vnode.type === Comment$1)
+      return false;
+    if (Array.isArray(vnode.children) && !vnode.children.length)
+      return false;
+    return vnode.type !== Text || typeof vnode.children === "string" && vnode.children.trim() !== "";
+  });
+}
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return unref(hasSlotContent)(_ctx.$slots.default) ? (openBlock(), createElementBlock("legend", normalizeProps(mergeProps({ key: 0 }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
+        class: "text-base font-medium leading-tight text-gray-900"
+      }))), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$3 = ["aria-labelledby", "aria-describedby"];
+const _hoisted_2$2 = { class: "space-y-0.5" };
+const _hoisted_3$2 = { key: 0 };
+const _hoisted_4$2 = { class: "flex items-center h-5" };
+const _hoisted_5$2 = ["id", "aria-labelledby", "aria-describedby", "checked", "disabled"];
+const _hoisted_6$2 = { class: "ml-3" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
     options: null,
+    help: { default: "" },
     legend: { default: "" },
-    modelValue: null
+    modelValue: null,
+    columns: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit }) {
     const props = __props;
     const attrs = useAttrs();
+    const slots = useSlots();
     const uuid = attrs.id || Uniques.CreateIdAttribute();
-    const model = ref(props.modelValue);
+    const hasLegend = computed(() => {
+      return props.legend !== "" || slots.legend !== void 0;
+    });
+    const onChange = (checked, val) => {
+      let updateModelValue2 = [...props.modelValue];
+      if (checked) {
+        updateModelValue2.push(val);
+      } else {
+        updateModelValue2.splice(updateModelValue2.indexOf(val), 1);
+      }
+      emit("update:modelValue", updateModelValue2);
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", null, [
-        createVNode(_sfc_main$r, {
-          class: "block mb-0",
-          label: __props.legend,
-          tag: "legend"
-        }, null, 8, ["label"]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
-          return openBlock(), createElementBlock("div", {
-            class: "mt-4",
-            key: option.value
-          }, [
-            createElementVNode("label", _hoisted_1$3, [
-              withDirectives(createElementVNode("input", mergeProps({
-                type: "checkbox",
-                class: "focus:ring-blue-500 h-4 w-4 text-xy-blue border-gray-600 rounded disabled:opacity-50 disabled:cursor-not-allowed",
-                id: `${unref(uuid)}-${index}`,
-                value: option.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
-              }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
-                onChange: () => {
-                  emits("update:modelValue", model.value);
-                }
-              })), null, 16, _hoisted_2$2), [
-                [vModelCheckbox, model.value]
+      return openBlock(), createElementBlock("fieldset", {
+        class: "space-y-5",
+        "aria-labelledby": unref(hasLegend) ? `${unref(uuid)}-legend` : void 0,
+        "aria-describedby": __props.help ? `${unref(uuid)}-help` : void 0
+      }, [
+        createElementVNode("div", _hoisted_2$2, [
+          createVNode(_sfc_main$4, {
+            id: `${unref(uuid)}-legend`
+          }, {
+            default: withCtx(() => [
+              __props.legend ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
+              _ctx.$slots.legend ? renderSlot(_ctx.$slots, "legend", { key: 1 }) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["id"]),
+          createVNode(_sfc_main$r, {
+            tag: "p",
+            text: __props.help,
+            id: `${unref(uuid)}-help`
+          }, null, 8, ["text", "id"])
+        ]),
+        createElementVNode("div", {
+          class: normalizeClass(["grid gap-4", {
+            "sm:grid sm:gap-y-4 sm:gap-x-5 sm:space-y-0": __props.columns !== void 0,
+            "sm:grid-cols-2": __props.columns === 2,
+            "sm:grid-cols-3": __props.columns === 3,
+            "sm:grid-cols-4": __props.columns === 4
+          }])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: option.value,
+              class: "flex items-start"
+            }, [
+              createElementVNode("div", _hoisted_4$2, [
+                createElementVNode("input", mergeProps({
+                  id: unref(uuid),
+                  "aria-labelledby": `${unref(uuid)}-${index}-label`,
+                  "aria-describedby": (option == null ? void 0 : option.help) && option.help ? `${unref(uuid)}-${index}-help` : void 0,
+                  checked: __props.modelValue.includes(option.value),
+                  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_5$2)
               ]),
-              createVNode(_sfc_main$r, {
-                class: "ml-2",
-                for: `${unref(uuid)}-${index}`,
-                label: option.label,
-                tag: "span"
-              }, null, 8, ["for", "label"])
-            ])
-          ]);
-        }), 128))
-      ]);
+              createElementVNode("div", _hoisted_6$2, [
+                createVNode(_sfc_main$s, {
+                  class: "mt-auto",
+                  disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false || option.disabled === true,
+                  id: `${unref(uuid)}-${index}-label`,
+                  for: unref(uuid),
+                  label: option.label
+                }, null, 8, ["disabled", "id", "for", "label"]),
+                createVNode(_sfc_main$r, {
+                  class: "-mt-1",
+                  id: `${unref(uuid)}-${index}-help`,
+                  text: option.help
+                }, null, 8, ["id", "text"])
+              ])
+            ]);
+          }), 128))
+        ], 2)
+      ], 8, _hoisted_1$3);
     };
   }
 });
-const _hoisted_1$2 = { class: "mt-1 space-y-2" };
-const _hoisted_2$1 = ["for"];
-const _hoisted_3$1 = ["checked", "id", "name", "value"];
+const _hoisted_1$2 = ["aria-labelledby", "aria-describedby"];
+const _hoisted_2$1 = { class: "space-y-0.5" };
+const _hoisted_3$1 = { key: 0 };
+const _hoisted_4$1 = { class: "flex items-center h-5" };
+const _hoisted_5$1 = ["aria-describedby", "aria-labelledby", "checked", "disabled", "id", "name", "value"];
+const _hoisted_6$1 = { class: "ml-3" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     options: null,
+    help: { default: "" },
     legend: { default: "" },
-    modelValue: { default: "" },
-    vertical: { type: Boolean, default: true }
+    modelValue: { default: void 0 },
+    columns: { default: void 0 }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const attrs = useAttrs();
+    const slots = useSlots();
     const uuid = attrs.id || Uniques.CreateIdAttribute();
+    const hasLegend = computed(() => {
+      return props.legend !== "" || slots.legend !== void 0;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", _hoisted_1$2, [
-        createVNode(_sfc_main$r, {
-          class: "block",
-          label: __props.legend,
-          tag: "legend"
-        }, null, 8, ["label"]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
-          return openBlock(), createBlock(resolveDynamicComponent(props.vertical ? "div" : "span"), {
-            key: option.value
+      return openBlock(), createElementBlock("fieldset", {
+        class: "space-y-5",
+        "aria-labelledby": unref(hasLegend) ? `${unref(uuid)}-legend` : void 0,
+        "aria-describedby": __props.help ? `${unref(uuid)}-help` : void 0
+      }, [
+        createElementVNode("div", _hoisted_2$1, [
+          createVNode(_sfc_main$4, {
+            id: `${unref(uuid)}-legend`
           }, {
             default: withCtx(() => [
-              createElementVNode("label", {
-                class: normalizeClass(["inline-flex items-center", { "cursor-not-allowed": _ctx.$attrs.disabled }]),
-                for: `${unref(uuid)}-${index}`
-              }, [
+              __props.legend ? (openBlock(), createElementBlock("div", _hoisted_3$1, toDisplayString(__props.legend), 1)) : createCommentVNode("", true),
+              _ctx.$slots.legend ? renderSlot(_ctx.$slots, "legend", { key: 1 }) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["id"]),
+          createVNode(_sfc_main$r, {
+            tag: "p",
+            text: __props.help,
+            id: `${unref(uuid)}-help`
+          }, null, 8, ["text", "id"])
+        ]),
+        createElementVNode("div", {
+          class: normalizeClass(["grid gap-4", {
+            "sm:grid sm:gap-y-4 sm:gap-x-5 sm:space-y-0": __props.columns !== void 0,
+            "sm:grid-cols-2": __props.columns === 2,
+            "sm:grid-cols-3": __props.columns === 3,
+            "sm:grid-cols-4": __props.columns === 4
+          }])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: option.value,
+              class: "flex items-start"
+            }, [
+              createElementVNode("div", _hoisted_4$1, [
                 createElementVNode("input", mergeProps({
+                  "aria-describedby": (option == null ? void 0 : option.help) && option.help ? `${unref(uuid)}-${index}-help` : void 0,
+                  "aria-labelledby": `${unref(uuid)}-${index}-label`,
                   checked: __props.modelValue === option.value,
-                  class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue",
+                  class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue disabled:opacity-50 disabled:cursor-not-allowed",
+                  disabled: option.disabled === true ? true : void 0,
                   id: `${unref(uuid)}-${index}`,
                   name: unref(uuid),
                   type: "radio",
                   value: option.value
-                }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
-                  onChange: ($event) => {
-                    emits("update:modelValue", $event.target.value);
+                }, __spreadValues({
+                  onChange: () => {
+                    emits("update:modelValue", option.value);
                   }
-                })), null, 16, _hoisted_3$1),
+                }, _ctx.$attrs)), null, 16, _hoisted_5$1)
+              ]),
+              createElementVNode("div", _hoisted_6$1, [
+                createVNode(_sfc_main$s, {
+                  class: "mt-auto",
+                  disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false || option.disabled === true,
+                  id: `${unref(uuid)}-${index}-label`,
+                  for: unref(uuid),
+                  label: option.label
+                }, null, 8, ["disabled", "id", "for", "label"]),
                 createVNode(_sfc_main$r, {
-                  class: "ml-2",
-                  label: option.label,
-                  tag: "span"
-                }, null, 8, ["label"])
-              ], 10, _hoisted_2$1)
-            ]),
-            _: 2
-          }, 1024);
-        }), 128))
-      ]);
+                  class: "-mt-1",
+                  id: `${unref(uuid)}-${index}-help`,
+                  text: option.help
+                }, null, 8, ["id", "text"])
+              ])
+            ]);
+          }), 128))
+        ], 2)
+      ], 8, _hoisted_1$2);
     };
   }
 });
@@ -8982,7 +9111,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const uuid = attrs.id || Uniques.CreateIdAttribute();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$r, {
+        createVNode(_sfc_main$s, {
           class: "block",
           id: `${unref(uuid)}-label`,
           for: unref(uuid),
@@ -9000,13 +9129,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             "focus:border-blue-500",
             "border-gray-600",
             "rounded-md",
-            "w-full"
+            "w-full",
+            "disabled:opacity-70",
+            "disabled:cursor-not-allowed"
           ],
           id: unref(uuid),
           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$q, {
+        createVNode(_sfc_main$r, {
           id: `${unref(uuid)}-help`,
           text: __props.help
         }, null, 8, ["id", "text"])
@@ -9014,13 +9145,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = ["for"];
-const _hoisted_2 = ["id", "name", "checked"];
+const _hoisted_1 = ["aria-labelledby", "aria-describedby"];
+const _hoisted_2 = { class: "space-y-0.5" };
 const _hoisted_3 = ["for"];
 const _hoisted_4 = ["id", "name", "checked"];
+const _hoisted_5 = ["for"];
+const _hoisted_6 = ["id", "name", "checked"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean, default: void 0 },
+    help: { default: "" },
     legend: { default: "" },
     name: { default: "" }
   },
@@ -9036,89 +9170,106 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("update:modelValue", e.target.value === "true");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", null, [
-        createVNode(_sfc_main$r, {
-          class: "block",
-          label: __props.legend,
-          tag: "legend"
-        }, null, 8, ["label"]),
-        createElementVNode("label", {
-          class: normalizeClass(["inline-flex items-center", { "cursor-not-allowed": _ctx.$attrs.disabled }]),
-          for: `${unref(hasNameAttr) ? __props.name : unref(uuid)}-true`
-        }, [
-          createElementVNode("input", mergeProps({
-            type: "radio",
-            class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue",
-            id: `${unref(hasNameAttr) ? __props.name : unref(uuid)}-true`,
-            name: unref(hasNameAttr) ? __props.name : unref(uuid),
-            value: true,
-            checked: __props.modelValue === true
-          }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
-            onChange
-          })), null, 16, _hoisted_2),
-          createVNode(_sfc_main$r, {
-            class: "ml-2",
-            label: "Yes",
-            tag: "span"
-          })
-        ], 10, _hoisted_1),
-        createElementVNode("label", {
-          class: normalizeClass(["inline-flex items-center ml-6", { "cursor-not-allowed": _ctx.$attrs.disabled }]),
-          for: `${unref(hasNameAttr) ? __props.name : unref(uuid)}-false`
-        }, [
-          createElementVNode("input", mergeProps({
-            type: "radio",
-            class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue",
-            id: `${unref(hasNameAttr) ? __props.name : unref(uuid)}-false`,
-            name: unref(hasNameAttr) ? __props.name : unref(uuid),
-            value: false,
-            checked: __props.modelValue === false
-          }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
-            onChange
-          })), null, 16, _hoisted_4),
-          createVNode(_sfc_main$r, {
-            class: "ml-2",
-            label: "No",
-            tag: "span"
-          })
-        ], 10, _hoisted_3)
-      ]);
+      const _component_InputHelp = resolveComponent("InputHelp");
+      return openBlock(), createElementBlock("fieldset", {
+        class: "space-y-3",
+        "aria-labelledby": __props.legend ? `${unref(uuid)}-legend` : void 0,
+        "aria-describedby": __props.help ? `${unref(uuid)}-help` : void 0
+      }, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$s, {
+            class: "block my-auto",
+            label: __props.legend,
+            tag: "legend"
+          }, null, 8, ["label"]),
+          createVNode(_component_InputHelp, {
+            tag: "p",
+            text: __props.help,
+            id: `${unref(uuid)}-help`
+          }, null, 8, ["text", "id"])
+        ]),
+        createElementVNode("div", null, [
+          createElementVNode("label", {
+            class: normalizeClass(["inline-flex items-center", { "cursor-not-allowed": _ctx.$attrs.disabled }]),
+            for: `${unref(hasNameAttr) ? __props.name : unref(uuid)}-true`
+          }, [
+            createElementVNode("input", mergeProps({
+              type: "radio",
+              class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue disabled:opacity-50 disabled:cursor-not-allowed",
+              id: `${unref(hasNameAttr) ? __props.name : unref(uuid)}-true`,
+              name: unref(hasNameAttr) ? __props.name : unref(uuid),
+              value: true,
+              checked: __props.modelValue === true
+            }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
+              onChange
+            })), null, 16, _hoisted_4),
+            createVNode(_sfc_main$s, {
+              class: "ml-2",
+              disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false,
+              label: "Yes",
+              tag: "span"
+            }, null, 8, ["disabled"])
+          ], 10, _hoisted_3),
+          createElementVNode("label", {
+            class: normalizeClass(["inline-flex items-center ml-6", { "cursor-not-allowed": _ctx.$attrs.disabled }]),
+            for: `${unref(hasNameAttr) ? __props.name : unref(uuid)}-false`
+          }, [
+            createElementVNode("input", mergeProps({
+              type: "radio",
+              class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue disabled:opacity-50 disabled:cursor-not-allowed",
+              id: `${unref(hasNameAttr) ? __props.name : unref(uuid)}-false`,
+              name: unref(hasNameAttr) ? __props.name : unref(uuid),
+              value: false,
+              checked: __props.modelValue === false
+            }, __spreadProps(__spreadValues({}, _ctx.$attrs), {
+              onChange
+            })), null, 16, _hoisted_6),
+            createVNode(_sfc_main$s, {
+              class: "ml-2",
+              disabled: _ctx.$attrs.hasOwnProperty("disabled") && _ctx.$attrs.disabled !== false,
+              label: "No",
+              tag: "span"
+            }, null, 8, ["disabled"])
+          ], 10, _hoisted_5)
+        ])
+      ], 8, _hoisted_1);
     };
   }
 });
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
-  ActionsDropdown: _sfc_main$u,
-  Cards: _sfc_main$t,
-  ContentModal: _sfc_main$s,
-  DateFilter: _sfc_main$m,
-  DetailList: _sfc_main$k,
-  DownloadCell: _sfc_main$j,
-  Flash: _sfc_main$i,
-  Modal: _sfc_main$h,
-  SidebarLayout: _sfc_main$f,
-  Slideover: _sfc_main$c,
-  StackedLayout: _sfc_main$a,
-  Popover: _sfc_main$e,
+  ActionsDropdown: _sfc_main$v,
+  Cards: _sfc_main$u,
+  ContentModal: _sfc_main$t,
+  DateFilter: _sfc_main$n,
+  DetailList: _sfc_main$l,
+  DownloadCell: _sfc_main$k,
+  Flash: _sfc_main$j,
+  Modal: _sfc_main$i,
+  SidebarLayout: _sfc_main$g,
+  Slideover: _sfc_main$d,
+  StackedLayout: _sfc_main$b,
+  Popover: _sfc_main$f,
   PopoverContent,
-  PopoverPosition: _sfc_main$e,
-  Paginator: _sfc_main$l,
-  Spinner: _sfc_main$g,
-  StaticTable: _sfc_main$9,
-  Steps: _sfc_main$8,
-  Table: _sfc_main$7,
-  Tabs: _sfc_main$6,
-  Toggle: _sfc_main$5,
-  Tooltip: _sfc_main$b,
-  BaseInput: _sfc_main$p,
-  Checkbox: _sfc_main$4,
-  DateRangePicker: _sfc_main$o,
-  InputHelp: _sfc_main$q,
-  InputLabel: _sfc_main$r,
+  PopoverPosition: _sfc_main$f,
+  Paginator: _sfc_main$m,
+  Spinner: _sfc_main$h,
+  StaticTable: _sfc_main$a,
+  Steps: _sfc_main$9,
+  Table: _sfc_main$8,
+  Tabs: _sfc_main$7,
+  Toggle: _sfc_main$6,
+  Tooltip: _sfc_main$c,
+  BaseInput: _sfc_main$q,
+  Checkbox: _sfc_main$5,
+  DateRangePicker: _sfc_main$p,
+  InputHelp: _sfc_main$r,
+  InputLabel: _sfc_main$s,
+  FieldsetLegend: _sfc_main$4,
   MultiCheckboxes: _sfc_main$3,
   Radio: _sfc_main$2,
-  Select: _sfc_main$n,
+  Select: _sfc_main$o,
   TextArea: _sfc_main$1,
   YesOrNoRadio: _sfc_main
 });
@@ -9127,4 +9278,4 @@ const install = function installTrees(app) {
     app.component(componentName, component);
   });
 };
-export { _sfc_main$u as ActionsDropdown, BaseAPI, _sfc_main$p as BaseInput, _sfc_main$t as Cards, _sfc_main$4 as Checkbox, _sfc_main$s as ContentModal, _sfc_main$m as DateFilter, _sfc_main$o as DateRangePicker, _sfc_main$k as DetailList, _sfc_main$j as DownloadCell, _sfc_main$i as Flash, _sfc_main$q as InputHelp, _sfc_main$r as InputLabel, _sfc_main$h as Modal, _sfc_main$3 as MultiCheckboxes, _sfc_main$l as Paginator, _sfc_main$e as Popover, PopoverContent, _sfc_main$e as PopoverPosition, _sfc_main$2 as Radio, _sfc_main$n as Select, _sfc_main$f as SidebarLayout, _sfc_main$c as Slideover, _sfc_main$g as Spinner, _sfc_main$a as StackedLayout, _sfc_main$9 as StaticTable, _sfc_main$8 as Steps, _sfc_main$7 as Table, _sfc_main$6 as Tabs, _sfc_main$1 as TextArea, _sfc_main$5 as Toggle, _sfc_main$b as Tooltip, _sfc_main as YesOrNoRadio, install as default };
+export { _sfc_main$v as ActionsDropdown, BaseAPI, _sfc_main$q as BaseInput, _sfc_main$u as Cards, _sfc_main$5 as Checkbox, _sfc_main$t as ContentModal, _sfc_main$n as DateFilter, _sfc_main$p as DateRangePicker, _sfc_main$l as DetailList, _sfc_main$k as DownloadCell, _sfc_main$4 as FieldsetLegend, _sfc_main$j as Flash, _sfc_main$r as InputHelp, _sfc_main$s as InputLabel, _sfc_main$i as Modal, _sfc_main$3 as MultiCheckboxes, _sfc_main$m as Paginator, _sfc_main$f as Popover, PopoverContent, _sfc_main$f as PopoverPosition, _sfc_main$2 as Radio, _sfc_main$o as Select, _sfc_main$g as SidebarLayout, _sfc_main$d as Slideover, _sfc_main$h as Spinner, _sfc_main$b as StackedLayout, _sfc_main$a as StaticTable, _sfc_main$9 as Steps, _sfc_main$8 as Table, _sfc_main$7 as Tabs, _sfc_main$1 as TextArea, _sfc_main$6 as Toggle, _sfc_main$c as Tooltip, _sfc_main as YesOrNoRadio, install as default };