@illinois-grad/grad-vue 2.2.0 → 2.3.1

package/dist/main-BiwAEGyQ.js

@@ -0,0 +1,3106 @@
+import { defineComponent as T, useAttrs as Xe, computed as x, createBlock as q, openBlock as u, resolveDynamicComponent as fe, mergeProps as ae, unref as f, withCtx as U, renderSlot as K, inject as be, onMounted as re, onBeforeUnmount as de, createElementBlock as c, createCommentVNode as M, Fragment as P, renderList as Z, createElementVNode as n, createTextVNode as N, toDisplayString as C, mergeModels as R, useModel as j, useId as Y, toRef as $e, ref as B, normalizeClass as D, createVNode as W, shallowRef as Ge, watch as Q, toValue as Ie, nextTick as J, useTemplateRef as ge, Transition as _e, normalizeStyle as ce, onBeforeMount as Ke, Teleport as Ue, withDirectives as we, withModifiers as ue, vShow as et, getCurrentInstance as je, watchEffect as Oe, reactive as tt, toRaw as Ne, useSlots as We, vModelCheckbox as De, normalizeProps as lt, guardReactiveProps as at, shallowReactive as ot, provide as st } from "vue";
+import { toArray as nt, unrefElement as rt, tryOnScopeDispose as it, useFocusWithin as ut, useDebounceFn as dt, useClipboard as ct, useResizeObserver as Fe } from "@vueuse/core";
+import { createFocusTrap as vt } from "focus-trap";
+const ne = /* @__PURE__ */ T({
+  __name: "GButton",
+  props: {
+    size: { default: "medium" },
+    theme: { default: "primary" },
+    outlined: { type: Boolean, default: !1 },
+    text: { type: Boolean, default: !1 },
+    to: { default: void 0 },
+    component: { default: void 0 }
+  },
+  emits: [
+    "click",
+    "focus",
+    "blur",
+    "keydown",
+    "keyup",
+    "mousedown",
+    "mouseup",
+    "mouseenter",
+    "mouseleave"
+  ],
+  setup(e) {
+    const l = e, t = Xe(), a = x(() => [
+      "g-btn",
+      `g-btn--${l.size}`,
+      `g-btn--${l.theme}`,
+      {
+        "g-btn--outlined": l.outlined,
+        "g-btn--text": l.text,
+        "g-btn--primary": l.theme === "primary",
+        "g-btn--accent": l.theme === "accent",
+        "g-btn-has-text": l.text
+      }
+    ]);
+    return (o, s) => (u(), q(fe(l.component ? l.component : "button"), ae(f(t), {
+      to: l.to,
+      class: a.value,
+      type: l.to ? void 0 : "button",
+      onClick: s[0] || (s[0] = (i) => o.$emit("click", i)),
+      onFocus: s[1] || (s[1] = (i) => o.$emit("focus", i)),
+      onBlur: s[2] || (s[2] = (i) => o.$emit("blur", i)),
+      onKeydown: s[3] || (s[3] = (i) => o.$emit("keydown", i)),
+      onKeyup: s[4] || (s[4] = (i) => o.$emit("keyup", i)),
+      onMousedown: s[5] || (s[5] = (i) => o.$emit("mousedown", i)),
+      onMouseup: s[6] || (s[6] = (i) => o.$emit("mouseup", i)),
+      onMouseenter: s[7] || (s[7] = (i) => o.$emit("mouseenter", i)),
+      onMouseleave: s[8] || (s[8] = (i) => o.$emit("mouseleave", i))
+    }), {
+      default: U(() => [
+        K(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["to", "class", "type"]));
+  }
+});
+function Ce(e) {
+  const l = be("form", null), t = x(() => {
+    const s = [];
+    return e.errors && s.push(...e.errors.value.filter(Boolean)), s;
+  }), a = x(() => t.value.length > 0), o = e.name;
+  return l && o && (re(() => {
+    l.registerField(o, {
+      name: o,
+      value: e.value,
+      errors: t
+    });
+  }), de(() => {
+    e.name && l.unregisterField(e.name);
+  })), {
+    displayErrors: t,
+    hasErrors: a
+  };
+}
+const ft = ["id"], gt = /* @__PURE__ */ T({
+  __name: "GFormErrorMessages",
+  props: {
+    errors: {},
+    id: {}
+  },
+  setup(e) {
+    return (l, t) => e.errors.length > 0 ? (u(), c("div", {
+      key: 0,
+      class: "g-form-error-messages",
+      id: e.id,
+      role: "alert"
+    }, [
+      (u(!0), c(P, null, Z(e.errors, (a, o) => (u(), c("div", {
+        key: o,
+        class: "g-form-error-message"
+      }, [
+        t[0] || (t[0] = n("svg", {
+          class: "g-form-error-icon",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 640 640"
+        }, [
+          n("path", {
+            fill: "currentColor",
+            d: "M320 64C334.7 64 348.2 72.1 355.2 85L571.2 485C577.9 497.4 577.6 512.4 570.4 524.5C563.2 536.6 550.1 544 536 544L104 544C89.9 544 76.8 536.6 69.6 524.5C62.4 512.4 62.1 497.4 68.8 485L284.8 85C291.8 72.1 305.3 64 320 64zM320 416C302.3 416 288 430.3 288 448C288 465.7 302.3 480 320 480C337.7 480 352 465.7 352 448C352 430.3 337.7 416 320 416zM320 224C301.8 224 287.3 239.5 288.6 257.7L296 361.7C296.9 374.2 307.4 384 319.9 384C332.5 384 342.9 374.3 343.8 361.7L351.2 257.7C352.5 239.5 338.1 224 319.8 224z"
+          })
+        ], -1)),
+        N(" " + C(a), 1)
+      ]))), 128))
+    ], 8, ft)) : M("", !0);
+  }
+}), z = (e, l) => {
+  const t = e.__vccOpts || e;
+  for (const [a, o] of l)
+    t[a] = o;
+  return t;
+}, Me = /* @__PURE__ */ z(gt, [["__scopeId", "data-v-e3a13c5d"]]), bt = ["for"], mt = ["id"], pt = {
+  key: 0,
+  class: "g-text-input-prefix"
+}, ht = ["value", "placeholder", "disabled", "aria-invalid"], yt = {
+  key: 1,
+  class: "g-text-input-suffix"
+}, kt = /* @__PURE__ */ T({
+  inheritAttrs: !1,
+  __name: "GTextInput",
+  props: /* @__PURE__ */ R({
+    label: { default: void 0 },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    instructions: { default: "" },
+    prefix: { default: "" },
+    suffix: { default: "" },
+    debounce: { default: 100 },
+    name: { default: void 0 }
+  }, {
+    modelValue: { type: String },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const t = e, a = j(e, "modelValue"), o = Y(), { displayErrors: s, hasErrors: i } = Ce({
+      name: t.name,
+      value: a,
+      errors: $e(t, "errors")
+    }), v = l, r = B(a.value ?? "");
+    let d = null;
+    function g(b) {
+      if (b !== a.value) {
+        const y = a.value;
+        a.value = b, v("change", {
+          was: y,
+          to: b
+        });
+      }
+    }
+    function m(b) {
+      const y = b.target.value;
+      r.value = y, d && clearTimeout(d), d = setTimeout(() => {
+        g(r.value), d = null;
+      }, t.debounce);
+    }
+    function p(b) {
+      d && (clearTimeout(d), d = null), g(b.target.value);
+    }
+    function L(b) {
+      d && (clearTimeout(d), d = null), setTimeout(() => {
+        const y = b.target.value;
+        g(y);
+      }, 0);
+    }
+    function S(b) {
+      (b.key === "PageUp" || b.key === "PageDown") && (d && (clearTimeout(d), d = null), g(b.target.value)), b.key === "Enter" && g(b.target.value);
+    }
+    return (b, y) => (u(), c("div", {
+      class: D(["g-text-input-wrap", { "g-text-input-has-error": f(i) }])
+    }, [
+      t.label ? (u(), c("label", {
+        key: 0,
+        for: b.$attrs.id || f(o),
+        class: "g-text-input-label"
+      }, C(t.label), 9, bt)) : M("", !0),
+      b.$slots.instructions || e.instructions ? (u(), c("div", {
+        key: 1,
+        id: "instructions-" + f(o),
+        class: "g-text-input-instructions"
+      }, [
+        K(b.$slots, "instructions", {}, () => [
+          N(C(e.instructions), 1)
+        ], !0)
+      ], 8, mt)) : M("", !0),
+      n("div", {
+        class: D([{
+          "g-text-input-field-wrapper": !0
+        }, `g-text-input-field-wrapper--${e.name || "nameless"}`])
+      }, [
+        t.prefix ? (u(), c("span", pt, C(t.prefix), 1)) : M("", !0),
+        n("input", ae({
+          value: a.value,
+          placeholder: t.placeholder,
+          disabled: t.disabled,
+          onInput: m,
+          onBlur: p,
+          onPaste: L,
+          onKeydown: S,
+          type: "text",
+          class: "g-text-input"
+        }, {
+          ...b.$attrs,
+          id: b.$attrs.id || f(o),
+          "aria-describedby": b.$slots.instructions || e.instructions ? "instructions-" + f(o) : void 0,
+          "aria-errormessage": f(i) ? "error-message-" + f(o) : void 0
+        }, {
+          "aria-invalid": f(i) ? "true" : "false"
+        }), null, 16, ht),
+        t.suffix ? (u(), c("span", yt, C(t.suffix), 1)) : M("", !0)
+      ], 2),
+      W(Me, {
+        errors: f(s),
+        id: "error-message-" + f(o)
+      }, null, 8, ["errors", "id"])
+    ], 2));
+  }
+}), Be = /* @__PURE__ */ z(kt, [["__scopeId", "data-v-a8882020"]]);
+function qe() {
+  window._g_overlay_stack_state || (window._g_overlay_stack_state = {
+    stack: B([]),
+    modalStack: B([]),
+    scrollLockStack: B([]),
+    updateBodyScrollLock() {
+      if (typeof document < "u")
+        if (t.value.length > 0) {
+          const o = window.innerWidth - document.documentElement.clientWidth;
+          document.body.classList.add("g-scroll-lock"), document.body.style.paddingRight = `${o}px`, document.body.style.setProperty("--g-scrollbar-width", `${o}px`);
+        } else
+          document.body.style.paddingRight = "0", document.body.classList.remove("g-scroll-lock"), document.body.style.removeProperty("--g-scrollbar-width");
+    }
+  });
+  const { stack: e, modalStack: l, scrollLockStack: t, updateBodyScrollLock: a } = window._g_overlay_stack_state;
+  return { stack: e, modalStack: l, scrollLockStack: t, updateBodyScrollLock: a };
+}
+function xe(e, l = !1, t = !1) {
+  if (!document)
+    return {};
+  const { stack: a, modalStack: o, scrollLockStack: s, updateBodyScrollLock: i } = qe(), v = l ? o : a;
+  function r() {
+    v.value.push(e), t && !s.value.includes(e) && (s.value.push(e), i());
+  }
+  function d() {
+    const p = v.value.lastIndexOf(e);
+    p !== -1 && v.value.splice(p, 1);
+    const L = s.value.lastIndexOf(e);
+    L !== -1 && (s.value.splice(L, 1), i());
+  }
+  const g = x(() => !l && o.value.length > 0 ? !1 : v.value.length > 0 && v.value[v.value.length - 1] === e), m = x(() => {
+    const p = v.value.indexOf(e);
+    return p === -1 ? 0 : (l ? 200 : 100) + p;
+  });
+  return de(d), { push: r, pop: d, isTop: g, zIndex: m };
+}
+function wt() {
+  if (!document)
+    return {};
+  const { stack: e, modalStack: l, scrollLockStack: t } = qe(), a = x(() => l.value.length > 0), o = x(
+    () => e.value.length > 0 || l.value.length > 0
+  ), s = x(() => t.value.length > 0);
+  return { hasModal: a, hasOverlay: o, hasScrollLock: s };
+}
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const $t = (e) => e != null;
+function _t(e, l = {}) {
+  let t;
+  const { immediate: a, ...o } = l, s = Ge(!1), i = Ge(!1), v = (m) => t && t.activate(m), r = (m) => t && t.deactivate(m), d = () => {
+    t && (t.pause(), i.value = !0);
+  }, g = () => {
+    t && (t.unpause(), i.value = !1);
+  };
+  return Q(x(() => nt(Ie(e)).map((m) => {
+    const p = Ie(m);
+    return typeof p == "string" ? p : rt(p);
+  }).filter($t)), (m) => {
+    if (m.length)
+      if (!t)
+        t = vt(m, {
+          ...o,
+          onActivate() {
+            s.value = !0, l.onActivate && l.onActivate();
+          },
+          onDeactivate() {
+            s.value = !1, l.onDeactivate && l.onDeactivate();
+          }
+        }), a && v();
+      else {
+        const p = t?.active;
+        t?.updateContainerElements(m), !p && a && v();
+      }
+  }, { flush: "post" }), it(() => r()), {
+    hasFocus: s,
+    isPaused: i,
+    activate: v,
+    deactivate: r,
+    pause: d,
+    unpause: g
+  };
+}
+function Ee(e, l, t = !1) {
+  const a = B(!1), { activate: o, deactivate: s, pause: i, unpause: v } = _t(e, {
+    immediate: !0,
+    clickOutsideDeactivates: t,
+    initialFocus: () => {
+      if (a.value)
+        return !1;
+      const r = e.value?.querySelector("[popover-focus]");
+      if (r)
+        return r;
+      const d = e.value?.querySelector("h2");
+      if (d)
+        return d;
+      const g = e.value?.querySelector(
+        "[aria-selected='true']"
+      );
+      if (g)
+        return g;
+    },
+    onPostPause: () => a.value = !0,
+    onPostUnpause: () => {
+      J(() => {
+        a.value = !1;
+      }).catch((r) => {
+        console.error(r);
+      });
+    }
+  });
+  return Q(l, (r) => {
+    r ? J(() => {
+      v();
+    }).catch((d) => {
+      console.error(d);
+    }) : i();
+  }), { activate: o, deactivate: s, pause: i, unpause: v };
+}
+function Ve(e, l, t, a, o) {
+  function s(v) {
+    for (const r of e)
+      if (r.value?.contains(v.target))
+        return;
+    a();
+  }
+  function i(v) {
+    v.key === "Escape" && t.value && l.value && (v.preventDefault(), J(a).catch((r) => {
+      console.error(r);
+    }));
+  }
+  re(() => {
+    document.addEventListener("mousedown", s), document.addEventListener("keydown", i);
+  }), de(() => {
+    document.removeEventListener("mousedown", s), document.removeEventListener("keydown", i), o();
+  });
+}
+function Ze(e, l, t, a) {
+  const o = a?.gap ?? 8, s = a?.margin ?? 16, i = a?.preferAbove ?? !1;
+  let v = !1, r = !1, d;
+  i ? e.top - l.height - o > t.top + s ? (d = e.top - l.height - o, v = !0) : e.bottom + l.height + o <= t.bottom - s ? d = e.bottom + o : (d = t.top + s, r = !0) : e.bottom + l.height + o > t.bottom - s && e.top - l.height - o > t.top + s ? (d = e.top - l.height - o, v = !0) : e.bottom + l.height + o > t.bottom - s && e.top - l.height - o <= t.top + s ? (d = t.top + s, r = !0) : d = e.bottom + o;
+  let g = e.left + (e.width - l.width) / 2;
+  g < t.left + s && (g = t.left + s), g + l.width > t.right - s && (g = t.right - l.width - s), g < t.left + s && (g = t.left + s);
+  const m = e.left + (e.width - l.width) / 2, p = g - m;
+  return { top: d, left: g, xOffset: p, placedAbove: v, overlay: r };
+}
+const Ct = { class: "g-popover-wrap" }, xt = ["id"], Lt = ["aria-labelledby"], St = /* @__PURE__ */ T({
+  __name: "GPopover",
+  props: /* @__PURE__ */ R({
+    minimal: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["show", "hide"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const t = e, a = l, o = j(e, "modelValue"), s = ge("triggerRef"), i = ge("popoverRef"), v = Y(), { push: r, pop: d, isTop: g, zIndex: m } = xe(v), { activate: p, deactivate: L } = Ee(i, g, !0);
+    Ve([i, s], g, o, S, d), Q(o, (G) => {
+      G ? (J(() => {
+        J(() => p());
+      }), r(), a("show")) : (L(), d(), a("hide"));
+    });
+    function S() {
+      o.value = !1;
+    }
+    function b() {
+      o.value = !o.value;
+    }
+    const y = B({ top: 0, left: 0 }), h = B({ left: "50%" }), A = B(!1), w = B(!1);
+    let I = null;
+    function H() {
+      if (!s.value || !i.value)
+        return;
+      const G = s.value.getBoundingClientRect(), X = i.value.getBoundingClientRect(), F = window.innerWidth - document.documentElement.clientWidth, te = window.innerWidth - F, ee = new DOMRect(0, 0, te, window.innerHeight), { top: se, left: $, xOffset: V, placedAbove: k, overlay: O } = Ze(G, X, ee, {
+        gap: t.minimal ? 0 : 8
+      });
+      y.value = { top: se, left: $ }, h.value = {
+        left: `${X.width / 2 - V}px`,
+        top: k ? "auto" : void 0,
+        bottom: k ? "-8px" : void 0
+      }, A.value = k, w.value = O;
+    }
+    return Q(o, (G) => {
+      G ? J(() => {
+        H(), window.addEventListener("resize", H), i.value && (I && I.disconnect(), I = new ResizeObserver(
+          () => H()
+        ), I.observe(i.value));
+      }) : (window.removeEventListener("resize", H), I && I.disconnect());
+    }), de(() => {
+      window.removeEventListener("resize", H), I && I.disconnect();
+    }), (G, X) => (u(), c("div", Ct, [
+      n("div", {
+        ref_key: "triggerRef",
+        ref: s,
+        class: "g-popover-trigger",
+        id: `${f(v)}-trigger`
+      }, [
+        K(G.$slots, "trigger", { toggle: b }, void 0, !0)
+      ], 8, xt),
+      W(_e, {
+        name: "g-popover-expand",
+        appear: ""
+      }, {
+        default: U(() => [
+          o.value ? (u(), c("div", {
+            key: 0,
+            ref_key: "popoverRef",
+            ref: i,
+            class: D({
+              "g-popover": !0,
+              "g-popover-above": A.value,
+              "g-popover-below": !A.value,
+              "g-popover-minimal": e.minimal
+            }),
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": `${f(v)}-trigger`,
+            style: ce({
+              top: y.value.top + "px",
+              left: y.value.left + "px",
+              zIndex: f(m)
+            })
+          }, [
+            !w.value && !e.minimal ? (u(), c("div", {
+              key: 0,
+              class: D(["g-popover-arrow", { "g-popover-arrow-above": A.value }]),
+              style: ce(h.value),
+              "aria-hidden": "true"
+            }, null, 6)) : M("", !0),
+            K(G.$slots, "default", {}, void 0, !0),
+            e.minimal ? M("", !0) : (u(), c("button", {
+              key: 1,
+              class: "g-popover-close",
+              type: "button",
+              "aria-label": "Close popover",
+              onClick: S
+            }, [...X[0] || (X[0] = [
+              n("svg", {
+                class: "g-popover-close-icon",
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 51.26 51.26",
+                "aria-hidden": "true"
+              }, [
+                n("path", {
+                  fill: "currentColor",
+                  d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
+                })
+              ], -1)
+            ])]))
+          ], 14, Lt)) : M("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Te = /* @__PURE__ */ z(St, [["__scopeId", "data-v-9df8ca26"]]), It = ["disabled"], Mt = { class: "g-select-btn-legend" }, Bt = { class: "g-select-btn-row" }, Et = ["id", "name", "value", "checked", "disabled", "onChange"], Vt = ["for"], Tt = /* @__PURE__ */ T({
+  __name: "GSelectButton",
+  props: /* @__PURE__ */ R({
+    options: {},
+    label: {},
+    size: { default: "medium" },
+    name: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    errors: { default: () => [] }
+  }, {
+    modelValue: { default: () => "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const t = e, a = l, o = j(e, "modelValue"), s = Y(), { displayErrors: i, hasErrors: v } = Ce({
+      name: t.name,
+      value: o,
+      errors: $e(t, "errors")
+    }), r = x(() => t.options.map((p) => typeof p == "string" ? { label: p, value: p } : p)), d = x(() => [
+      "g-select-btn-group",
+      `g-select-btn-group--${t.size}`
+    ]), g = (p) => [
+      "g-select-btn",
+      p ? "g-select-btn--selected" : "",
+      { "g-select-btn--disabled": t.disabled }
+    ];
+    function m(p) {
+      !t.disabled && p !== o.value && (o.value = p, a("change", p));
+    }
+    return (p, L) => (u(), c("fieldset", {
+      class: D(d.value),
+      disabled: t.disabled
+    }, [
+      n("legend", Mt, C(t.label), 1),
+      n("div", {
+        class: D(["g-select-btn-wrapper", { "g-select-btn-has-error": f(v) }])
+      }, [
+        n("div", Bt, [
+          (u(!0), c(P, null, Z(r.value, (S, b) => (u(), c(P, {
+            key: S.value
+          }, [
+            n("input", {
+              class: "g-select-btn-radio",
+              type: "radio",
+              id: `${f(s)}-${S.value}`,
+              name: t.name || f(s),
+              value: S.value,
+              checked: S.value === o.value,
+              disabled: t.disabled,
+              onChange: (y) => m(S.value)
+            }, null, 40, Et),
+            n("label", {
+              for: `${f(s)}-${S.value}`,
+              class: D(g(S.value === o.value))
+            }, C(S.label), 11, Vt)
+          ], 64))), 128))
+        ]),
+        W(Me, {
+          errors: f(i),
+          id: "error-message-" + f(s)
+        }, null, 8, ["errors", "id"])
+      ], 2)
+    ], 10, It));
+  }
+}), At = /* @__PURE__ */ z(Tt, [["__scopeId", "data-v-cde3230c"]]), zt = ["width", "height"], Gt = ["cx", "cy", "r"], Ot = ["cx", "cy", "r", "stroke-dasharray", "stroke-dashoffset"], Dt = ["cx", "cy", "r"], oe = 4, Ft = /* @__PURE__ */ T({
+  __name: "GProgress",
+  props: {
+    label: { default: "Loading" },
+    value: { default: void 0 },
+    size: { default: "medium" }
+  },
+  setup(e) {
+    const l = e, t = x(
+      () => l.value && l.value >= 1 && l.value <= 100
+    ), a = x(() => {
+      switch (l.size) {
+        case "tiny":
+          return 9;
+        case "small":
+          return 12;
+        case "large":
+          return 24;
+        default:
+          return 18;
+      }
+    }), o = x(() => 2 * Math.PI * a.value), s = x(
+      () => t.value ? l.value / 100 * o.value : 0
+    ), i = x(
+      () => t.value ? {
+        role: "progressbar",
+        "aria-valuenow": l.value,
+        "aria-valuemin": 1,
+        "aria-valuemax": 100,
+        "aria-label": l.label
+      } : {
+        role: "status",
+        "aria-label": l.label
+      }
+    );
+    return (v, r) => (u(), c("span", ae({ class: "g-progress" }, i.value), [
+      (u(), c("svg", {
+        width: a.value * 2 + oe,
+        height: a.value * 2 + oe,
+        class: D([
+          "g-progress__svg",
+          {
+            "g-progress--determinate": t.value,
+            "g-progress--indeterminate": !t.value
+          }
+        ]),
+        focusable: "false",
+        "aria-hidden": "true"
+      }, [
+        n("circle", {
+          class: "g-progress__track",
+          cx: a.value + oe / 2,
+          cy: a.value + oe / 2,
+          r: a.value,
+          "stroke-width": oe,
+          fill: "none"
+        }, null, 8, Gt),
+        t.value ? (u(), c("circle", {
+          key: 0,
+          class: "g-progress__value",
+          cx: a.value + oe / 2,
+          cy: a.value + oe / 2,
+          r: a.value,
+          "stroke-width": oe,
+          fill: "none",
+          "stroke-dasharray": o.value,
+          "stroke-dashoffset": o.value - s.value,
+          style: { transform: "rotate(-90deg)", "transform-origin": "center" }
+        }, null, 8, Ot)) : (u(), c("circle", {
+          key: 1,
+          class: "g-progress__spinner",
+          cx: a.value + oe / 2,
+          cy: a.value + oe / 2,
+          r: a.value,
+          "stroke-width": oe,
+          fill: "none"
+        }, null, 8, Dt))
+      ], 10, zt))
+    ], 16));
+  }
+}), Pt = /* @__PURE__ */ z(Ft, [["__scopeId", "data-v-7dccaf49"]]), Rt = ["id", "aria-labelledby", "aria-describedby"], Ht = { class: "g-alertdialog-inner" }, Kt = ["id"], Ut = ["id"], jt = { class: "g-alertdialog-actions" }, Nt = /* @__PURE__ */ T({
+  __name: "GAlertDialog",
+  props: {
+    label: { default: "Confirmation" },
+    buttonText: { default: "Continue" },
+    buttonColor: { default: "primary" }
+  },
+  emits: ["cancel", "confirm"],
+  setup(e, { emit: l }) {
+    const t = e, a = l, o = B(null), s = B(!0), i = Y(), { pop: v, push: r, isTop: d, zIndex: g } = xe(i, !0, !0), { deactivate: m, activate: p } = Ee(o, d);
+    function L() {
+      a("cancel");
+    }
+    return Ve([o], d, s, L, v), re(() => {
+      r(), p();
+    }), Ke(() => {
+      v(), m();
+    }), (S, b) => (u(), q(Ue, { to: "#modal-root" }, [
+      W(_e, {
+        name: "g-fade",
+        appear: ""
+      }, {
+        default: U(() => [
+          n("div", {
+            id: "alertdialog-" + f(i),
+            class: "g-alertdialog",
+            role: "alertdialog",
+            "aria-modal": "true",
+            "aria-labelledby": "alertdialog-label-" + f(i),
+            "aria-describedby": "alertdialog-description-" + f(i),
+            ref_key: "dialog",
+            ref: o,
+            style: ce({ zIndex: f(g) })
+          }, [
+            n("div", Ht, [
+              n("h2", {
+                id: "alertdialog-label-" + f(i),
+                class: "g-alertdialog-label"
+              }, C(t.label), 9, Kt),
+              n("div", {
+                id: "alertdialog-description-" + f(i),
+                class: "g-alertdialog-content"
+              }, [
+                K(S.$slots, "default", {}, void 0, !0)
+              ], 8, Ut),
+              n("div", jt, [
+                W(ne, {
+                  outlined: "",
+                  onClick: b[0] || (b[0] = (y) => a("cancel"))
+                }, {
+                  default: U(() => [...b[2] || (b[2] = [
+                    N("Cancel", -1)
+                  ])]),
+                  _: 1
+                }),
+                W(ne, {
+                  theme: t.buttonColor,
+                  onClick: b[1] || (b[1] = (y) => a("confirm"))
+                }, {
+                  default: U(() => [
+                    N(C(t.buttonText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["theme"])
+              ])
+            ])
+          ], 12, Rt)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Ro = /* @__PURE__ */ z(Nt, [["__scopeId", "data-v-8bac6ffd"]]), Wt = ["id"], qt = { class: "g-select-input-wrap" }, Zt = ["id"], Yt = ["value", "placeholder", "disabled", "aria-controls", "aria-expanded", "aria-activedescendant"], Qt = ["id", "aria-controls", "aria-expanded", "aria-activedescendant"], Jt = ["id"], Xt = ["id", "aria-selected", "onClick"], el = {
+  key: 1,
+  "aria-live": "polite",
+  class: "g-select-combo-option g-select-option g-select-no-results"
+}, tl = /* @__PURE__ */ T({
+  __name: "GSelect",
+  props: /* @__PURE__ */ R({
+    options: {},
+    label: {},
+    hiddenLabel: { type: Boolean },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    name: { default: void 0 },
+    searchable: { type: Boolean, default: !1 },
+    clearButton: { type: Boolean },
+    compact: { type: Boolean, default: !1 },
+    errors: { default: () => [] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const t = e, a = l, o = j(e, "modelValue"), s = Y(), i = B(null), v = B(null), r = B(!1), d = B(0), g = B(!1), m = B(!1), { push: p, pop: L, isTop: S } = xe(s), { displayErrors: b, hasErrors: y } = Ce({
+      name: t.name,
+      value: o,
+      errors: $e(t, "errors")
+    }), h = B("below"), A = B(null), w = x(() => {
+      const _ = {};
+      return A.value !== null && (_.maxHeight = `${A.value}px`), h.value === "above" ? (_.top = "auto", _.bottom = "100%") : (_.top = "100%", _.bottom = "auto"), _;
+    });
+    function I() {
+      if (!r.value || !i.value)
+        return;
+      const _ = i.value.getBoundingClientRect(), E = window.innerHeight - _.bottom, le = _.top, ie = v.value?.scrollHeight ?? 200, Le = Math.min(200, ie), Se = 8;
+      if (E >= Le) {
+        h.value = "below", A.value = Math.max(0, Math.floor(E - Se));
+        return;
+      }
+      if (E < Le && le > E) {
+        h.value = "above", A.value = Math.max(0, Math.floor(le - Se));
+        return;
+      }
+      h.value = "below", A.value = Math.max(0, Math.floor(E - Se));
+    }
+    let H = null;
+    function G() {
+      if (H)
+        return;
+      const _ = () => {
+        I();
+      };
+      window.addEventListener("resize", _, { passive: !0 }), window.addEventListener("scroll", _, {
+        passive: !0,
+        capture: !0
+      }), H = () => {
+        window.removeEventListener("resize", _), window.removeEventListener("scroll", _, !0), H = null;
+      };
+    }
+    function X() {
+      H && H();
+    }
+    const F = x(() => t.options.map((_) => typeof _ == "string" ? { label: _, value: _ } : _)), te = B(""), ee = x(() => {
+      if (!t.searchable || !r.value || !te.value)
+        return F.value;
+      const _ = te.value.toLowerCase();
+      return F.value.filter(
+        (E) => E.label.toLowerCase().includes(_)
+      );
+    }), se = x(() => ee.value.findIndex((_) => _.value === o.value));
+    Q(
+      () => o.value,
+      (_) => {
+        const E = ee.value.findIndex((le) => le.value === _);
+        E !== -1 && (d.value = E);
+      }
+    ), Q(r, (_) => {
+      _ ? p() : L();
+    }), Q(r, (_) => {
+      _ ? (G(), J(() => {
+        I();
+      })) : (X(), h.value = "below", A.value = null);
+    });
+    function $() {
+      if (!t.disabled && (r.value = !0, J(() => {
+        I();
+      }), t.searchable)) {
+        te.value = "";
+        const _ = ee.value.findIndex(
+          (E) => E.value === o.value
+        );
+        d.value = _ !== -1 ? _ : 0, J(() => {
+          k.value && k.value.focus();
+        });
+      }
+    }
+    function V() {
+      r.value = !1, t.searchable && (te.value = "");
+    }
+    de(() => {
+      X();
+    });
+    const k = B(null);
+    function O(_) {
+      if (!t.disabled && t.searchable) {
+        if (m.value) {
+          m.value = !1;
+          return;
+        }
+        $();
+      }
+    }
+    function ve(_) {
+      if (!t.searchable) return;
+      r.value || $(), te.value = _.target.value;
+      const E = ee.value.findIndex(
+        (le) => le.value === o.value
+      );
+      d.value = E !== -1 ? E : 0;
+    }
+    function me(_) {
+      const E = _.relatedTarget;
+      if (g.value) {
+        g.value = !1;
+        return;
+      }
+      E && v.value && v.value.contains(E) || (t.searchable && (te.value = ""), V());
+    }
+    function pe(_) {
+      const E = ee.value[_];
+      E && E.value !== o.value && (o.value = E.value, a("change", E.value)), m.value = !0, V(), setTimeout(() => {
+        m.value = !1;
+      }, 100);
+    }
+    function he() {
+      t.disabled || (r.value ? V() : $());
+    }
+    function ye(_) {
+      if (t.disabled)
+        return;
+      const E = ee.value.length - 1;
+      if (!r.value && ["ArrowDown", "ArrowUp", "Enter", " "].includes(_.key)) {
+        _.preventDefault(), $();
+        return;
+      }
+      switch (_.key) {
+        case "ArrowDown":
+          _.preventDefault(), r.value ? (d.value = Math.min(E, d.value + 1), ke()) : $();
+          break;
+        case "ArrowUp":
+          _.preventDefault(), r.value ? (d.value = Math.max(0, d.value - 1), ke()) : $();
+          break;
+        case "Home":
+          _.preventDefault(), d.value = 0, ke();
+          break;
+        case "End":
+          _.preventDefault(), d.value = E, ke();
+          break;
+        case "Enter":
+        case " ":
+          _.preventDefault(), r.value ? pe(d.value) : $();
+          break;
+        case "Escape":
+          S.value && (_.preventDefault(), setTimeout(() => {
+            V();
+          }, 0));
+          break;
+      }
+    }
+    function Qe(_) {
+      pe(_);
+    }
+    function Je() {
+      g.value = !0;
+    }
+    function ke() {
+      J(() => {
+        const _ = document.getElementById(
+          `${s}-option-${d.value}`
+        );
+        _ && _.scrollIntoView({ block: "nearest" });
+      });
+    }
+    const Ae = x(() => t.clearButton && o.value !== null && o.value !== void 0 && !t.disabled);
+    function ze() {
+      t.disabled || (o.value = null, a("change", null), t.searchable && (te.value = ""));
+    }
+    return de(() => {
+      L();
+    }), (_, E) => (u(), c("div", {
+      class: D(["g-select-root g-select-combo", { "g-select-open": r.value, "g-select-compact": e.compact, "g-select-has-error": f(y) }])
+    }, [
+      e.hiddenLabel ? M("", !0) : (u(), c("div", {
+        key: 0,
+        id: f(s) + "-label",
+        class: "g-select-combo-label g-select-label"
+      }, C(t.label), 9, Wt)),
+      n("div", qt, [
+        t.searchable ? (u(), c("div", {
+          key: 0,
+          class: "g-select-combo-input g-select-control",
+          id: f(s)
+        }, [
+          n("input", ae(
+            {
+              ref_key: "comboRef",
+              ref: i,
+              type: "text",
+              name: "comboInput",
+              class: ["g-select-search-input", { "g-select-clearable": e.clearButton }],
+              value: r.value ? te.value : F.value[se.value] ? F.value[se.value].label : "",
+              placeholder: r.value ? "" : e.placeholder,
+              disabled: t.disabled,
+              onFocus: O,
+              onInput: ve,
+              onKeydown: ye,
+              onBlur: me,
+              "aria-autocomplete": "list",
+              "aria-controls": f(s) + "-listbox",
+              "aria-expanded": r.value ? "true" : "false",
+              "aria-haspopup": "listbox",
+              "aria-activedescendant": r.value ? f(s) + "-option-" + d.value : void 0
+            },
+            e.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": f(s) + "-label" },
+            {
+              role: "combobox",
+              autocomplete: "off"
+            }
+          ), null, 16, Yt),
+          Ae.value ? (u(), c("button", {
+            key: 0,
+            type: "button",
+            class: "g-select-clear-btn",
+            onClick: ze
+          }, [...E[0] || (E[0] = [
+            n("svg", {
+              role: "img",
+              "aria-label": "Clear Selection",
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 51.26 51.26",
+              width: "1.125em"
+            }, [
+              n("path", {
+                fill: "currentColor",
+                d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
+              })
+            ], -1)
+          ])])) : M("", !0),
+          E[1] || (E[1] = n("svg", {
+            class: "g-select-caret",
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 51.26 51.26",
+            "aria-hidden": "true",
+            width: "1.125em"
+          }, [
+            n("path", {
+              fill: "currentColor",
+              d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
+            })
+          ], -1))
+        ], 8, Zt)) : (u(), c("div", ae(
+          {
+            key: 1,
+            ref_key: "comboRef",
+            ref: i,
+            id: f(s),
+            class: ["g-select-combo-button g-select-control", { "g-select-clearable": e.clearButton }],
+            role: "combobox",
+            "aria-controls": f(s) + "-listbox",
+            "aria-expanded": r.value ? "true" : "false",
+            "aria-haspopup": "listbox"
+          },
+          e.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": f(s) + "-label" },
+          {
+            "aria-activedescendant": r.value ? f(s) + "-option-" + d.value : void 0,
+            tabindex: "0",
+            onClick: he,
+            onKeydown: ye,
+            onFocus: O,
+            onBlur: me
+          }
+        ), [
+          N(C(F.value[se.value] ? F.value[se.value].label : "") + " ", 1),
+          Ae.value ? (u(), c("button", {
+            key: 0,
+            type: "button",
+            class: "g-select-clear-btn",
+            onClick: ue(ze, ["stop"])
+          }, [...E[2] || (E[2] = [
+            n("svg", {
+              role: "img",
+              "aria-label": "Clear Selection",
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 51.26 51.26",
+              width: "1.125em"
+            }, [
+              n("path", {
+                fill: "currentColor",
+                d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
+              })
+            ], -1)
+          ])])) : M("", !0),
+          E[3] || (E[3] = n("svg", {
+            class: "g-select-caret",
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 51.26 51.26",
+            "aria-hidden": "true",
+            width: "1.125em"
+          }, [
+            n("path", {
+              fill: "currentColor",
+              d: "M38.75 24.13a1.36 1.36 0 0 1 0 2.36l-12.44 7.18-12.43 7.18a1.36 1.36 0 0 1-2.05-1.18V11a1.36 1.36 0 0 1 2.05-1.18L26.31 17Z"
+            })
+          ], -1))
+        ], 16, Qt)),
+        we(n("div", ae(
+          {
+            ref_key: "listboxRef",
+            ref: v,
+            class: ["g-select-combo-menu g-select-list", {
+              "g-select-combo-menu--above": h.value === "above"
+            }],
+            style: w.value,
+            role: "listbox",
+            id: f(s) + "-listbox"
+          },
+          e.hiddenLabel ? { "aria-label": t.label } : { "aria-labelledby": f(s) + "-label" },
+          { tabindex: "-1" }
+        ), [
+          ee.value.length > 0 ? (u(!0), c(P, { key: 0 }, Z(ee.value, (le, ie) => (u(), c("div", {
+            key: le.value,
+            id: f(s) + "-option-" + ie,
+            class: D(["g-select-combo-option g-select-option", {
+              "g-select-option-current": ie === d.value,
+              "ilw-theme-blue": le.value === o.value
+            }]),
+            role: "option",
+            "aria-selected": le.value === o.value ? "true" : "false",
+            onMousedown: Je,
+            onClick: (Le) => Qe(ie)
+          }, [
+            K(_.$slots, "option", {
+              option: le,
+              selected: le.value === o.value,
+              index: ie
+            }, () => [
+              N(C(le.label), 1)
+            ], !0)
+          ], 42, Xt))), 128)) : (u(), c("div", el, " No results found. "))
+        ], 16, Jt), [
+          [et, r.value]
+        ])
+      ]),
+      W(Me, {
+        errors: f(b),
+        id: "error-message-" + f(s)
+      }, null, 8, ["errors", "id"])
+    ], 2));
+  }
+}), Ye = /* @__PURE__ */ z(tl, [["__scopeId", "data-v-750e1c19"]]), ll = ["aria-label"], al = ["placeholder", "value", "aria-expanded", "aria-controls", "aria-activedescendant"], ol = {
+  key: 0,
+  class: "g-search-dropdown"
+}, sl = {
+  "aria-live": "polite",
+  class: "g-search-result-count"
+}, nl = ["id"], rl = ["aria-label"], il = { class: "g-search-group-label" }, ul = ["id", "onMousedown", "aria-selected"], dl = ["id", "onMousedown", "aria-selected"], Ho = /* @__PURE__ */ T({
+  __name: "GSearch",
+  props: /* @__PURE__ */ R({
+    results: {},
+    placeholder: { default: "Search..." },
+    label: { default: "Search" },
+    auto: { type: Boolean, default: !0 },
+    loading: { type: Boolean }
+  }, {
+    modelValue: { default: () => "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["select", "submit"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const t = j(e, "modelValue"), a = e, o = l, s = B(null), i = B(null), v = B(!0), r = B(-1), d = x(() => Array.isArray(a.results) && a.results.length && "items" in a.results[0] ? a.results.flatMap((I) => I.items) : a.results), g = x(() => d.value.length);
+    function m(I) {
+      const H = I.target.value;
+      t.value = H, a.auto && H.length > 1 && (v.value = !1);
+    }
+    function p() {
+      J(() => {
+        const I = i.value?.querySelector('[aria-selected="true"]');
+        I && I.scrollIntoView({ block: "nearest" });
+      });
+    }
+    const { focused: L } = ut(s);
+    function S(I) {
+      const H = I.altKey;
+      if (I.key === "ArrowDown") {
+        if (!g.value)
+          return;
+        I.preventDefault(), v.value = !1, H || (r.value = (r.value + 1) % g.value, p());
+      } else if (I.key === "ArrowUp") {
+        if (!g.value)
+          return;
+        I.preventDefault(), v.value = !1, r.value = (r.value - 1 + g.value) % g.value, p();
+      } else if (I.key === "Enter")
+        v.value ? (o("submit", t.value), v.value = !1, I.preventDefault()) : b(d.value[r.value]);
+      else if (I.key === "Escape") {
+        if (!g.value)
+          return;
+        I.preventDefault(), h.value || (t.value = ""), v.value = !0, r.value = -1;
+      }
+      ["Backspace", "Delete", "Clear", "Undo"].includes(I.key) && (v.value = !0);
+    }
+    function b(I) {
+      o("select", I), t.value = "", v.value = !0, r.value = -1;
+    }
+    const y = x(() => !!a.loading), h = x(() => L.value && !v.value), A = dt(() => {
+      o("submit", t.value);
+    }, 300);
+    Q(
+      () => t.value,
+      (I) => {
+        I ? a.auto && A() : r.value = -1;
+      }
+    );
+    const w = Y();
+    return (I, H) => (u(), c("div", {
+      class: "g-search",
+      role: "search",
+      "aria-label": a.label
+    }, [
+      n("form", {
+        class: "g-search-form",
+        onSubmit: H[0] || (H[0] = ue((G) => b(null), ["prevent"]))
+      }, [
+        n("input", {
+          ref_key: "inputRef",
+          ref: s,
+          class: "g-search-input",
+          name: "search",
+          type: "search",
+          placeholder: a.placeholder,
+          value: t.value,
+          onInput: m,
+          onKeydown: S,
+          role: "combobox",
+          "aria-expanded": h.value,
+          "aria-autocomplete": "list",
+          "aria-controls": `${f(w)}-list`,
+          "aria-activedescendant": r.value >= 0 ? "g-search-option-" + d.value[r.value].id : void 0
+        }, null, 40, al),
+        n("button", {
+          type: "submit",
+          class: "g-search-submit",
+          "aria-label": "Submit search",
+          onKeydown: S
+        }, [
+          y.value ? (u(), q(Pt, {
+            key: 0,
+            size: "tiny"
+          })) : M("", !0),
+          H[1] || (H[1] = n("svg", {
+            role: "img",
+            "aria-label": "Search",
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 51.26 51.26"
+          }, [
+            n("path", {
+              fill: "currentColor",
+              d: "M30 9.76A14.05 14.05 0 1 0 28.3 31l11.3 13a3.34 3.34 0 0 0 4.72-4.72L31.44 27.86A14.05 14.05 0 0 0 30 9.76ZM27.27 27a10.26 10.26 0 1 1 0-14.5 10.25 10.25 0 0 1 0 14.5Z"
+            })
+          ], -1))
+        ], 32)
+      ], 32),
+      h.value ? (u(), c("div", ol, [
+        n("div", sl, [
+          y.value ? M("", !0) : (u(), c(P, { key: 0 }, [
+            N(C(g.value) + " result" + C(g.value === 1 ? "" : "s"), 1)
+          ], 64))
+        ]),
+        n("div", {
+          role: "listbox",
+          id: `${f(w)}-list`,
+          ref_key: "listboxRef",
+          ref: i,
+          "aria-label": "Search results"
+        }, [
+          g.value > 0 && "items" in a.results[0] ? (u(!0), c(P, { key: 0 }, Z(a.results, (G, X) => (u(), c("div", {
+            key: G.type,
+            class: "g-search-group",
+            role: "group",
+            "aria-label": G.label
+          }, [
+            K(I.$slots, "group", { group: G }, () => [
+              n("div", il, C(G.label), 1)
+            ]),
+            (u(!0), c(P, null, Z(G.items, (F, te) => (u(), c("div", {
+              key: F.id,
+              id: "g-search-option-" + F.id,
+              class: D(["g-search-option", {
+                "g-search-option-active": d.value[r.value] && d.value[r.value].id === F.id
+              }]),
+              role: "option",
+              onMousedown: ue((ee) => b(F), ["prevent"]),
+              "aria-selected": d.value[r.value] && d.value[r.value].id === F.id
+            }, [
+              K(I.$slots, "option", { option: F }, () => [
+                N(C(F.title), 1)
+              ])
+            ], 42, ul))), 128))
+          ], 8, rl))), 128)) : g.value > 0 ? (u(!0), c(P, { key: 1 }, Z(d.value, (G, X) => (u(), c("div", {
+            key: G.id,
+            id: "g-search-option-" + G.id,
+            class: D(["g-search-option", {
+              "g-search-option-active": r.value === X
+            }]),
+            role: "option",
+            onMousedown: ue((F) => b(G), ["prevent"]),
+            "aria-selected": r.value === X
+          }, [
+            K(I.$slots, "option", { option: G }, () => [
+              N(C(G.title), 1)
+            ])
+          ], 42, dl))), 128)) : M("", !0)
+        ], 8, nl)
+      ])) : M("", !0)
+    ], 8, ll));
+  }
+}), cl = {
+  class: /* @__PURE__ */ D({
+    "g-app-header": !0
+  })
+}, vl = { class: "g-app-header__brand" }, fl = {
+  class: "g-app-header__brand-text",
+  href: "/"
+}, gl = {
+  key: 0,
+  class: "g-app-header__block-i-container"
+}, bl = { class: "g-app-header__title" }, ml = { class: "g-app-header__app-controls-wrap" }, pl = /* @__PURE__ */ T({
+  __name: "GAppHeader",
+  props: {
+    illinois: { type: Boolean, default: !1 },
+    brand: { default: "GRAD" }
+  },
+  setup(e) {
+    return (l, t) => (u(), c("header", cl, [
+      t[1] || (t[1] = n("div", { class: "g-app-header__background" }, [
+        n("div", { class: "g-app-header__background-pattern" }),
+        n("div", { class: "g-app-header__background-gradient" })
+      ], -1)),
+      n("div", vl, [
+        K(l.$slots, "left", {}, () => [
+          n("a", fl, C(e.brand), 1)
+        ], !0)
+      ]),
+      e.illinois ? (u(), c("div", gl, [...t[0] || (t[0] = [
+        n("svg", {
+          class: "g-app-header__block-i",
+          role: "img",
+          width: "55",
+          viewBox: "0 0 55 79",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          n("title", null, "Block I logo"),
+          n("path", {
+            class: "g-app-header__block-i-outline",
+            d: "M54.2 21.1V0H0v21.1h12v36.1H0v21.1h54.2V57.2h-12V21.1z"
+          }),
+          n("path", {
+            class: "g-app-header__block-i-fill",
+            d: "M42.1 18.1h9V3H3v15h9c1.7 0 3 1.3 3 3v36.1c0 1.7-1.3 3-3 3H3v15h48.1v-15h-9c-1.7 0-3-1.3-3-3v-36c0-1.7 1.4-3 3-3z"
+          })
+        ], -1)
+      ])])) : K(l.$slots, "icon", { key: 1 }, void 0, !0),
+      n("div", bl, [
+        K(l.$slots, "title", {}, void 0, !0)
+      ]),
+      n("div", ml, [
+        K(l.$slots, "app-controls", { class: "g-app-header__app-controls" }, void 0, !0)
+      ])
+    ]));
+  }
+}), Ko = /* @__PURE__ */ z(pl, [["__scopeId", "data-v-5c3dd169"]]), hl = ["id"], yl = /* @__PURE__ */ T({
+  __name: "GSidebar",
+  props: {
+    backgroundColor: { default: "" },
+    backgroundImage: { default: "none" },
+    theme: { default: "dark" },
+    topOffset: { default: "" },
+    topOffsetVar: { default: "" },
+    width: { default: "300px" }
+  },
+  setup(e) {
+    const l = e, t = be(
+      "sidebar",
+      // This isn't required, so the default value just avoids compiler warnings
+      () => {
+      },
+      !0
+    ), a = x(() => l.backgroundImage ? l.backgroundImage : l.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), o = x(() => l.backgroundColor ? l.backgroundColor : l.theme === "light" ? "#f9f9f9" : "#030913"), s = x(() => l.topOffsetVar ? `var(${l.topOffsetVar})` : l.topOffset ? l.topOffset : "var(--g-toolbar-height)"), i = Y();
+    function v(r) {
+      r.key === "Escape" && t?.isCollapsible?.value && t?.open?.value && (t.open.value = !1, document.getElementById(`${t.id}-hamburger`)?.focus());
+    }
+    return (r, d) => (u(), c("div", {
+      ref: "sidebar-ref",
+      id: `${f(t)?.id ?? f(i)}-sidebar`,
+      class: D(["g-sidebar", [
+        `g-sidebar__${e.theme}`,
+        {
+          "g-sidebar--collapsible": f(t)?.isCollapsible?.value,
+          "g-sidebar--closed": !f(t)?.open?.value && f(t)?.isCollapsible?.value,
+          "g-sidebar--open": f(t)?.open?.value && f(t)?.isCollapsible?.value
+        }
+      ]]),
+      style: ce({
+        backgroundImage: a.value,
+        backgroundColor: o.value,
+        "--g-sidebar-top-offset": s.value,
+        "--g-sidebar-width": e.width ?? "300px",
+        width: "var(--g-sidebar-width)"
+      }),
+      onKeydown: v
+    }, [
+      K(r.$slots, "default", {}, void 0, !0)
+    ], 46, hl));
+  }
+}), Uo = /* @__PURE__ */ z(yl, [["__scopeId", "data-v-859b6ad5"]]), kl = ["id"], wl = { class: "g-sidebar-menu__list" }, $l = ["href", "aria-current", "onClick"], _l = /* @__PURE__ */ T({
+  __name: "GSidebarMenu",
+  props: /* @__PURE__ */ R({
+    title: {},
+    items: {},
+    offset: { default: 70 },
+    spy: { type: Boolean, default: !0 },
+    theme: { default: "light" },
+    compact: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: null, type: String },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, t = j(e, "modelValue"), a = x(() => l.spy && t.value ? "#" + t.value : null), o = ge("content");
+    re(() => {
+      Q(
+        t,
+        () => {
+          J(() => {
+            const d = o.value?.querySelector(
+              ".g-sidebar-menu__is-active"
+            );
+            d && d.scrollIntoView({ block: "nearest" });
+          });
+        },
+        { immediate: !0 }
+      );
+    });
+    const s = je(), i = x(() => s?.appContext?.components?.RouterLink ?? null);
+    function v(d, g) {
+      if (!g.href || !g.href.startsWith("#"))
+        return;
+      const m = g.href.slice(1), p = document.getElementById(m)?.querySelector("h2, h3, h4, h5");
+      p && (d.preventDefault(), p.setAttribute("tabindex", "-1"), p.focus(), p.scrollIntoView({ block: "start" }), history.replaceState(null, "", g.href));
+    }
+    const r = Y();
+    return (d, g) => (u(), c("nav", ae({
+      class: ["g-sidebar-menu", [
+        `g-sidebar-menu__${l.theme}`,
+        { "g-sidebar-menu--compact": l.compact }
+      ]]
+    }, {
+      "aria-labelledby": e.title ? f(r) : void 0,
+      "aria-label": e.title ? void 0 : "Sidebar Menu"
+    }), [
+      e.title ? (u(), c("h2", {
+        key: 0,
+        id: f(r),
+        class: "g-sidebar-menu__title"
+      }, C(e.title), 9, kl)) : M("", !0),
+      g[0] || (g[0] = n("div", { class: "g-sidebar-menu__divider" }, null, -1)),
+      n("div", {
+        class: "g-sidebar-menu__content",
+        ref_key: "content",
+        ref: o
+      }, [
+        n("ul", wl, [
+          (u(!0), c(P, null, Z(e.items, (m) => (u(), c("li", {
+            key: m.href || m.to,
+            class: "g-sidebar-menu__item",
+            ref_for: !0,
+            ref: "listItems"
+          }, [
+            m.to && i.value ? (u(), q(fe(i.value), {
+              key: 0,
+              class: "g-sidebar-menu__link",
+              to: m.to
+            }, {
+              default: U(() => [
+                N(C(m.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["to"])) : (u(), c("a", {
+              key: 1,
+              class: D(["g-sidebar-menu__link", {
+                "g-sidebar-menu__is-active": a.value === (m.href || "")
+              }]),
+              href: m.href || m.to || "#",
+              "aria-current": a.value === (m.href || "") ? "location" : void 0,
+              onClick: (p) => v(p, m)
+            }, C(m.label), 11, $l))
+          ]))), 128))
+        ])
+      ], 512)
+    ], 16));
+  }
+}), jo = /* @__PURE__ */ z(_l, [["__scopeId", "data-v-26c98caa"]]);
+let Cl = 1;
+function xl(e, l) {
+  const t = document.createElement("div");
+  return t.className = "v-gtooltip", t.textContent = e, t.setAttribute("role", "tooltip"), t.setAttribute("id", l), t;
+}
+function Pe(e, l) {
+  const t = e.getBoundingClientRect(), a = l.getBoundingClientRect(), o = new DOMRect(window.scrollX, window.scrollY, window.innerWidth, window.innerHeight), { top: s, left: i, placedAbove: v } = Ze(t, a, o, {
+    gap: 8,
+    margin: 8,
+    preferAbove: !0
+  }), g = (t.left + t.width / 2 - i) / a.width * 100;
+  l.style.setProperty("--v-gtooltip-arrow-x", `${g}%`), l.classList.remove("v-gtooltip-bottom"), v || l.classList.add("v-gtooltip-bottom"), l.style.left = `${i}px`, l.style.top = `${s}px`, l.style.opacity = "1";
+}
+function Ll(e) {
+  e.style.opacity = "0";
+}
+const Sl = {
+  mounted(e, l) {
+    const t = B(null), a = B(!1), o = B(!1), s = B(l.value);
+    let i = null, v;
+    e.getAttribute("aria-describedby") ? v = e.getAttribute("aria-describedby") : (v = `v-gtooltip-${++Cl}`, e.setAttribute("aria-describedby", v));
+    const r = () => {
+      t.value || (t.value = xl(s.value, v), e.parentNode ? e.parentNode.insertBefore(t.value, e.nextSibling) : document.body.appendChild(t.value), i = new ResizeObserver(() => {
+        t.value && (a.value || o.value) && Pe(e, t.value);
+      }), i.observe(t.value));
+    };
+    Oe(() => {
+      t.value && (t.value.textContent = s.value);
+    }), Oe(() => {
+      a.value || o.value ? (r(), t.value && Pe(e, t.value)) : t.value && (Ll(t.value), setTimeout(() => {
+        e.dispatchEvent(new CustomEvent("tooltip-hide"));
+      }, 150));
+    });
+    const d = () => {
+      a.value = !0;
+    }, g = () => {
+      a.value = !1;
+    }, m = () => {
+      o.value = !0;
+    }, p = () => {
+      o.value = !1;
+    }, L = (S) => {
+      (S.key === "Escape" || S.key === "Esc") && (a.value = !1, o.value = !1);
+    };
+    e.addEventListener("mouseenter", d), e.addEventListener("mouseleave", g), e.addEventListener("focus", m), e.addEventListener("blur", p), e.addEventListener("keydown", L), r(), e._v_gtooltip = {
+      onMouseEnter: d,
+      onMouseLeave: g,
+      onFocus: m,
+      onBlur: p,
+      onKeyDown: L,
+      tooltip: t,
+      tooltipText: s,
+      isHovered: a,
+      isFocused: o,
+      resizeObserver: i,
+      tooltipId: v
+    };
+  },
+  updated(e, l) {
+    const t = e._v_gtooltip;
+    t && t.tooltipText && (t.tooltipText.value = l.value);
+  },
+  unmounted(e) {
+    const l = e._v_gtooltip;
+    l && l.tooltip && l.tooltip.value && (l.resizeObserver && l.resizeObserver.disconnect(), l.tooltip.value.remove(), l.tooltip.value = null), e.removeEventListener("mouseenter", l.onMouseEnter), e.removeEventListener("mouseleave", l.onMouseLeave), e.removeEventListener("focus", l.onFocus), e.removeEventListener("blur", l.onBlur), e.removeEventListener("keydown", l.onKeyDown), e.removeAttribute("aria-describedby");
+  }
+}, Il = { class: "g-clipboard-text" }, Ml = /* @__PURE__ */ T({
+  __name: "GClipboard",
+  props: {
+    text: {},
+    hideText: { type: Boolean },
+    copyLabel: {}
+  },
+  setup(e) {
+    const l = e, t = Sl, { text: a, copy: o, copied: s, isSupported: i } = ct({
+      source: l.text
+    }), v = B(l.copyLabel ?? "Copy to clipboard"), r = () => {
+      i.value ? (o(), v.value = "Copied") : v.value = "Copy not supported";
+    }, d = () => {
+      v.value = l.copyLabel ?? "Copy to clipboard";
+    };
+    return (g, m) => (u(), c("div", Il, [
+      e.hideText ? M("", !0) : (u(), c(P, { key: 0 }, [
+        N(C(l.text), 1)
+      ], 64)),
+      we((u(), c("button", {
+        type: "button",
+        "aria-label": "Copy",
+        onClick: r,
+        onTooltipHide: d,
+        class: "g-clipboard-text-button"
+      }, [...m[0] || (m[0] = [
+        n("svg", {
+          class: "g-clipboard-svg",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 640 640",
+          height: "1.125rem",
+          role: "none presentation"
+        }, [
+          n("path", {
+            fill: "currentColor",
+            d: "M480 400L288 400C279.2 400 272 392.8 272 384L272 128C272 119.2 279.2 112 288 112L421.5 112C425.7 112 429.8 113.7 432.8 116.7L491.3 175.2C494.3 178.2 496 182.3 496 186.5L496 384C496 392.8 488.8 400 480 400zM288 448L480 448C515.3 448 544 419.3 544 384L544 186.5C544 169.5 537.3 153.2 525.3 141.2L466.7 82.7C454.7 70.7 438.5 64 421.5 64L288 64C252.7 64 224 92.7 224 128L224 384C224 419.3 252.7 448 288 448zM160 192C124.7 192 96 220.7 96 256L96 512C96 547.3 124.7 576 160 576L352 576C387.3 576 416 547.3 416 512L416 496L368 496L368 512C368 520.8 360.8 528 352 528L160 528C151.2 528 144 520.8 144 512L144 256C144 247.2 151.2 240 160 240L176 240L176 192L160 192z"
+          })
+        ], -1)
+      ])], 32)), [
+        [f(t), v.value]
+      ])
+    ]));
+  }
+}), No = /* @__PURE__ */ z(Ml, [["__scopeId", "data-v-c74932aa"]]), Bl = { class: "g-history-scroller-wrapper" }, El = {
+  key: 0,
+  class: "g-history-shadow g-history-shadow--top",
+  "aria-hidden": "true"
+}, Vl = {
+  key: 1,
+  class: "g-history-shadow g-history-shadow--bottom",
+  "aria-hidden": "true"
+}, Tl = ["role", "aria-label"], Al = /* @__PURE__ */ T({
+  __name: "GHistoryScroller",
+  props: {
+    label: {},
+    entries: { default: () => [] }
+  },
+  setup(e) {
+    const l = e, t = B(null), a = B(null), o = B(!0), s = B(!0);
+    async function i({ focusLast: d = !1 } = {}) {
+      if (t.value && (t.value.scrollTop = t.value.scrollHeight), d && a.value) {
+        const g = a.value.querySelectorAll(".g-history-entry");
+        if (g.length > 0) {
+          const m = g[g.length - 1];
+          await J(), m.focus();
+        }
+      }
+    }
+    function v() {
+      if (!t.value) return;
+      const { scrollTop: d, scrollHeight: g, clientHeight: m } = t.value;
+      o.value = d + m >= g - 2, s.value = d <= 2;
+    }
+    re(() => {
+      J(i);
+    }), Fe(t, () => {
+      o.value && i();
+    }), Fe(a, () => {
+      o.value && i();
+    }), Q(
+      () => l.entries,
+      async () => {
+        o.value && (await J(), i());
+      }
+    );
+    const r = x(() => [...l.entries].reverse());
+    return (d, g) => (u(), c("div", Bl, [
+      s.value ? M("", !0) : (u(), c("div", El)),
+      o.value ? M("", !0) : (u(), c("div", Vl)),
+      n("div", {
+        ref_key: "scrollerRef",
+        ref: t,
+        class: "g-history-scroller",
+        role: e.label ? "log" : void 0,
+        "aria-label": e.label,
+        onScroll: v
+      }, [
+        W(ne, {
+          class: D(["g-scroll-to-bottom-btn", { "scroll-to-bottom-btn--hidden": o.value }]),
+          size: "small",
+          type: "button",
+          onClick: g[0] || (g[0] = () => i({ focusLast: !0 })),
+          "aria-label": "Jump to Latest"
+        }, {
+          default: U(() => [...g[1] || (g[1] = [
+            n("svg", {
+              "aria-hidden": "true",
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 640 640",
+              height: "1.25rem"
+            }, [
+              n("path", {
+                fill: "currentColor",
+                d: "M303.5 569C312.9 578.4 328.1 578.4 337.4 569L505.4 401C514.8 391.6 514.8 376.4 505.4 367.1C496 357.8 480.8 357.7 471.5 367.1L344.5 494.1L344.5 88C344.5 74.7 333.8 64 320.5 64C307.2 64 296.5 74.7 296.5 88L296.5 494.1L169.5 367.1C160.1 357.7 144.9 357.7 135.6 367.1C126.3 376.5 126.2 391.7 135.6 401L303.6 569z"
+              })
+            ], -1)
+          ])]),
+          _: 1
+        }, 8, ["class"]),
+        n("div", {
+          role: "list",
+          ref_key: "contentRef",
+          ref: a,
+          class: "g-history-list"
+        }, [
+          (u(!0), c(P, null, Z(r.value, (m) => (u(), c("div", {
+            role: "listitem",
+            key: m.id,
+            class: "g-history-entry",
+            tabindex: "-1"
+          }, [
+            K(d.$slots, "default", { entry: m }, void 0, !0)
+          ]))), 128))
+        ], 512)
+      ], 40, Tl)
+    ]));
+  }
+}), Wo = /* @__PURE__ */ z(Al, [["__scopeId", "data-v-fa53fd7c"]]), zl = { class: "g-three-way-toggle-wrapper" }, Gl = { class: "g-three-way-toggle-control" }, Ol = ["id"], Dl = ["aria-labelledby", "aria-describedby", "disabled", "aria-invalid", "aria-errormessage"], Fl = { key: 0 }, Pl = { key: 1 }, Rl = { key: 2 }, Hl = ["for"], Kl = ["id", "name", "checked", "disabled"], Ul = ["for"], jl = ["id", "name", "checked", "disabled"], Nl = ["for"], Wl = ["id", "name", "checked", "disabled"], ql = ["id"], Zl = /* @__PURE__ */ T({
+  __name: "GThreeWayToggle",
+  props: /* @__PURE__ */ R({
+    label: {},
+    describedby: {},
+    error: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: [Boolean, null], default: () => null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const t = e, a = j(e, "modelValue"), o = l;
+    function s(b) {
+      const y = a.value;
+      a.value = b, b !== y && o("change", {
+        was: y,
+        to: b
+      });
+    }
+    function i(b) {
+      t.disabled || (a.value === b ? s(null) : s(b));
+    }
+    function v(b) {
+      t.disabled || a.value === b && s(null);
+    }
+    const r = Y(), d = x(() => `g-three-way-toggle-${r}`), g = Y(), m = Y(), p = Y(), L = x(() => a.value === !1 ? "g-left" : a.value === !0 ? "g-right" : "g-center");
+    function S(b) {
+      t.disabled || (b.key === "n" || b.key === "N" ? (s(!1), b.preventDefault()) : (b.key === "y" || b.key === "Y") && (s(!0), b.preventDefault()));
+    }
+    return (b, y) => (u(), c("div", zl, [
+      n("div", Gl, [
+        n("span", {
+          class: "g-label",
+          id: f(r)
+        }, [
+          K(b.$slots, "label", {}, () => [
+            N(C(e.label), 1)
+          ], !0)
+        ], 8, Ol),
+        n("fieldset", {
+          class: D(["g-three-way-toggle", { "g-has-error": e.error }]),
+          role: "radiogroup",
+          "aria-labelledby": f(r),
+          "aria-describedby": e.describedby,
+          disabled: e.disabled,
+          "aria-invalid": e.error ? "true" : void 0,
+          "aria-errormessage": e.error ? f(r) + "-error" : void 0
+        }, [
+          n("div", {
+            class: D(["g-toggle-track", [L.value, { "g-disabled": e.disabled }]])
+          }, [
+            n("span", {
+              class: D(["g-toggle-thumb", L.value]),
+              "aria-hidden": "true"
+            }, [
+              a.value === !1 ? (u(), c("span", Fl, "NO")) : a.value === !0 ? (u(), c("span", Pl, "YES")) : (u(), c("span", Rl))
+            ], 2),
+            n("label", {
+              for: f(g),
+              class: "g-toggle-option g-left",
+              onClick: y[1] || (y[1] = (h) => v(!1)),
+              onKeydown: S
+            }, [
+              n("input", {
+                type: "radio",
+                id: f(g),
+                name: d.value,
+                checked: a.value === !1,
+                value: "false",
+                disabled: e.disabled,
+                onChange: y[0] || (y[0] = (h) => i(!1))
+              }, null, 40, Kl),
+              y[5] || (y[5] = n("span", { class: "ilw-sr-only" }, "No", -1))
+            ], 40, Hl),
+            n("label", {
+              for: f(m),
+              class: "g-toggle-option g-center",
+              onKeydown: S
+            }, [
+              n("input", {
+                type: "radio",
+                id: f(m),
+                name: d.value,
+                checked: a.value === null,
+                disabled: e.disabled,
+                onChange: y[2] || (y[2] = (h) => i(null))
+              }, null, 40, jl),
+              y[6] || (y[6] = n("span", { class: "ilw-sr-only" }, "Unset", -1))
+            ], 40, Ul),
+            n("label", {
+              for: f(p),
+              class: "g-toggle-option g-right",
+              onClick: y[4] || (y[4] = (h) => v(!0)),
+              onKeydown: S
+            }, [
+              n("input", {
+                type: "radio",
+                id: f(p),
+                name: d.value,
+                value: "true",
+                checked: a.value === !0,
+                disabled: e.disabled,
+                onChange: y[3] || (y[3] = (h) => i(!0))
+              }, null, 40, Wl),
+              y[7] || (y[7] = n("span", { class: "ilw-sr-only" }, "Yes", -1))
+            ], 40, Nl)
+          ], 2)
+        ], 10, Dl)
+      ]),
+      e.error ? (u(), c("div", {
+        key: 0,
+        id: `${f(r)}-error`,
+        class: "g-form-error",
+        role: "alert",
+        "aria-atomic": "true"
+      }, C(e.error), 9, ql)) : M("", !0)
+    ]));
+  }
+}), qo = /* @__PURE__ */ z(Zl, [["__scopeId", "data-v-b154ee55"]]), Yl = {
+  ref: "tableBodyRef",
+  class: "efficient-table-body"
+}, Ql = ["aria-rowindex"], Jl = {
+  key: 0,
+  class: "table-group-checkbox"
+}, Xl = ["colspan"], ea = ["aria-rowindex", "onMousedown", "onClick"], ta = ["checked", "onClick", "aria-label", "name"], la = ["id"], aa = {
+  key: 0,
+  class: "editable-cell"
+}, oa = {
+  key: 0,
+  class: "cell-prefix"
+}, sa = ["value", "onChange", "aria-labelledby", "aria-invalid", "name"], na = ["value"], ra = ["value", "onInput", "aria-labelledby", "aria-invalid", "aria-errormessage", "name"], ia = {
+  key: 3,
+  class: "cell-suffix"
+}, ua = ["id"], da = /* @__PURE__ */ T({
+  __name: "GTableBody",
+  props: {
+    data: {},
+    groupBy: {},
+    columns: {},
+    groupRender: { type: Function },
+    rowClickable: { type: Boolean },
+    rowClass: { type: Function },
+    startIndex: {},
+    bulkSelectionEnabled: { type: Boolean },
+    selectedRows: {},
+    tableId: {},
+    changeTracker: {}
+  },
+  emits: ["row-click", "toggle-row", "cell-change"],
+  setup(e, { emit: l }) {
+    const t = e, a = l;
+    function o(b, y) {
+      t.bulkSelectionEnabled && b.shiftKey && !b.target.closest("a,button,[tabindex],input") && b.preventDefault();
+    }
+    function s(b, y) {
+      if (!t.rowClickable && !t.bulkSelectionEnabled || b.target.closest("a,button,[tabindex],input"))
+        return;
+      const h = b.target.closest(
+        "tr"
+      );
+      if (h) {
+        if (t.bulkSelectionEnabled)
+          h.querySelector(
+            "input[type=checkbox]"
+          ) && v(y, b.shiftKey);
+        else if (t.rowClickable) {
+          const w = h.querySelector("a[href]")?.getAttribute("href");
+          w && a("row-click", w);
+        }
+      }
+    }
+    function i(b) {
+      return t.selectedRows?.includes(b) ?? !1;
+    }
+    function v(b, y = !1) {
+      a("toggle-row", b, y);
+    }
+    function r(b, y, h) {
+      const w = b.target.value;
+      a("cell-change", { row: y, column: h, value: w });
+    }
+    function d(b, y) {
+      const h = `${t.tableId}-th-${String(y.key)}`;
+      return y.editable?.labelKey ? `${`${t.tableId}-td-${b.key}-${y.editable.labelKey}`} ${h} ` : h;
+    }
+    const g = x(
+      () => {
+        for (const b of t.columns)
+          if (b.editable?.labelKey)
+            return b.editable.labelKey;
+      }
+    );
+    function m(b) {
+      return b.key === g.value;
+    }
+    function p(b, y) {
+      return t.changeTracker ? t.changeTracker.hasChange(b.key, y.key) : !1;
+    }
+    function L(b, y) {
+      return t.changeTracker ? t.changeTracker.hasError(b.key, y.key) : !1;
+    }
+    function S(b, y) {
+      if (t.changeTracker)
+        return t.changeTracker.getError(b.key, y.key);
+    }
+    return (b, y) => (u(), c("tbody", Yl, [
+      (u(!0), c(P, null, Z(e.data, (h, A) => (u(), c(P, {
+        key: h.key
+      }, [
+        e.groupBy && (A === 0 || h[e.groupBy] !== e.data[A - 1][e.groupBy]) ? (u(), c("tr", {
+          key: 0,
+          "aria-rowindex": e.startIndex + A + 2
+        }, [
+          e.bulkSelectionEnabled ? (u(), c("td", Jl)) : M("", !0),
+          n("td", {
+            colspan: e.columns.length,
+            class: "table-group-row"
+          }, [
+            e.groupRender ? (u(), q(fe(e.groupRender(h[e.groupBy], h)), { key: 0 })) : (u(), c(P, { key: 1 }, [
+              N(C(h[e.groupBy]), 1)
+            ], 64))
+          ], 8, Xl)
+        ], 8, Ql)) : M("", !0),
+        n("tr", {
+          class: D([
+            "efficient-table-row",
+            {
+              "row-striped": A % 2 === 1,
+              "row-clickable": e.rowClickable || e.bulkSelectionEnabled
+            },
+            e.rowClass ? e.rowClass(h) : void 0
+          ]),
+          "aria-rowindex": e.startIndex + A + 2,
+          onMousedown: (w) => o(w, h.key),
+          onClick: (w) => s(w, h.key)
+        }, [
+          e.bulkSelectionEnabled ? (u(), c("td", {
+            key: 0,
+            class: "td-checkbox",
+            onClick: y[0] || (y[0] = ue(() => {
+            }, ["stop"]))
+          }, [
+            n("input", {
+              type: "checkbox",
+              checked: i(h.key),
+              onClick: (w) => v(h.key, w.shiftKey),
+              "aria-label": `Select row ${h.key}`,
+              name: `row-${h.key}-checkbox`,
+              class: "g-bulk-select-checkbox"
+            }, null, 8, ta)
+          ])) : M("", !0),
+          (u(!0), c(P, null, Z(e.columns, (w) => (u(), c("td", {
+            key: w.key,
+            id: m(w) ? `${e.tableId}-td-${h.key}-${String(w.key)}` : void 0,
+            class: D([
+              w.editable ? "editable-td" : "",
+              p(h, w) ? "g-cell-changed" : "",
+              L(h, w) ? "g-cell-error" : "",
+              typeof w.tdClass == "function" ? w.tdClass(h) : w.tdClass
+            ])
+          }, [
+            w.editable ? (u(), c("div", aa, [
+              w.editable.prefix ? (u(), c("span", oa, C(w.editable.prefix), 1)) : M("", !0),
+              w.editable.type === "select" ? (u(), c("select", {
+                key: 1,
+                value: h[w.key],
+                onChange: (I) => r(I, h, w),
+                "aria-labelledby": d(h, w),
+                "aria-invalid": L(h, w),
+                name: `row-${h.key}-${String(w.key)}-select`,
+                class: "editable-input editable-select"
+              }, [
+                (u(!0), c(P, null, Z(w.editable.options, (I) => (u(), c("option", {
+                  key: I.value,
+                  value: I.value
+                }, C(I.label), 9, na))), 128))
+              ], 40, sa)) : (u(), c("input", ae({
+                key: 2,
+                value: h[w.key]
+              }, { ref_for: !0 }, w.editable.inputAttributes, {
+                onInput: (I) => r(I, h, w),
+                "aria-labelledby": d(h, w),
+                "aria-invalid": L(h, w),
+                "aria-errormessage": L(h, w) ? `${e.tableId}-error-${h.key}-${String(w.key)}` : void 0,
+                name: `row-${h.key}-${String(w.key)}-input`,
+                class: "editable-input",
+                style: {
+                  paddingLeft: w.editable.prefix ? "1.5rem" : void 0,
+                  paddingRight: w.editable.suffix ? "2rem" : void 0
+                }
+              }), null, 16, ra)),
+              w.editable.suffix ? (u(), c("span", ia, C(w.editable.suffix), 1)) : M("", !0)
+            ])) : w.display ? (u(), q(fe(w.display(h)), { key: 1 })) : (u(), c(P, { key: 2 }, [
+              N(C(h[w.key]), 1)
+            ], 64)),
+            L(h, w) ? (u(), c("div", {
+              key: 3,
+              role: "alert",
+              class: "g-cell-error-message",
+              id: `${e.tableId}-error-${h.key}-${String(w.key)}`
+            }, C(S(h, w)), 9, ua)) : M("", !0)
+          ], 10, la))), 128))
+        ], 42, ea)
+      ], 64))), 128))
+    ], 512));
+  }
+});
+function Re(e) {
+  if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === ""))
+    return e;
+}
+function Zo(e) {
+  return Object.fromEntries(
+    Object.entries(e).filter(([l, t]) => t && (!Array.isArray(t) || t.length > 0))
+  );
+}
+function Yo(e) {
+  if (e != null)
+    return Array.isArray(e) ? e.filter(
+      (l) => l != null
+    ) : [e];
+}
+function Qo(e) {
+  let l = {};
+  for (let [t, a] of Object.entries(Ne(e)))
+    Array.isArray(a) ? a.length > 0 && (l[t] = a) : a === !0 ? l[t] = "true" : l[t] = a || void 0;
+  return l;
+}
+function ca(e) {
+  const l = {};
+  return Object.keys(e).forEach((t) => {
+    const a = e[t];
+    a != null && a !== "" && a !== !1 && (Array.isArray(a) ? a.length > 0 && (l[t] = a.map((o) => String(o))) : l[t] = String(a));
+  }), l;
+}
+function va(e, l = {}) {
+  const t = tt(
+    Object.fromEntries(
+      Object.entries(e).map(([v, r]) => [v, r])
+    )
+  ), a = l.syncWith;
+  if (a) {
+    if (a.value) {
+      const v = Ie(a);
+      Object.keys(e).forEach((r) => {
+        if (v[r] !== void 0) {
+          const d = v[r];
+          typeof d == "string" && (d.includes(",") ? t[r] = d.split(",") : t[r] = d);
+        }
+      });
+    }
+    Q(
+      t,
+      (v) => {
+        a.value = ca(v);
+      },
+      { deep: !0 }
+    );
+  }
+  const o = x(() => {
+    for (const v of Object.keys(e))
+      if (Re(t[v]))
+        return !0;
+    return !1;
+  }), s = () => {
+    Object.keys(t).forEach((v) => {
+      t[v] = void 0;
+    });
+  }, i = x(() => {
+    const v = {};
+    for (const r of Object.keys(e))
+      v[r] = !!Re(t[r]);
+    return v;
+  });
+  return {
+    filters: t,
+    isFiltered: o,
+    clearFilters: s,
+    filteredColumns: i
+  };
+}
+const fa = { class: "g-table-outer-wrap" }, ga = {
+  key: 0,
+  class: "g-table-controls"
+}, ba = { class: "g-clear-filters-wrap" }, ma = {
+  key: 0,
+  class: "pagination"
+}, pa = { class: "g-result-count" }, ha = ["aria-label", "aria-rowcount"], ya = { class: "g-table-head" }, ka = { "aria-rowindex": "1" }, wa = {
+  key: 0,
+  scope: "col",
+  class: "g-th g-th-checkbox"
+}, $a = ["checked", "indeterminate", "aria-label"], _a = ["id", "aria-sort"], Ca = { class: "th-inner" }, xa = ["onClick"], La = {
+  key: 0,
+  class: "sort-indicator"
+}, Sa = ["aria-label"], Ia = {
+  key: 1,
+  class: "g-column-head"
+}, Ma = ["onClick", "aria-label"], Ba = { key: 1 }, Ea = { class: "g-filter-toggle" }, Va = ["onUpdate:modelValue", "id", "aria-describedby"], Ta = ["for"], Aa = ["id"], za = {
+  key: 2,
+  class: "g-multi-select"
+}, Ga = ["onUpdate:modelValue", "id", "value"], Oa = ["for"], Da = {
+  key: 1,
+  class: "g-bulk-actions-toolbar"
+}, Fa = { class: "g-selected-count" }, Pa = { class: "g-bulk-actions" }, Ra = /* @__PURE__ */ T({
+  __name: "GTable",
+  props: /* @__PURE__ */ R({
+    label: {},
+    data: {},
+    columns: {},
+    resultCount: {},
+    groupBy: {},
+    filtering: {},
+    groupRender: {},
+    rowClickable: { type: Boolean },
+    rowClass: {},
+    startIndex: {},
+    bulkSelectionEnabled: { type: Boolean, default: !1 },
+    bulkActions: { default: () => [] },
+    changeTracker: {},
+    showPagination: { type: Boolean, default: !1 }
+  }, {
+    sortField: {},
+    sortFieldModifiers: {},
+    sortOrder: {},
+    sortOrderModifiers: {},
+    filter: {
+      default: () => ({})
+    },
+    filterModifiers: {},
+    selectedRows: {
+      default: () => []
+    },
+    selectedRowsModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["row-click", "bulk-action", "cell-change"], ["update:sortField", "update:sortOrder", "update:filter", "update:selectedRows"]),
+  setup(e, { emit: l }) {
+    const t = j(e, "sortField"), a = j(e, "sortOrder"), o = j(e, "filter"), s = j(e, "selectedRows"), i = e, v = l;
+    function r($) {
+      $.sortable && (t.value === $.key ? a.value === 1 ? a.value = -1 : a.value === -1 && (t.value = void 0, a.value = 1) : (t.value = $.key, a.value = 1));
+    }
+    let d = i.filtering;
+    d || (d = va({}));
+    const { filters: g, filteredColumns: m, isFiltered: p, clearFilters: L } = d, S = x(() => i.data.map(($) => $.key)), b = x(() => s.value.filter(($) => S.value.includes($))), y = x(() => !i.bulkSelectionEnabled || i.data.length === 0 ? !1 : b.value.length === S.value.length), h = x(() => !i.bulkSelectionEnabled || i.data.length === 0 ? !1 : b.value.length > 0 && b.value.length < S.value.length), A = B(null);
+    function w() {
+      if (y.value)
+        s.value = s.value.filter(
+          ($) => !S.value.includes($)
+        );
+      else {
+        const $ = new Set(s.value);
+        S.value.forEach((V) => $.add(V)), s.value = Array.from($);
+      }
+    }
+    function I($, V = !1) {
+      if (V && A.value) {
+        const k = S.value.indexOf(A.value), O = S.value.indexOf($);
+        if (k !== -1 && O !== -1) {
+          const ve = Math.min(k, O), me = Math.max(k, O), pe = S.value.slice(ve, me + 1), he = new Set(s.value);
+          pe.forEach((ye) => he.add(ye)), s.value = Array.from(he);
+        }
+      } else
+        s.value.includes($) ? s.value = s.value.filter(
+          (k) => k !== $
+        ) : s.value = [...s.value, $];
+      A.value = $;
+    }
+    function H($) {
+      v("row-click", $);
+    }
+    function G($) {
+      v("bulk-action", $, s.value);
+    }
+    function X($) {
+      let V = $.value, k = Ne($.row[$.column.key]);
+      $.column.editable?.inputAttributes?.type === "number" && (V = $.value === "" ? null : Number($.value)), $.row[$.column.key] = V;
+      const O = {
+        row: $.row,
+        column: $.column,
+        value: V,
+        previousValue: k
+      };
+      v("cell-change", O);
+    }
+    const F = Y(), te = We(), ee = x(() => i.showPagination ? !0 : !!te.pagination), se = x(() => !!(p.value || ee.value));
+    return re(() => {
+      i.rowClickable && i.bulkSelectionEnabled && console.warn(
+        "GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored."
+      );
+      for (const $ of i.columns)
+        if ($.editable && $.display && console.warn(
+          `GTable: Column "${String($.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`
+        ), $.filter && $.filter.type === "multi-select" && !Array.isArray(o.value[$.key])) {
+          let V = o.value[$.key];
+          o.value[$.key] = V ? [V] : [];
+        }
+    }), Q(
+      () => i.columns,
+      ($) => {
+        for (const V of $)
+          if (V.filter && V.filter.type === "multi-select" && !Array.isArray(o.value[V.key])) {
+            let k = o.value[V.key];
+            o.value[V.key] = k ? [k] : [];
+          }
+      },
+      { immediate: !0 }
+    ), ($, V) => (u(), c("div", fa, [
+      se.value ? (u(), c("div", ga, [
+        n("div", ba, [
+          f(p) ? (u(), q(ne, {
+            key: 0,
+            outlined: "",
+            size: "small",
+            class: "clear-filters",
+            onClick: f(L)
+          }, {
+            default: U(() => [...V[0] || (V[0] = [
+              n("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 51.26 51.26",
+                height: "1em",
+                "aria-hidden": "true"
+              }, [
+                n("path", {
+                  fill: "currentColor",
+                  d: "m37.84 32.94-7.63-7.63 7.63-7.63a3.24 3.24 0 0 0-4.58-4.58l-7.63 7.63L18 13.1a3.24 3.24 0 0 0-4.58 4.58L21 25.31l-7.62 7.63A3.24 3.24 0 1 0 18 37.52l7.63-7.63 7.63 7.63a3.24 3.24 0 0 0 4.58-4.58Z"
+                })
+              ], -1),
+              n("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])) : M("", !0)
+        ]),
+        ee.value ? (u(), c("div", ma, [
+          K($.$slots, "pagination", {}, void 0, !0)
+        ])) : M("", !0),
+        n("span", pa, C(i.resultCount || e.data.length) + " results", 1)
+      ])) : M("", !0),
+      n("table", {
+        class: "g-table",
+        ref: "tableRef",
+        "aria-label": e.label,
+        "aria-rowcount": i.resultCount || e.data.length
+      }, [
+        n("thead", ya, [
+          n("tr", ka, [
+            e.bulkSelectionEnabled ? (u(), c("th", wa, [
+              n("input", {
+                type: "checkbox",
+                checked: y.value,
+                indeterminate: h.value,
+                onChange: w,
+                "aria-label": y.value ? "Deselect all rows" : "Select all rows",
+                class: "g-bulk-select-checkbox"
+              }, null, 40, $a)
+            ])) : M("", !0),
+            (u(!0), c(P, null, Z(e.columns, (k) => (u(), c("th", {
+              key: k.key,
+              id: `${f(F)}-th-${String(k.key)}`,
+              "aria-sort": t.value === k.key ? a.value === 1 ? "ascending" : "descending" : "none",
+              class: D([
+                "g-th",
+                { sorted: t.value === k.key },
+                { filtered: f(m)[k.key] }
+              ]),
+              scope: "col"
+            }, [
+              n("div", Ca, [
+                k.sortable ? (u(), c("button", {
+                  key: 0,
+                  type: "button",
+                  class: "g-column-head",
+                  onClick: (O) => r(k)
+                }, [
+                  N(C(k.label) + " ", 1),
+                  t.value === k.key ? (u(), c("span", La, [
+                    (u(), c("svg", {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      viewBox: "0 0 640 640",
+                      height: "1.5em",
+                      role: "img",
+                      "aria-label": a.value === 1 ? "Sorted ascending" : "Sorted descending",
+                      style: ce({
+                        transform: `rotate(${a.value === 1 ? 0 : 180}deg)`
+                      })
+                    }, [...V[1] || (V[1] = [
+                      n("path", {
+                        fill: "currentColor",
+                        d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
+                      }, null, -1)
+                    ])], 12, Sa))
+                  ])) : M("", !0)
+                ], 8, xa)) : (u(), c("span", Ia, C(k.label), 1)),
+                k.filter ? (u(), q(Te, { key: 2 }, {
+                  trigger: U(({ toggle: O }) => [
+                    n("button", {
+                      onClick: ue(O, ["stop"]),
+                      "aria-label": f(m)[k.key] ? "Column Filtered" : "Filter Column",
+                      class: D(["g-filter-btn", {
+                        "g-active": f(m)[k.key]
+                      }]),
+                      type: "button"
+                    }, [...V[2] || (V[2] = [
+                      n("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        viewBox: "0 0 640 640",
+                        height: "1.5em",
+                        "aria-hidden": "true"
+                      }, [
+                        n("path", {
+                          fill: "currentColor",
+                          d: "M96 128C83.1 128 71.4 135.8 66.4 147.8C61.4 159.8 64.2 173.5 73.4 182.6L256 365.3L256 480C256 488.5 259.4 496.6 265.4 502.6L329.4 566.6C338.6 575.8 352.3 578.5 364.3 573.5C376.3 568.5 384 556.9 384 544L384 365.3L566.6 182.7C575.8 173.5 578.5 159.8 573.5 147.8C568.5 135.8 556.9 128 544 128L96 128z"
+                        })
+                      ], -1)
+                    ])], 10, Ma)
+                  ]),
+                  default: U(() => [
+                    k.filter.type === "select" ? (u(), q(Ye, {
+                      key: 0,
+                      modelValue: o.value[k.key],
+                      "onUpdate:modelValue": (O) => o.value[k.key] = O,
+                      options: k.filter.options,
+                      class: "g-filter-select",
+                      label: "Filter select",
+                      searchable: "",
+                      "clear-button": ""
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : k.filter.type === "toggle" ? (u(), c("div", Ba, [
+                      n("div", Ea, [
+                        we(n("input", {
+                          type: "checkbox",
+                          "onUpdate:modelValue": (O) => o.value[k.key] = O,
+                          id: `${f(F)}-filter-${String(k.key)}`,
+                          "aria-describedby": k.filter.description ? `${f(F)}-filter-description-${String(k.key)}` : void 0
+                        }, null, 8, Va), [
+                          [De, o.value[k.key]]
+                        ]),
+                        n("label", {
+                          for: `${f(F)}-filter-${String(k.key)}`
+                        }, C(k.filter.label), 9, Ta),
+                        k.filter.description ? (u(), c("span", {
+                          key: 0,
+                          class: "g-filter-description",
+                          id: `${f(F)}-filter-description-${String(k.key)}`
+                        }, C(k.filter.description), 9, Aa)) : M("", !0)
+                      ])
+                    ])) : k.filter.type === "multi-select" ? (u(), c("fieldset", za, [
+                      V[4] || (V[4] = n("legend", { class: "g-multi-select-legend" }, " Include values ", -1)),
+                      (u(!0), c(P, null, Z(k.filter.options, (O) => (u(), c("div", {
+                        key: O.value
+                      }, [
+                        we(n("input", {
+                          type: "checkbox",
+                          "onUpdate:modelValue": (ve) => o.value[k.key] = ve,
+                          id: `filter-${String(k.key)}-${O.value}`,
+                          value: O.value,
+                          name: "filter-multiselect"
+                        }, null, 8, Ga), [
+                          [De, o.value[k.key]]
+                        ]),
+                        n("label", {
+                          for: `filter-${String(k.key)}-${O.value}`
+                        }, C(O.label), 9, Oa)
+                      ]))), 128)),
+                      o.value[k.key] && o.value[k.key].length ? (u(), q(ne, {
+                        key: 0,
+                        class: "clear-multiselect-btn",
+                        theme: "accent",
+                        size: "small",
+                        onClick: (O) => o.value[k.key] = []
+                      }, {
+                        default: U(() => [...V[3] || (V[3] = [
+                          N(" Clear ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["onClick"])) : M("", !0)
+                    ])) : M("", !0)
+                  ]),
+                  _: 2
+                }, 1024)) : M("", !0)
+              ])
+            ], 10, _a))), 128))
+          ])
+        ]),
+        W(da, {
+          data: e.data,
+          columns: e.columns,
+          "group-by": e.groupBy,
+          "group-render": e.groupRender,
+          "row-clickable": e.rowClickable,
+          "row-class": e.rowClass,
+          "start-index": e.startIndex,
+          "bulk-selection-enabled": e.bulkSelectionEnabled,
+          "selected-rows": s.value,
+          "table-id": f(F),
+          "change-tracker": e.changeTracker,
+          onRowClick: H,
+          onToggleRow: I,
+          onCellChange: X
+        }, null, 8, ["data", "columns", "group-by", "group-render", "row-clickable", "row-class", "start-index", "bulk-selection-enabled", "selected-rows", "table-id", "change-tracker"])
+      ], 8, ha),
+      e.bulkSelectionEnabled && s.value.length > 0 ? (u(), c("div", Da, [
+        n("span", Fa, C(s.value.length) + " row" + C(s.value.length === 1 ? "" : "s") + " selected", 1),
+        n("ul", Pa, [
+          (u(!0), c(P, null, Z(e.bulkActions, (k) => (u(), c("li", {
+            key: k.id
+          }, [
+            W(ne, {
+              theme: k.theme || "accent",
+              onClick: (O) => G(k.id),
+              size: "small"
+            }, {
+              default: U(() => [
+                N(C(k.label) + " " + C(s.value.length) + " row" + C(s.value.length === 1 ? "" : "s"), 1)
+              ]),
+              _: 2
+            }, 1032, ["theme", "onClick"])
+          ]))), 128))
+        ])
+      ])) : M("", !0)
+    ]));
+  }
+}), Jo = /* @__PURE__ */ z(Ra, [["__scopeId", "data-v-f59daf0b"]]), Ha = {
+  class: "g-pagination",
+  "aria-label": "Pagination"
+}, Ka = ["disabled"], Ua = ["disabled"], ja = { class: "page-range" }, Na = ["disabled"], Wa = ["disabled"], qa = ["value"], Za = ["value"], Ya = /* @__PURE__ */ T({
+  __name: "GTablePagination",
+  props: /* @__PURE__ */ R({
+    start: {},
+    pageSize: {},
+    total: {},
+    pageSizes: {}
+  }, {
+    start: {},
+    startModifiers: {},
+    pageSize: {},
+    pageSizeModifiers: {}
+  }),
+  emits: ["update:start", "update:pageSize"],
+  setup(e) {
+    const l = e, t = x(() => Math.max(1, Math.ceil(l.total / l.pageSize))), a = j(e, "start"), o = j(e, "pageSize"), s = x(() => a.value ?? l.start), i = x(() => o.value ?? l.pageSize), v = x(() => l.total === 0 ? 0 : s.value + 1), r = x(() => l.total === 0 ? 0 : Math.min(s.value + i.value, l.total)), d = x(() => Math.floor(s.value / i.value) + 1);
+    function g(p) {
+      p < 1 || p > t.value || (a.value = (p - 1) * i.value);
+    }
+    function m(p) {
+      o.value = parseInt(p.target.value, 10);
+    }
+    return (p, L) => (u(), c("nav", Ha, [
+      n("button", {
+        class: "first-page g-pagination-button",
+        disabled: d.value === 1,
+        onClick: L[0] || (L[0] = (S) => g(1))
+      }, [...L[4] || (L[4] = [
+        n("svg", {
+          role: "img",
+          "aria-label": "First Page",
+          height: "2em",
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "2em",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          n("path", {
+            stroke: "none",
+            d: "M0 0h24v24H0z",
+            fill: "none"
+          }),
+          n("path", { d: "M11 7l-5 5l5 5" }),
+          n("path", { d: "M17 7l-5 5l5 5" })
+        ], -1)
+      ])], 8, Ka),
+      n("button", {
+        class: "prev-page g-pagination-button",
+        disabled: d.value === 1,
+        onClick: L[1] || (L[1] = (S) => g(d.value - 1))
+      }, [...L[5] || (L[5] = [
+        n("svg", {
+          role: "img",
+          "aria-label": "Previous Page",
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "2em",
+          height: "2em",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          n("path", {
+            stroke: "none",
+            d: "M0 0h24v24H0z",
+            fill: "none"
+          }),
+          n("path", { d: "M15 6l-6 6l6 6" })
+        ], -1)
+      ])], 8, Ua),
+      n("span", ja, C(v.value) + " to " + C(r.value), 1),
+      n("button", {
+        class: "next-page g-pagination-button",
+        disabled: d.value === t.value,
+        onClick: L[2] || (L[2] = (S) => g(d.value + 1))
+      }, [...L[6] || (L[6] = [
+        n("svg", {
+          role: "img",
+          "aria-label": "Next Page",
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "2em",
+          height: "2em",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          n("path", {
+            stroke: "none",
+            d: "M0 0h24v24H0z",
+            fill: "none"
+          }),
+          n("path", { d: "M9 6l6 6l-6 6" })
+        ], -1)
+      ])], 8, Na),
+      n("button", {
+        class: "last-page g-pagination-button",
+        disabled: d.value === t.value,
+        onClick: L[3] || (L[3] = (S) => g(t.value))
+      }, [...L[7] || (L[7] = [
+        n("svg", {
+          role: "img",
+          "aria-label": "Last Page",
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "2em",
+          height: "2em",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          n("path", {
+            stroke: "none",
+            d: "M0 0h24v24H0z",
+            fill: "none"
+          }),
+          n("path", { d: "M7 7l5 5l-5 5" }),
+          n("path", { d: "M13 7l5 5l-5 5" })
+        ], -1)
+      ])], 8, Wa),
+      n("select", {
+        id: "page-size-select",
+        class: "page-size-select",
+        value: o.value,
+        onChange: m
+      }, [
+        (u(!0), c(P, null, Z(l.pageSizes || [10, 25, 50, 100], (S) => (u(), c("option", {
+          key: S,
+          value: S
+        }, C(S), 9, Za))), 128))
+      ], 40, qa),
+      L[8] || (L[8] = n("label", {
+        class: "page-size-label",
+        for: "page-size-select"
+      }, "per page", -1))
+    ]));
+  }
+}), Xo = /* @__PURE__ */ z(Ya, [["__scopeId", "data-v-46e71363"]]), Qa = ["id"], Ja = { class: "g-modal-inner" }, Xa = { class: "g-modal-header" }, eo = ["id"], to = ["id"], lo = /* @__PURE__ */ T({
+  __name: "GModal",
+  props: {
+    label: {},
+    describedby: { default: void 0 },
+    hiddenLabel: { type: Boolean, default: !1 },
+    size: { default: "medium" }
+  },
+  emits: ["close"],
+  setup(e, { emit: l }) {
+    const t = l, a = ge("dialog"), o = B(!0), s = Y(), { pop: i, push: v, isTop: r, zIndex: d } = xe(s, !0, !0), { deactivate: g, activate: m } = Ee(a, r);
+    function p() {
+      t("close");
+    }
+    return Ve([a], r, o, p, i), re(() => {
+      v(), m();
+    }), Ke(() => {
+      i(), g();
+    }), (L, S) => (u(), q(Ue, { to: "#modal-root" }, [
+      W(_e, {
+        name: "g-fade",
+        appear: ""
+      }, {
+        default: U(() => [
+          n("div", ae({
+            id: "modal-" + f(s),
+            class: ["g-modal", "g-modal--" + e.size],
+            role: "dialog",
+            "aria-modal": "true"
+          }, {
+            "aria-labelledby": e.hiddenLabel ? void 0 : "modal-label-" + f(s),
+            "aria-label": e.hiddenLabel ? e.label : void 0,
+            "aria-describedby": e.describedby ? e.describedby : void 0
+          }, {
+            ref_key: "dialog",
+            ref: a,
+            style: { zIndex: f(d) }
+          }), [
+            n("div", Ja, [
+              n("div", Xa, [
+                e.hiddenLabel ? M("", !0) : (u(), c("h2", {
+                  key: 0,
+                  id: "modal-label-" + f(s),
+                  class: "g-modal-label",
+                  tabindex: "-1"
+                }, C(e.label), 9, eo)),
+                n("button", {
+                  class: "g-modal-close",
+                  onClick: p,
+                  "aria-label": "Close"
+                }, [...S[0] || (S[0] = [
+                  n("svg", {
+                    viewBox: "0 0 24 24",
+                    width: "24",
+                    height: "24",
+                    "aria-hidden": "true"
+                  }, [
+                    n("path", {
+                      fill: "currentColor",
+                      d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
+                    })
+                  ], -1)
+                ])])
+              ]),
+              n("div", {
+                id: "modal-description-" + f(s),
+                class: "g-modal-content"
+              }, [
+                K(L.$slots, "default", {}, void 0, !0)
+              ], 8, to)
+            ])
+          ], 16, Qa)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), es = /* @__PURE__ */ z(lo, [["__scopeId", "data-v-d2f3bb35"]]), ao = ["id", "aria-expanded", "aria-label", "aria-controls"], oo = /* @__PURE__ */ T({
+  __name: "GHamburgerMenu",
+  props: {
+    label: { default: "Main Navigation" }
+  },
+  emits: ["toggle"],
+  setup(e, { emit: l }) {
+    const t = be("sidebar"), a = l;
+    function o() {
+      a("toggle"), t?.toggle();
+    }
+    function s(v) {
+      v.key === "Escape" && t?.open?.value && (t.open.value = !1);
+    }
+    const i = Y();
+    return (v, r) => (u(), c("button", {
+      id: `${f(t)?.id ?? f(i)}-hamburger`,
+      class: D(["g-hamburger-button", {
+        "g-hamburger-button--open": f(t)?.open?.value,
+        "g-hamburger-button--collapsible": f(t)?.isCollapsible?.value
+      }]),
+      onClick: o,
+      onKeydown: s,
+      "aria-expanded": f(t)?.open?.value ? "true" : "false",
+      "aria-label": e.label,
+      "aria-controls": f(t) ? `${f(t).id}-sidebar` : void 0
+    }, [...r[0] || (r[0] = [
+      n("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 51.26 51.26"
+      }, [
+        n("g", { fill: "currentColor" }, [
+          n("path", { d: "M11.6 16.52h28.06a3.24 3.24 0 1 0 0-6.48H11.6a3.24 3.24 0 0 0 0 6.48ZM39.66 22.07H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48ZM39.66 34.1H11.6a3.24 3.24 0 0 0 0 6.48h28.06a3.24 3.24 0 1 0 0-6.48Z" })
+        ])
+      ], -1)
+    ])], 42, ao));
+  }
+}), ts = /* @__PURE__ */ z(oo, [["__scopeId", "data-v-6c69828a"]]), so = /* @__PURE__ */ T({
+  __name: "GDetailList",
+  props: {
+    variant: { default: "grid" }
+  },
+  setup(e) {
+    const l = e;
+    return (t, a) => (u(), c("dl", {
+      class: D(["g-detail-list", `g-detail-list--${l.variant}`])
+    }, [
+      K(t.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), ls = /* @__PURE__ */ z(so, [["__scopeId", "data-v-9f983ea6"]]), no = { class: "g-detail-list-item" }, ro = { class: "g-detail-list-item__label" }, io = { class: "g-detail-list-item__value" }, as = /* @__PURE__ */ T({
+  __name: "GDetailListItem",
+  props: {
+    label: {}
+  },
+  setup(e) {
+    return (l, t) => (u(), c("div", no, [
+      n("dt", ro, [
+        K(l.$slots, "label", {}, () => [
+          N(C(e.label), 1)
+        ])
+      ]),
+      n("dd", io, [
+        K(l.$slots, "default")
+      ])
+    ]));
+  }
+}), uo = {
+  key: 0,
+  class: "g-scroll-lock-overlay"
+}, os = /* @__PURE__ */ T({
+  __name: "GOverlay",
+  setup(e) {
+    const { hasScrollLock: l } = wt();
+    return (t, a) => (u(), q(_e, { name: "g-fade" }, {
+      default: U(() => [
+        f(l) ? (u(), c("div", uo)) : M("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), co = { class: "popover-content" }, vo = { class: "year-dropdown" }, fo = { class: "month-selector" }, go = /* @__PURE__ */ T({
+  __name: "GTermSelectorControl",
+  props: /* @__PURE__ */ R({
+    termYears: { default: () => ["2026"] },
+    termNames: { default: () => ["Spring", "Summer", "Fall"] },
+    yearLabel: { default: "Select Year" },
+    periodLabel: { default: "Term" }
+  }, {
+    modelValue: {
+      default: () => ({ year: "2026", name: "Spring" })
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = j(e, "modelValue");
+    return (t, a) => (u(), c("div", co, [
+      n("div", vo, [
+        W(Ye, {
+          modelValue: l.value.year,
+          "onUpdate:modelValue": a[0] || (a[0] = (o) => l.value.year = o),
+          options: e.termYears,
+          label: e.yearLabel
+        }, null, 8, ["modelValue", "options", "label"])
+      ]),
+      n("div", fo, [
+        W(At, {
+          modelValue: l.value.name,
+          "onUpdate:modelValue": a[1] || (a[1] = (o) => l.value.name = o),
+          options: e.termNames,
+          "allow-empty": !1,
+          label: e.periodLabel
+        }, null, 8, ["modelValue", "options", "label"])
+      ])
+    ]));
+  }
+}), bo = /* @__PURE__ */ z(go, [["__scopeId", "data-v-f9b2a431"]]), mo = { class: "g-term-selector" }, po = { class: "g-term-label" }, ho = {
+  class: "popover-title",
+  tabindex: "-1"
+}, yo = /* @__PURE__ */ T({
+  __name: "GTermSelector",
+  props: /* @__PURE__ */ R({
+    title: { default: "Period Selection" },
+    yearLabel: {},
+    periodLabel: {},
+    termYears: { default: () => ["2026"] },
+    termNames: { default: () => ["Spring", "Summer", "Fall"] }
+  }, {
+    modelValue: {
+      default: () => ({ year: "2026", name: "Spring" })
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = j(e, "modelValue");
+    return (t, a) => (u(), c("div", mo, [
+      W(Te, null, {
+        trigger: U(({ toggle: o }) => [
+          W(ne, {
+            class: "g-term-selector-button",
+            theme: "none",
+            outlined: "",
+            onClick: o
+          }, {
+            default: U(() => [
+              a[0] || (a[0] = n("span", { class: "g-calendar-icon" }, [
+                n("svg", {
+                  role: "none presentation",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 640 640"
+                }, [
+                  n("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })
+                ])
+              ], -1)),
+              n("span", po, C(l.value?.name) + " " + C(l.value?.year), 1),
+              a[1] || (a[1] = n("span", { class: "g-caret" }, [
+                n("svg", {
+                  role: "none presentation",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 640 640"
+                }, [
+                  n("path", { d: "M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z" })
+                ])
+              ], -1))
+            ]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        default: U(() => [
+          n("h2", ho, C(e.title), 1),
+          W(bo, lt(at(t.$props)), null, 16)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), ss = /* @__PURE__ */ z(yo, [["__scopeId", "data-v-68fc0cf4"]]), ko = { class: "g-user-menu" }, wo = ["aria-label", "aria-expanded", "onClick"], $o = { class: "g-user-menu__popover" }, _o = { class: "g-user-menu__list" }, Co = /* @__PURE__ */ T({
+  __name: "GUserMenu",
+  props: {
+    initials: {},
+    email: {},
+    color: { default: "var(--g-surface-700)" },
+    label: { default: "User menu" }
+  },
+  setup(e) {
+    const t = `${Y()}-email`, a = B(!1), o = ge("emailHeading");
+    je()?.appContext?.components?.RouterLink;
+    const i = We();
+    return (v, r) => (u(), c("div", ko, [
+      W(Te, {
+        modelValue: a.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (d) => a.value = d),
+        minimal: ""
+      }, {
+        trigger: U(({ toggle: d }) => [
+          n("button", {
+            class: "g-user-menu__avatar",
+            style: ce({ backgroundColor: e.color }),
+            "aria-label": e.initials + " - " + e.label,
+            "aria-expanded": a.value,
+            "aria-haspopup": "menu",
+            onClick: d
+          }, C(e.initials), 13, wo)
+        ]),
+        default: U(() => [
+          n("div", $o, [
+            n("h2", {
+              id: t,
+              ref_key: "emailHeading",
+              ref: o,
+              class: "g-user-menu__email",
+              tabindex: "-1"
+            }, C(e.email), 513),
+            n("nav", {
+              class: "g-user-menu__nav",
+              "aria-labelledby": t
+            }, [
+              n("ul", _o, [
+                (u(!0), c(P, null, Z(i.default(), (d, g) => (u(), c("li", { key: g }, [
+                  (u(), q(fe(d)))
+                ]))), 128))
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]));
+  }
+}), ns = /* @__PURE__ */ z(Co, [["__scopeId", "data-v-4b786fbc"]]), xo = /* @__PURE__ */ T({
+  __name: "GCurrencyInput",
+  props: /* @__PURE__ */ R({
+    label: { default: void 0 },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    instructions: { default: "" },
+    name: { default: void 0 }
+  }, {
+    modelValue: { type: String },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, t = j(e, "modelValue");
+    return (a, o) => (u(), q(Be, ae({
+      modelValue: t.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
+      name: l.name,
+      label: l.label,
+      placeholder: l.placeholder,
+      disabled: l.disabled,
+      errors: l.errors,
+      instructions: l.instructions,
+      prefix: "$",
+      type: "number",
+      step: "0.01",
+      min: "0"
+    }, a.$attrs), null, 16, ["modelValue", "name", "label", "placeholder", "disabled", "errors", "instructions"]));
+  }
+}), rs = /* @__PURE__ */ z(xo, [["__scopeId", "data-v-5a04a3f2"]]), Lo = /* @__PURE__ */ T({
+  __name: "GEmailInput",
+  props: /* @__PURE__ */ R({
+    label: { default: void 0 },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    instructions: { default: "" },
+    name: { default: void 0 }
+  }, {
+    modelValue: { type: String },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = j(e, "modelValue");
+    return (t, a) => (u(), q(Be, ae({
+      modelValue: l.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => l.value = o),
+      name: e.name,
+      label: e.label,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      errors: e.errors,
+      instructions: e.instructions,
+      type: "email"
+    }, t.$attrs), null, 16, ["modelValue", "name", "label", "placeholder", "disabled", "errors", "instructions"]));
+  }
+}), is = /* @__PURE__ */ z(Lo, [["__scopeId", "data-v-dd981675"]]), So = /* @__PURE__ */ T({
+  __name: "GDateInput",
+  props: /* @__PURE__ */ R({
+    label: { default: void 0 },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    instructions: { default: "" },
+    name: { default: void 0 }
+  }, {
+    modelValue: { type: String },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, t = j(e, "modelValue");
+    return (a, o) => (u(), q(Be, ae({
+      modelValue: t.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
+      name: l.name,
+      label: l.label,
+      placeholder: l.placeholder,
+      disabled: l.disabled,
+      errors: l.errors,
+      instructions: l.instructions,
+      type: "date"
+    }, a.$attrs), null, 16, ["modelValue", "name", "label", "placeholder", "disabled", "errors", "instructions"]));
+  }
+}), He = /* @__PURE__ */ z(So, [["__scopeId", "data-v-9065f719"]]), Io = { class: "g-date-range-input" }, Mo = {
+  key: 0,
+  class: "g-date-range-input__label"
+}, Bo = {
+  key: 1,
+  class: "g-date-range-input__instructions"
+}, Eo = { class: "g-date-range-input__fields" }, Vo = {
+  key: 2,
+  class: "g-date-range-input__errors",
+  role: "alert"
+}, To = /* @__PURE__ */ T({
+  __name: "GDateRangeInput",
+  props: /* @__PURE__ */ R({
+    label: { default: void 0 },
+    startLabel: { default: "Start Date" },
+    endLabel: { default: "End Date" },
+    disabled: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    instructions: { default: "" },
+    name: { default: void 0 }
+  }, {
+    modelValue: {
+      default: () => ({ start: null, end: null })
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = e, t = j(e, "modelValue"), a = B(t.value.start || null), o = B(t.value.end || null), { displayErrors: s } = Ce({
+      name: l.name,
+      value: t,
+      errors: $e(l, "errors")
+    });
+    return Q([a, o], () => {
+      t.value = {
+        start: a.value,
+        end: o.value
+      };
+    }), Q(
+      t,
+      (i) => {
+        i.start !== a.value && (a.value = i.start), i.end !== o.value && (o.value = i.end);
+      },
+      { deep: !0 }
+    ), (i, v) => (u(), c("div", Io, [
+      l.label ? (u(), c("div", Mo, C(l.label), 1)) : M("", !0),
+      l.instructions ? (u(), c("div", Bo, C(l.instructions), 1)) : M("", !0),
+      n("div", Eo, [
+        W(He, {
+          modelValue: a.value,
+          "onUpdate:modelValue": v[0] || (v[0] = (r) => a.value = r),
+          label: l.startLabel,
+          disabled: l.disabled,
+          class: "g-date-range-input__field"
+        }, null, 8, ["modelValue", "label", "disabled"]),
+        W(He, {
+          modelValue: o.value,
+          "onUpdate:modelValue": v[1] || (v[1] = (r) => o.value = r),
+          label: l.endLabel,
+          disabled: l.disabled,
+          class: "g-date-range-input__field"
+        }, null, 8, ["modelValue", "label", "disabled"])
+      ]),
+      f(s).length > 0 ? (u(), c("div", Vo, [
+        (u(!0), c(P, null, Z(f(s), (r, d) => (u(), c("div", {
+          key: d,
+          class: "g-date-range-input__error"
+        }, C(r), 1))), 128))
+      ])) : M("", !0)
+    ]));
+  }
+}), us = /* @__PURE__ */ z(To, [["__scopeId", "data-v-ea9fe44e"]]);
+function Ao() {
+  const e = ot({}), l = B(!1), t = x(() => {
+    const r = {};
+    return Object.entries(e).forEach(([d, g]) => {
+      g && g.value && (r[d] = g.value.value);
+    }), r;
+  }), a = x(() => {
+    const r = {};
+    return Object.entries(e).forEach(([d, g]) => {
+      const m = g.errors.value;
+      m && m.length > 0 && (r[d] = m);
+    }), r;
+  }), o = x(() => Object.keys(a.value).length > 0);
+  function s(r, d) {
+    e[r] = d;
+  }
+  function i(r) {
+    delete e[r];
+  }
+  async function v(r) {
+    if (!l.value) {
+      l.value = !0;
+      try {
+        await r(t.value);
+      } finally {
+        l.value = !1;
+      }
+    }
+  }
+  return {
+    fields: e,
+    values: t,
+    errors: a,
+    isSubmitting: l,
+    hasErrors: o,
+    registerField: s,
+    unregisterField: i,
+    submit: v
+  };
+}
+const zo = ["action", "method"], Go = /* @__PURE__ */ T({
+  __name: "GForm",
+  props: /* @__PURE__ */ R({
+    action: { default: void 0 },
+    method: { default: "post" }
+  }, {
+    modelValue: { default: () => ({}) },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["submit"], ["update:modelValue"]),
+  setup(e, { emit: l }) {
+    const t = e, a = j(e, "modelValue"), o = l, s = be("form", null), i = s || Ao();
+    s || st("form", i), Q(
+      () => i.values.value,
+      (r) => {
+        a.value = { ...r };
+      },
+      { deep: !0 }
+    ), Q(
+      () => a.value,
+      (r) => {
+        r && Object.entries(r).forEach(([d, g]) => {
+          const m = i.fields[d];
+          m && m.value.value !== g && (m.value.value = g);
+        });
+      },
+      { deep: !0, immediate: !0 }
+    );
+    async function v(r) {
+      r.preventDefault(), await i.submit(async (d) => {
+        o("submit", d);
+      });
+    }
+    return (r, d) => (u(), c("form", {
+      onSubmit: v,
+      action: t.action,
+      method: t.method,
+      class: "g-form",
+      novalidate: ""
+    }, [
+      K(r.$slots, "default", {
+        isSubmitting: f(i).isSubmitting.value,
+        hasErrors: f(i).hasErrors.value,
+        values: f(i).values.value,
+        errors: f(i).errors.value
+      }, void 0, !0)
+    ], 40, zo));
+  }
+}), ds = /* @__PURE__ */ z(Go, [["__scopeId", "data-v-d583c73a"]]), Oo = /* @__PURE__ */ T({
+  __name: "GSubmitButton",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    loadingText: { default: "Submitting..." },
+    variant: { default: "primary" }
+  },
+  setup(e) {
+    const l = e, t = be("form", null), a = x(() => l.disabled || (t?.isSubmitting.value ?? !1)), o = x(() => t?.isSubmitting.value ?? !1);
+    return (s, i) => (u(), q(ne, {
+      type: "submit",
+      disabled: a.value,
+      variant: l.variant,
+      class: "g-submit-button"
+    }, {
+      default: U(() => [
+        o.value ? (u(), c(P, { key: 0 }, [
+          N(C(l.loadingText), 1)
+        ], 64)) : K(s.$slots, "default", { key: 1 }, () => [
+          i[0] || (i[0] = N("Submit", -1))
+        ], !0)
+      ]),
+      _: 3
+    }, 8, ["disabled", "variant"]));
+  }
+}), cs = /* @__PURE__ */ z(Oo, [["__scopeId", "data-v-c4e2ecac"]]);
+export {
+  us as A,
+  ds as B,
+  cs as C,
+  Ze as D,
+  Ve as E,
+  Ee as F,
+  Ko as G,
+  xe as H,
+  wt as I,
+  Ao as J,
+  Ce as K,
+  va as L,
+  ca as M,
+  Zo as N,
+  Qo as O,
+  Yo as P,
+  Re as Q,
+  Sl as V,
+  ne as _,
+  Be as a,
+  Te as b,
+  At as c,
+  Pt as d,
+  Ro as e,
+  Ye as f,
+  Ho as g,
+  Uo as h,
+  jo as i,
+  No as j,
+  Wo as k,
+  qo as l,
+  Jo as m,
+  da as n,
+  Xo as o,
+  es as p,
+  os as q,
+  ts as r,
+  ls as s,
+  as as t,
+  ss as u,
+  bo as v,
+  ns as w,
+  rs as x,
+  is as y,
+  He as z
+};
+//# sourceMappingURL=main-BiwAEGyQ.js.map