@3squared/forge-ui-3 0.2.3 → 0.3.0

package/dist/esm/{forge-ui-3.mjs → forge-ui-3.js}

@@ -1,34 +1,40 @@
-import pe from "primevue/message";
-import { defineComponent as $, openBlock as n, createBlock as w, normalizeProps as J, guardReactiveProps as X, withCtx as b, createElementVNode as c, normalizeClass as F, unref as u, createCommentVNode as B, createVNode as v, renderSlot as k, ref as I, createElementBlock as p, Fragment as U, mergeProps as S, computed as h, createTextVNode as z, toDisplayString as g, withDirectives as j, vShow as q, mergeModels as G, useModel as L, createSlots as Q, renderList as E, onMounted as ne, isRef as H, withKeys as Z, useAttrs as ie, withModifiers as K, normalizeStyle as ye } from "vue";
+import ye from "primevue/message";
+import { defineComponent as x, openBlock as s, createBlock as w, normalizeProps as J, guardReactiveProps as X, withCtx as v, createElementVNode as c, normalizeClass as B, unref as u, createCommentVNode as F, createVNode as b, renderSlot as k, ref as P, createElementBlock as p, Fragment as O, mergeProps as S, computed as h, createTextVNode as V, toDisplayString as g, withDirectives as j, vShow as q, mergeModels as G, useModel as L, createSlots as Q, renderList as E, onMounted as ie, isRef as H, withKeys as Z, useAttrs as re, withModifiers as K, normalizeStyle as be } from "vue";
 import { Icon as C } from "@iconify/vue";
 import A from "primevue/button";
 import ve from "primevue/toast";
-import be from "primevue/checkbox";
+import fe from "primevue/checkbox";
 import { useField as W } from "vee-validate";
-import fe from "primevue/progressspinner";
-import ge from "primevue/dialog";
+import ge from "primevue/progressspinner";
+import he from "primevue/dialog";
 import le from "primevue/inputtext";
-import { vOnClickOutside as he } from "@vueuse/components";
-import we from "primevue/menubar";
-import ke from "vue-multiselect";
-import _e from "primevue/calendar";
+import { vOnClickOutside as we } from "@vueuse/components";
+import ke from "primevue/menubar";
+import _e from "vue-multiselect";
+import xe from "primevue/calendar";
 import $e from "primevue/inputmask";
-import xe from "primevue/textarea";
-import re from "primevue/inputnumber";
+import Be from "primevue/textarea";
+import de from "primevue/inputnumber";
 import Fe from "primevue/chips";
-import Be from "primevue/progressbar";
-import Se from "primevue/divider";
-import Ce from "primevue/steps";
-import Ve from "primevue/datatable";
+import Se from "primevue/progressbar";
+import Ce from "primevue/divider";
+import Te from "primevue/steps";
+import Pe from "primevue/datatable";
 import oe from "primevue/dropdown";
-import Ie from "primevue/multiselect";
-import { BlockBlobClient as de } from "@azure/storage-blob";
-import ze from "primevue/image";
-const za = {
+import Ve from "primevue/multiselect";
+import { BlockBlobClient as ue } from "@azure/storage-blob";
+import Ie from "primevue/image";
+const ze = {
   button: {
     root: ({ props: e }) => ({
       class: [
         "btn",
+        // Brand
+        {
+          "btn-brand": e.severity === "brand" && !e.outlined && !e.link && !e.text,
+          "btn-outline-brand": e.severity === "brand" && e.outlined,
+          "text-brand fw-bold btn-text-brand": e.severity === "brand" && e.text
+        },
         // Primary
         {
           "btn-primary": (e.severity === null || e.severity === "primary") && !e.outlined && !e.link && !e.text,
@@ -82,6 +88,7 @@ const za = {
       class: [
         {
           "button-badge-primary": (e.severity === "primary" || e.severity === null) && !e.outlined,
+          "button-badge-brand": e.severity === "brand" && !e.outlined,
           "button-badge-secondary": e.severity === "secondary" && !e.outlined,
           "button-badge-success": e.severity === "success" && !e.outlined,
           "button-badge-warning": (e.severity === "warning" || e.severity === "warn") && !e.outlined,
@@ -90,6 +97,7 @@ const za = {
         },
         {
           "button-badge-primary outlined": (e.severity === "primary" || e.severity === null) && e.outlined,
+          "button-badge-brand outlined": e.severity === "brand" && e.outlined,
           "button-badge-secondary outlined": e.severity === "secondary" && e.outlined,
           "button-badge-success outlined": e.severity === "success" && e.outlined,
           "button-badge-warning outlined": (e.severity === "warning" || e.severity === "warn") && e.outlined,
@@ -99,7 +107,8 @@ const za = {
         "rounded-pill ms-2"
       ]
     })
-  },
+  }
+}, Me = {
   checkbox: {
     root: () => ({
       class: [
@@ -116,94 +125,68 @@ const za = {
         }
       ]
     })
-  },
-  toast: {
-    message: () => ({
-      class: ["toast-container w-100 position-relative"]
-    }),
-    content: () => ({
-      class: ["toast-body d-flex align-items-center gap-2"]
-    }),
-    container: () => ({
-      class: ["toast bg-white show"]
-    }),
-    buttonContainer: () => ({
-      class: ["ms-auto"]
-    }),
-    closeButton: () => ({
-      class: ["btn-close toast-close-icon"]
-    }),
-    closeIcon: () => ({
-      class: "d-none"
-    }),
-    summary: () => ({
-      class: ["toast-body ps-1"]
-    }),
-    icon: ({ props: e }) => {
-      var t, l, a, o;
-      return {
-        class: [
-          "toast-icon",
-          {
-            "text-primary": ((t = e.message) == null ? void 0 : t.severity) === "info",
-            "text-success": ((l = e.message) == null ? void 0 : l.severity) === "success",
-            "text-danger": ((a = e.message) == null ? void 0 : a.severity) === "error",
-            "text-warning": ((o = e.message) == null ? void 0 : o.severity) === "warn"
-          }
-        ]
-      };
-    }
-  },
+  }
+}, se = {
   dropdown: {
-    root: (e) => ({
+    root: ({ props: e }) => ({
       class: [
+        "form-control d-flex cursor-pointer",
         {
-          "rounded-0 rounded-top": e.state.overlayVisible,
-          disabled: e.instance.disabled,
-          "form-control": !e.instance.disabled
-        },
-        "d-flex cursor-pointer w-100"
+          disabled: e.disabled
+        }
       ]
     }),
-    input: () => ({
-      class: ["fs-6 border-0"]
-    }),
     trigger: (e) => ({
-      class: {
-        "ms-2": e.props.showClear,
-        "ms-auto": !e.props.showClear || !e.props.modelValue
-      }
-    }),
-    loadingIcon: () => ({
-      class: ["spinner-border spinner-border-sm border-0"]
-    }),
-    clearIcon: () => ({
-      class: ["ms-auto my-auto"]
-    }),
-    list: () => ({
-      class: ["border list-unstyled rounded-bottom bg-white"]
-    }),
-    item: (e) => ({
       class: [
-        "px-2 py-1 cursor-pointer item",
+        "my-auto",
         {
-          "bg-primary text-white": e.context.selected
+          "ms-auto": !e.props.showClear,
+          "ms-2": e.props.showClear
         }
       ]
     }),
-    itemGroup: () => ({
-      class: ["d-flex px-2 py-1 fw-bold"]
+    list: "list-unstyled mb-0 dropdown-menu show w-100",
+    item: ({ context: e }) => ({
+      class: [
+        "dropdown-item d-flex cursor-pointer",
+        {
+          "bg-primary text-white": e.selected
+        }
+      ]
     }),
-    filterContainer: () => ({
-      class: ["d-flex border-start border-end p-2 bg-light"]
+    header: "d-flex border-bottom pb-2",
+    headercheckboxcontainer: "form-check ms-2 mt-2",
+    headercheckbox: (e) => ({
+      class: [
+        "form-check-input px-2 py-2 rounded position-relative",
+        {
+          "bg-primary": e.instance.allSelected
+        }
+      ]
     }),
-    filterIcon: () => ({
-      class: ["my-auto ms-3 me-2"]
+    headercheckboxicon: "mb-1 fw-medium text-white position-absolute filter-header-multiselect__check-icon",
+    filtercontainer: "d-flex position-relative mt-1 ps-2 w-100",
+    filterinput: "form-control w-100",
+    filtericon: {
+      class: ["position-absolute bottom-0 end-0 me-3"],
+      style: "top: 35%;"
+    },
+    closebutton: "btn",
+    checkbox: (e) => ({
+      class: [
+        "form-check-input px-2 py-2 rounded position-relative",
+        {
+          "bg-primary": e.context.selected,
+          "form-check-input__focus": e.state.focused
+        }
+      ]
     }),
-    filterInput: () => ({
-      class: ["form-control"]
-    })
-  },
+    checkboxicon: "mb-1 fw-medium text-white position-absolute filter-header-multiselect__check-icon",
+    clearicon: "ms-auto my-auto",
+    loadingIcon: "spinner-border spinner-border-sm border-0",
+    itemGroupLabel: "ps-2 fw-bold"
+  }
+}, Oe = {
   column: {
     sortBadge: "ms-2 my-auto cursor-pointer",
     headerCell: (e) => {
@@ -295,7 +278,8 @@ const za = {
         }
       ]
     })
-  },
+  }
+}, Ue = {
   inputtext: {
     root: (e) => {
       var t, l;
@@ -309,173 +293,30 @@ const za = {
         ]
       };
     }
-  },
-  multiselect: {
-    root: {
-      class: ["form-control d-flex cursor-pointer"]
-    },
-    trigger: {
-      class: ["ms-auto"]
-    },
-    panel: {
-      class: ["border rounded-bottom bg-white"]
-    },
-    list: {
-      class: ["p-2 mb-0 list-unstyled"]
-    },
-    item: {
-      class: ["dropdown-item d-flex"]
-    },
-    header: {
-      class: "d-flex border-bottom pb-2"
-    },
-    headercheckboxcontainer: {
-      class: ["form-check ms-2 mt-2"]
-    },
-    headercheckbox: (e) => ({
-      class: [
-        "form-check-input px-2 py-2 rounded position-relative",
-        {
-          "bg-primary": e.instance.allSelected
-        }
-      ]
-    }),
-    headercheckboxicon: {
-      class: "mb-1 fw-medium text-white position-absolute filter-header-multiselect__check-icon"
-    },
-    filtercontainer: {
-      class: ["d-flex position-relative mt-1 ps-2"]
-    },
-    filterinput: {
-      class: ["form-control"]
-    },
-    filtericon: {
-      class: ["position-absolute bottom-0 end-0"],
-      style: "top: 35%; left: 87%;"
-    },
-    closebutton: {
-      class: "btn"
-    },
-    checkbox: (e) => ({
-      class: [
-        "form-check-input px-2 py-2 rounded position-relative",
-        {
-          "bg-primary": e.context.selected,
-          "form-check-input__focus": e.state.focused
-        }
-      ]
-    }),
-    checkboxicon: {
-      class: "mb-1 fw-medium text-white position-absolute filter-header-multiselect__check-icon"
-    }
-  },
+  }
+}, De = {
   inputmask: {
     root: () => ({
       class: [
         "form-control"
       ]
     })
-  },
+  }
+}, Ae = {
   textarea: {
     root: () => ({
       class: [
         "form-control"
       ]
     })
-  },
-  message: {
-    root: ({ props: e }) => ({
-      class: [
-        "alert",
-        {
-          "alert-primary": e.severity === "primary" || e.severity === void 0,
-          "alert-secondary": e.severity === "secondary",
-          "alert-success": e.severity === "success",
-          "alert-warning": e.severity === "warning" || e.severity === "warn",
-          "alert-danger": e.severity === "danger" || e.severity === "error",
-          "alert-info": e.severity === "info"
-        }
-      ]
-    }),
-    text: () => ({
-      class: ["my-auto"]
-    }),
-    wrapper: () => ({
-      class: ["d-flex"]
-    }),
-    icon: () => ({
-      class: ["alert-icon my-auto me-2 pe-1"]
-    }),
-    closeButton: () => ({
-      class: ["px-0 ms-2 btn d-flex"]
-    })
-  },
-  badge: {
-    root: ({ props: e }) => ({
-      class: [
-        "badge",
-        {
-          "badge-primary": e.severity === "primary" || e.severity === null,
-          "badge-secondary": e.severity === "secondary",
-          "badge-success": e.severity === "success",
-          "badge-warning": e.severity === "warning" || e.severity === "warn",
-          "badge-danger": e.severity === "danger",
-          "badge-info": e.severity === "info"
-        },
-        {
-          "badge-xl fs-4 lh-sm": e.size === "xlarge",
-          "badge-lg fs-5 lh-1": e.size === "large"
-        }
-      ]
-    })
-  },
-  card: {
-    root: () => ({
-      class: ["card"]
-    }),
-    title: () => ({
-      class: ["card-title h4"]
-    }),
-    subtitle: () => ({
-      class: ["card-subtitle mb-2"]
-    }),
-    content: () => ({
-      class: ["card-text h-100"]
-    }),
-    body: () => ({
-      class: ["card-body"]
-    }),
-    footer: () => ({
-      class: ["mt-3"]
-    }),
-    header: () => ({
-      class: ["card-header"]
-    })
-  },
-  progressspinner: {
-    spinner: () => ({
-      class: [
-        "spinner-border"
-      ]
-    })
-  },
-  selectbutton: {
-    root: () => ({
-      class: ["btn-group"]
-    }),
-    button: ({ context: e, props: t }) => ({
-      class: [
-        "btn",
-        {
-          "btn-primary": e.active,
-          "btn-outline-primary": !e.active
-        },
-        {
-          "disabled w-auto": t.disabled || t.optionDisabled === e.option
-        }
-      ]
-    })
-  },
+  }
+}, Ne = {
+  // More PassThrough options in component file.
+  chips: {
+    root: "d-flex",
+    label: "pe-2"
+  }
+}, Ee = {
   dialog: {
     header: () => ({
       class: ["modal-header"]
@@ -514,7 +355,57 @@ const za = {
         "modal-open": e.modal && e.visible
       }]
     })
-  },
+  }
+}, Re = {
+  overlaypanel: {
+    root: (e) => ({
+      class: [
+        "card w-fit-content m-0",
+        {
+          "p-4": e.props.showCloseIcon,
+          "p-3": !e.props.showCloseIcon
+        }
+      ]
+    }),
+    content: "d-flex position-relative",
+    closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
+  }
+}, Le = {
+  message: {
+    root: ({ props: e }) => ({
+      class: [
+        "alert",
+        {
+          "alert-primary": e.severity === "primary" || e.severity === void 0,
+          "alert-brand": e.severity === "brand",
+          "alert-secondary": e.severity === "secondary",
+          "alert-success": e.severity === "success",
+          "alert-warning": e.severity === "warning" || e.severity === "warn",
+          "alert-danger": e.severity === "danger" || e.severity === "error",
+          "alert-info": e.severity === "info"
+        }
+      ]
+    }),
+    text: () => ({
+      class: ["my-auto"]
+    }),
+    wrapper: () => ({
+      class: ["d-flex"]
+    }),
+    icon: () => ({
+      class: ["alert-icon my-auto me-2 pe-1"]
+    }),
+    closeButton: () => ({
+      class: ["px-0 ms-2 btn d-flex"]
+    })
+  }
+}, je = {
+  // More PT options defined in ForgeStepper.
+  steps: {
+    root: "w-100 mx-2 line",
+    menu: "p-0 m-0 list-unstyled d-flex justify-content-between "
+  }
+}, He = {
   tabview: {
     navContainer: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -551,96 +442,149 @@ const za = {
     content: () => ({
       class: ["p-2"]
     })
-  },
-  directives: {
-    tooltip: {
-      root: ({ context: e }) => ({
-        class: [
-          "tooltip show position-absolute",
-          {
-            "bs-tooltip-end ms-1": (e == null ? void 0 : e.right) || !(e != null && e.right) && !(e != null && e.left) && !(e != null && e.top) && !(e != null && e.bottom),
-            "bs-tooltip-start me-1": e == null ? void 0 : e.left,
-            "bs-tooltip-top": e == null ? void 0 : e.top,
-            "bs-tooltip-bottom": e == null ? void 0 : e.bottom
-          }
-        ]
-      }),
-      arrow: () => ({
-        class: [
-          "tooltip-arrow position-absolute"
-        ]
-      }),
-      text: {
-        class: ["tooltip-inner"]
-      }
-    }
-  },
+  }
+}, qe = {
+  // More PassThrough options defined in ForgeDatepicker.
+  calendar: {
+    root: "d-inline-flex relative",
+    input: "form-control",
+    panel: ({ props: e }) => ({
+      class: [
+        "datepicker-panel bg-white",
+        {
+          "shadow border-0 position-absolute": !e.inline
+        }
+      ]
+    }),
+    header: "d-flex align-items-center justify-content-between p-2 border-bottom",
+    previousButton: "btn mb-1",
+    nextButton: "btn mb-1",
+    yearTitle: "btn",
+    monthTitle: "btn",
+    table: "m-2",
+    tableHeaderRow: "p-2",
+    weekday: "ms-2 ps-1",
+    monthPicker: "my-2",
+    month: "btn w-25",
+    yearPicker: "my-2",
+    year: "btn w-25",
+    timePicker: "d-flex justify-content-center align-items-center border-top p-2",
+    separatorContainer: "d-flex flex-column align-items-center px-2",
+    separator: "fs-4 mb-2",
+    hourPicker: "px-2 fs-5",
+    hour: "my-2",
+    minutePicker: "px-2 fs-5",
+    minute: "my-2",
+    secondPicker: "px-2 fs-5",
+    second: "my-2",
+    buttonbar: ({ props: e }) => ({
+      class: [
+        "p-2 d-flex",
+        {
+          "border-top": !e.showTime
+        }
+      ]
+    })
+  }
+}, Ge = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
       class: ["progress"]
     }),
-    value: () => ({
-      class: ["progress-bar"]
+    value: () => ({
+      class: ["progress-bar"]
+    }),
+    label: () => ({
+      class: ["text-white"]
+    })
+  }
+}, Ke = {
+  dataTable: {
+    table: (e) => ({
+      class: [
+        "table position-relative",
+        {
+          "table-striped": e.props.stripedRows,
+          "table-hover": e.props.rowHover,
+          "table-bordered": e.props.showGridlines,
+          "table-sm": e.props.size === "small",
+          "table-lg": e.props.size === "large",
+          "opacity-50": e.props.loading
+        }
+      ]
+    }),
+    bodyRow: (e) => ({
+      class: {
+        "table-active": e.context.selected
+      }
+    }),
+    rowgrouptoggler: "btn",
+    thead: () => ({
+      class: "sticky-header"
+    }),
+    //@ts-ignore
+    tbody: (e) => ({
+      class: {
+        "sticky-header": e.props.frozenRow
+      }
+    }),
+    loadingOverlay: () => ({
+      class: "table-overlay table-spinner"
     }),
-    label: () => ({
-      class: ["text-white"]
+    loadingIcon: () => ({
+      class: "spinner-border border-0"
     })
   },
-  // More PassThrough options defined in ForgeDatepicker.
-  calendar: {
-    root: "d-inline-flex relative",
-    input: "form-control",
-    panel: ({ props: e }) => ({
+  paginator: {
+    root: (e) => {
+      var t;
+      return {
+        class: [
+          "m-auto pagination justify-content-center",
+          {
+            "opacity-50": (t = e.parent) == null ? void 0 : t.props.loading
+          }
+        ]
+      };
+    },
+    pages: "d-flex",
+    firstPageButton: "page-link",
+    previousPageButton: "page-link",
+    nextPageButton: "page-link",
+    lastPageButton: "page-link me-2",
+    pageButton: ({ context: e }) => ({
       class: [
-        "datepicker-panel bg-white",
+        "page-link",
         {
-          "shadow border-0 position-absolute": !e.inline
+          active: e.active,
+          disabled: e.disabled
         }
       ]
-    }),
-    header: "d-flex align-items-center justify-content-between p-2 border-bottom",
-    previousButton: "btn mb-1",
-    nextButton: "btn mb-1",
-    yearTitle: "btn",
-    monthTitle: "btn",
-    table: "m-2",
-    tableHeaderRow: "p-2",
-    weekday: "ms-2 ps-1",
-    monthPicker: "my-2",
-    month: "btn w-25",
-    yearPicker: "my-2",
-    year: "btn w-25",
-    timePicker: "d-flex justify-content-center align-items-center border-top p-2",
-    separatorContainer: "d-flex flex-column align-items-center px-2",
-    separator: "fs-4 mb-2",
-    hourPicker: "px-2 fs-5",
-    hour: "my-2",
-    minutePicker: "px-2 fs-5",
-    minute: "my-2",
-    secondPicker: "px-2 fs-5",
-    second: "my-2",
-    buttonbar: ({ props: e }) => ({
+    })
+  }
+}, We = {
+  badge: {
+    root: ({ props: e }) => ({
       class: [
-        "p-2",
+        "badge",
         {
-          "border-top": !e.showTime
+          "badge-primary": e.severity === "primary" || e.severity === null,
+          "badge-brand": e.severity === "brand",
+          "badge-secondary": e.severity === "secondary",
+          "badge-success": e.severity === "success",
+          "badge-warning": e.severity === "warning" || e.severity === "warn",
+          "badge-danger": e.severity === "danger",
+          "badge-info": e.severity === "info"
+        },
+        {
+          "badge-xl fs-4 lh-sm": e.size === "xlarge",
+          "badge-lg fs-5 lh-1": e.size === "large"
         }
       ]
     })
-  },
-  steps: {
-    root: "w-100 mx-2 line",
-    menu: "p-0 m-0 list-unstyled d-flex justify-content-between "
-  },
-  divider: {
-    root: "border-bottom m-4 w-100"
-  },
-  // More PassThrough options in component file.
-  chips: {
-    root: "d-flex",
-    label: "pe-2"
-  },
+  }
+}, Ze = {
   // More PassThrough options in component file.
   menubar: {
     menu: ({ instance: e }) => ({
@@ -695,19 +639,6 @@ const za = {
     }),
     submenuicon: "ms-1"
   },
-  overlaypanel: {
-    root: (e) => ({
-      class: [
-        "card w-fit-content m-0",
-        {
-          "p-4": e.props.showCloseIcon,
-          "p-3": !e.props.showCloseIcon
-        }
-      ]
-    }),
-    content: "d-flex position-relative",
-    closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
-  },
   menu: {
     menu: (e) => ({
       class: [
@@ -722,70 +653,84 @@ const za = {
         "dropdown-item cursor-pointer"
       ]
     })
-  },
-  dataTable: {
-    table: (e) => ({
+  }
+}, Ye = {
+  tooltip: {
+    root: ({ context: e }) => ({
       class: [
-        "table position-relative",
+        "tooltip show position-absolute",
         {
-          "table-striped": e.props.stripedRows,
-          "table-hover": e.props.rowHover,
-          "table-bordered": e.props.showGridlines,
-          "table-sm": e.props.size === "small",
-          "table-lg": e.props.size === "large",
-          "opacity-50": e.props.loading
+          "bs-tooltip-end ms-1": (e == null ? void 0 : e.right) || !(e != null && e.right) && !(e != null && e.left) && !(e != null && e.top) && !(e != null && e.bottom),
+          "bs-tooltip-start me-1": e == null ? void 0 : e.left,
+          "bs-tooltip-top": e == null ? void 0 : e.top,
+          "bs-tooltip-bottom": e == null ? void 0 : e.bottom
         }
       ]
     }),
-    bodyRow: (e) => ({
-      class: {
-        "table-active": e.context.selected
-      }
-    }),
-    rowgrouptoggler: "btn",
-    thead: () => ({
-      class: "sticky-header"
-    }),
-    //@ts-ignore
-    tbody: (e) => ({
-      class: {
-        "sticky-header": e.props.frozenRow
-      }
+    arrow: () => ({
+      class: [
+        "tooltip-arrow position-absolute"
+      ]
     }),
-    loadingOverlay: () => ({
-      class: "table-overlay table-spinner"
+    text: {
+      class: ["tooltip-inner"]
+    }
+  }
+}, Je = {
+  selectbutton: {
+    root: () => ({
+      class: ["btn-group"]
     }),
-    loadingIcon: () => ({
-      class: "spinner-border border-0"
-    })
-  },
-  paginator: {
-    root: (e) => {
-      var t;
-      return {
-        class: [
-          "m-auto pagination justify-content-center",
-          {
-            "opacity-50": (t = e.parent) == null ? void 0 : t.props.loading
-          }
-        ]
-      };
-    },
-    pages: "d-flex",
-    firstPageButton: "page-link",
-    previousPageButton: "page-link",
-    nextPageButton: "page-link",
-    lastPageButton: "page-link me-2",
-    pageButton: ({ context: e }) => ({
+    button: ({ context: e, props: t }) => ({
       class: [
-        "page-link",
+        "btn",
         {
-          active: e.active,
-          disabled: e.disabled
+          "btn-primary": e.active,
+          "btn-outline-primary": !e.active
+        },
+        {
+          "disabled w-auto": t.disabled || t.optionDisabled === e.option
         }
       ]
     })
-  },
+  }
+}, Xe = {
+  progressspinner: {
+    spinner: () => ({
+      class: [
+        "spinner-border"
+      ]
+    })
+  }
+}, Qe = {
+  card: {
+    root: () => ({
+      class: ["card"]
+    }),
+    title: () => ({
+      class: ["card-title h4"]
+    }),
+    subtitle: () => ({
+      class: ["card-subtitle mb-2"]
+    }),
+    content: () => ({
+      class: ["card-text h-100"]
+    }),
+    body: () => ({
+      class: ["card-body"]
+    }),
+    footer: () => ({
+      class: ["mt-3"]
+    }),
+    header: () => ({
+      class: ["card-header"]
+    })
+  }
+}, et = {
+  divider: {
+    root: "border-bottom m-4 w-100"
+  }
+}, tt = {
   image: {
     root: "position-relative d-inline-block",
     button: "preview-button",
@@ -798,7 +743,74 @@ const za = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, ee = /* @__PURE__ */ $({
+}, at = {
+  toast: {
+    message: () => ({
+      class: ["toast-container w-100 position-relative"]
+    }),
+    content: () => ({
+      class: ["toast-body d-flex align-items-center gap-2"]
+    }),
+    container: () => ({
+      class: ["toast bg-white show"]
+    }),
+    buttonContainer: () => ({
+      class: ["ms-auto"]
+    }),
+    closeButton: () => ({
+      class: ["btn-close toast-close-icon"]
+    }),
+    closeIcon: () => ({
+      class: "d-none"
+    }),
+    summary: () => ({
+      class: ["toast-body ps-1"]
+    }),
+    icon: ({ props: e }) => {
+      var t, l, a, o;
+      return {
+        class: [
+          "toast-icon",
+          {
+            "text-primary": ((t = e.message) == null ? void 0 : t.severity) === "info",
+            "text-success": ((l = e.message) == null ? void 0 : l.severity) === "success",
+            "text-danger": ((a = e.message) == null ? void 0 : a.severity) === "error",
+            "text-warning": ((o = e.message) == null ? void 0 : o.severity) === "warn"
+          }
+        ]
+      };
+    }
+  }
+}, al = {
+  ...We,
+  ...ze,
+  ...Qe,
+  ...Me,
+  ...Ne,
+  ...Oe,
+  ...qe,
+  ...Ee,
+  ...et,
+  ...se,
+  ...tt,
+  ...Ue,
+  ...De,
+  ...Le,
+  ...se,
+  ...Ze,
+  ...Re,
+  ...Ge,
+  ...Xe,
+  ...Je,
+  ...je,
+  ...Ke,
+  ...He,
+  ...at,
+  ...Ae,
+  directives: {
+    ...Ye
+  }
+}, ee = /* @__PURE__ */ x({
   __name: "ForgeAlert",
   props: {
     severity: { default: "primary" },
@@ -815,32 +827,32 @@ const za = {
   setup(e) {
     const t = e;
     return (l, a) => {
-      const o = pe;
-      return n(), w(o, J(X({ ...l.$attrs, ...t })), {
-        messageicon: b(() => [
+      const o = ye;
+      return s(), w(o, J(X({ ...l.$attrs, ...t })), {
+        messageicon: v(() => [
           c("div", {
-            class: F(t.icon ? "me-2 pe-1" : "")
+            class: B(t.icon ? "me-2 pe-1" : "")
           }, [
-            t.icon ? (n(), w(u(C), {
+            t.icon ? (s(), w(u(C), {
               key: 0,
               "data-cy": "message-icon",
               icon: t.icon,
-              class: F(`text-${t.severity}`),
+              class: B(`text-${t.severity}`),
               height: 35
-            }, null, 8, ["icon", "class"])) : B("", !0)
+            }, null, 8, ["icon", "class"])) : F("", !0)
           ], 2)
         ]),
-        closeicon: b(() => [
-          v(u(C), { icon: "bi:x" })
+        closeicon: v(() => [
+          b(u(C), { icon: "bi:x" })
         ]),
-        default: b(() => [
+        default: v(() => [
           k(l.$slots, "default")
         ]),
         _: 3
       }, 16);
     };
   }
-}), Ta = /* @__PURE__ */ $({
+}), ll = /* @__PURE__ */ x({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -849,7 +861,7 @@ const za = {
     params: { default: Array }
   },
   setup(e) {
-    const t = I(!1), l = e, a = async () => {
+    const t = P(!1), l = e, a = async () => {
       t.value = !0;
       try {
         await l.action.apply(this, l.params);
@@ -858,22 +870,22 @@ const za = {
       }
       t.value = !1;
     };
-    return (o, s) => {
+    return (o, n) => {
       const i = A;
-      return n(), p(U, null, [
-        v(i, S({ ...l, ...o.$attrs }, {
+      return s(), p(O, null, [
+        b(i, S({ ...l, ...o.$attrs }, {
           loading: t.value,
           disabled: t.value || l.disabled,
           onClick: a
         }), null, 16, ["loading", "disabled"]),
-        v(u(ve))
+        b(u(ve))
       ], 64);
     };
   }
-}), Te = {
+}), lt = {
   class: "d-flex",
   "data-cy": "checkbox-container"
-}, Me = /* @__PURE__ */ c("div", null, null, -1), Pe = ["for"], Ue = /* @__PURE__ */ $({
+}, ot = /* @__PURE__ */ c("div", null, null, -1), nt = ["for"], st = /* @__PURE__ */ x({
   __name: "ForgeCheckbox",
   props: {
     label: { default: "" },
@@ -901,38 +913,38 @@ const za = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = t, a = e, { checked: o, handleChange: s, errors: i, errorMessage: m } = W(() => a.name ?? a.label, a.rules, {
+    const l = t, a = e, { checked: o, handleChange: n, errors: i, errorMessage: m } = W(() => a.name ?? a.label, a.rules, {
       type: "checkbox",
       checkedValue: !0,
       initialValue: a.modelValue
     }), y = (_) => {
-      a.disabled || (s(_), l("update:modelValue", !a.modelValue));
+      a.disabled || (n(_), l("update:modelValue", !a.modelValue));
     }, r = h(() => i.value.length > 0);
     return (_, d) => {
-      const f = be;
-      return n(), p(U, null, [
-        c("div", Te, [
-          v(f, S({
+      const f = fe;
+      return s(), p(O, null, [
+        c("div", lt, [
+          b(f, S({
             id: a.name
           }, { ..._.$attrs, ...a }, {
             value: u(o),
             "input-class": { "is-invalid": r.value },
             onChange: y
           }), {
-            icon: b(() => [
-              Me
+            icon: v(() => [
+              ot
             ]),
             _: 1
           }, 16, ["id", "value", "input-class"]),
           c("label", {
             for: a.name,
-            class: F(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
+            class: B(`${a.disabled ? "opacity-50" : "cursor-pointer"}`),
             onClick: y
           }, [
             k(_.$slots, "default", {}, () => [
-              z(g(a.label), 1)
+              V(g(a.label), 1)
             ])
-          ], 10, Pe)
+          ], 10, nt)
         ]),
         j(c("small", {
           "data-cy": "error",
@@ -943,7 +955,7 @@ const za = {
       ], 64);
     };
   }
-}), Oe = { class: "forge-loader" }, ue = /* @__PURE__ */ $({
+}), it = { class: "forge-loader" }, ce = /* @__PURE__ */ x({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -951,16 +963,16 @@ const za = {
   setup(e) {
     const t = e;
     return (l, a) => {
-      const o = fe;
-      return n(), p("div", Oe, [
-        v(o, {
+      const o = ge;
+      return s(), p("div", it, [
+        b(o, {
           "animation-duration": ".75",
-          class: F(`text-${t.severity === void 0 ? "primary" : t.severity}`)
+          class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
         }, null, 8, ["class"])
       ]);
     };
   }
-}), De = ["href", "target"], Ma = /* @__PURE__ */ $({
+}), rt = ["href", "target"], ol = /* @__PURE__ */ x({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -994,25 +1006,25 @@ const za = {
       "ms-0": e.positionIconEnd && e.animateIconOnHover,
       "me-0": e.animateIconOnHover
     }));
-    return (a, o) => (n(), p("a", {
+    return (a, o) => (s(), p("a", {
       id: "link",
-      class: F(["cursor-pointer d-flex", t.value]),
+      class: B(["cursor-pointer d-flex", t.value]),
       href: a.url,
       target: a.target
     }, [
       k(a.$slots, "default", {}, () => [
-        a.iconName ? (n(), w(u(C), {
+        a.iconName ? (s(), w(u(C), {
           key: 0,
           id: "link-icon",
           icon: a.iconName,
-          class: F(["bi my-auto", l.value])
-        }, null, 8, ["icon", "class"])) : B("", !0),
-        z(" " + g(a.label), 1)
+          class: B(["bi my-auto", l.value])
+        }, null, 8, ["icon", "class"])) : F("", !0),
+        V(" " + g(a.label), 1)
       ])
-    ], 10, De));
+    ], 10, rt));
   }
 });
-function Ae(e) {
+function dt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1023,10 +1035,10 @@ function Ae(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-const Ne = { key: 0 }, Ee = {
+const ut = { key: 0 }, ct = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Pa = /* @__PURE__ */ $({
+}, nl = /* @__PURE__ */ x({
   __name: "ForgeModal",
   props: /* @__PURE__ */ G({
     cancelText: { default: "Cancel" },
@@ -1069,7 +1081,7 @@ const Ne = { key: 0 }, Ee = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = L(e, "visible"), l = I(!1), a = e, o = I(!1), s = I({
+    const t = L(e, "visible"), l = P(!1), a = e, o = P(!1), n = P({
       hasError: !1,
       header: "",
       message: []
@@ -1081,14 +1093,14 @@ const Ne = { key: 0 }, Ee = {
       t.value = !1;
     }, r = async () => {
       if (a.onConfirm) {
-        o.value = !0, s.value.hasError = !1;
+        o.value = !0, n.value.hasError = !1;
         try {
           const d = await a.onConfirm();
           (d || d == null) && y();
         } catch (d) {
-          s.value.hasError = !0;
-          const f = Ae(d);
-          s.value.header = f.errorMessage, s.value.message = f.errorDetails;
+          n.value.hasError = !0;
+          const f = dt(d);
+          n.value.header = f.errorMessage, n.value.message = f.errorDetails;
         }
         o.value = !1;
       }
@@ -1101,14 +1113,14 @@ const Ne = { key: 0 }, Ee = {
       ]
     }));
     return (d, f) => {
-      const x = A, V = ge;
-      return n(), w(V, S(a, {
+      const $ = A, T = he;
+      return s(), w(T, S(a, {
         onMaximize: m,
         onUnmaximize: i,
         pt: _.value
       }), Q({
-        closeicon: b(() => [
-          v(u(C), {
+        closeicon: v(() => [
+          b(u(C), {
             "data-cy": "close-icon",
             icon: "bi:x-lg",
             width: "18",
@@ -1116,8 +1128,8 @@ const Ne = { key: 0 }, Ee = {
             onClick: y
           })
         ]),
-        maximizeicon: b(() => [
-          v(u(C), {
+        maximizeicon: v(() => [
+          b(u(C), {
             "data-cy": "maximisable-icon",
             icon: l.value ? "bi:arrows-angle-contract" : "bi:arrows-angle-expand",
             width: "16",
@@ -1126,44 +1138,44 @@ const Ne = { key: 0 }, Ee = {
         ]),
         _: 2
       }, [
-        E(d.$slots, (T, P) => ({
-          name: P,
-          fn: b((M) => [
-            s.value.hasError ? (n(), w(ee, {
+        E(d.$slots, (I, M) => ({
+          name: M,
+          fn: v((z) => [
+            n.value.hasError ? (s(), w(ee, {
               key: 0,
               severity: "danger",
               "data-cy": "error"
             }, {
-              default: b(() => [
+              default: v(() => [
                 c("p", {
-                  class: F(s.value.message.length > 0 ? "my-auto" : "mb-0")
-                }, g(s.value.header), 3),
-                s.value.message.length > 0 ? (n(), p("ul", Ne, [
-                  (n(!0), p(U, null, E(s.value.message, (N) => (n(), p("li", { key: N }, g(N), 1))), 128))
-                ])) : B("", !0)
+                  class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
+                }, g(n.value.header), 3),
+                n.value.message.length > 0 ? (s(), p("ul", ut, [
+                  (s(!0), p(O, null, E(n.value.message, (N) => (s(), p("li", { key: N }, g(N), 1))), 128))
+                ])) : F("", !0)
               ]),
               _: 1
-            })) : B("", !0),
-            k(d.$slots, P, J(X(M || {}))),
+            })) : F("", !0),
+            k(d.$slots, M, J(X(z || {}))),
             o.value ? k(d.$slots, "loader", { key: 1 }, () => [
-              v(ue, { "data-cy": "loader" })
-            ]) : B("", !0)
+              b(ce, { "data-cy": "loader" })
+            ]) : F("", !0)
           ])
         })),
         d.showFooter ? {
           name: "footer",
-          fn: b(() => [
-            c("div", Ee, [
-              v(x, {
+          fn: v(() => [
+            c("div", ct, [
+              b($, {
                 label: d.cancelText,
-                class: F(a.cancelClass),
+                class: B(a.cancelClass),
                 outlined: "",
                 onClick: y,
                 id: "cancel-button"
               }, null, 8, ["label", "class"]),
-              v(x, {
+              b($, {
                 label: d.submitText,
-                class: F([a.submitClass, "ms-auto"]),
+                class: B([a.submitClass, "ms-auto"]),
                 onClick: r,
                 id: "submit-button"
               }, null, 8, ["label", "class"])
@@ -1174,7 +1186,7 @@ const Ne = { key: 0 }, Ee = {
       ]), 1040, ["pt"]);
     };
   }
-}), Re = ["id"], Le = { key: 0 }, je = { key: 0 }, He = { class: "d-flex justify-content-between align-items-center position-relative" }, qe = { key: 1 }, Ge = { "data-cy": "readonly-value" }, Ke = /* @__PURE__ */ $({
+}), mt = ["id"], pt = { key: 0 }, yt = { key: 0 }, bt = { class: "d-flex justify-content-between align-items-center position-relative" }, vt = { key: 1 }, ft = { "data-cy": "readonly-value" }, gt = /* @__PURE__ */ x({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ G({
     name: { default: "" },
@@ -1190,9 +1202,9 @@ const Ne = { key: 0 }, Ee = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = L(e, "modelValue"), a = I(!1), o = I(), s = () => {
-      var x;
-      a.value = !a.value, (x = o.value) == null || x.focus();
+    const t = e, l = L(e, "modelValue"), a = P(!1), o = P(), n = () => {
+      var $;
+      a.value = !a.value, ($ = o.value) == null || $.focus();
     }, i = async () => {
       if (f.value)
         return !1;
@@ -1209,43 +1221,43 @@ const Ne = { key: 0 }, Ee = {
     }, y = () => {
       d.value = null;
     }, { errorMessage: r, errors: _, value: d } = W(() => t.name, t.rules);
-    ne(() => {
+    ie(() => {
       d.value = l.value;
     });
     const f = h(() => _.value.length > 0);
-    return (x, V) => {
-      const T = le, P = A;
-      return n(), p("div", {
+    return ($, T) => {
+      const I = le, M = A;
+      return s(), p("div", {
         id: t.name
       }, [
-        x.readonly ? (n(), p("div", qe, [
-          k(x.$slots, "default", {}, () => [
-            c("span", Ge, g(u(d)), 1)
+        $.readonly ? (s(), p("div", vt, [
+          k($.$slots, "default", {}, () => [
+            c("span", ft, g(u(d)), 1)
           ])
-        ])) : (n(), p("div", Le, [
-          a.value ? (n(), p("div", je, [
-            j((n(), p("div", He, [
-              k(x.$slots, "editor", {
-                class: F({ "is-invalid": f.value }),
+        ])) : (s(), p("div", pt, [
+          a.value ? (s(), p("div", yt, [
+            j((s(), p("div", bt, [
+              k($.$slots, "editor", {
+                class: B({ "is-invalid": f.value }),
                 editFinished: i,
                 cancel: m,
                 val: u(d)
               }, () => [
-                v(T, {
+                b(I, {
                   "data-cy": "input",
                   ref_key: "input",
                   ref: o,
                   modelValue: u(d),
-                  "onUpdate:modelValue": V[0] || (V[0] = (M) => H(d) ? d.value = M : null),
+                  "onUpdate:modelValue": T[0] || (T[0] = (z) => H(d) ? d.value = z : null),
                   modelModifiers: { trim: !0 },
-                  class: F({ "is-invalid": f.value }),
+                  class: B({ "is-invalid": f.value }),
                   onKeydown: [
                     Z(i, ["enter"]),
                     Z(m, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
-              v(u(C), {
+              b(u(C), {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: y,
@@ -1253,30 +1265,30 @@ const Ne = { key: 0 }, Ee = {
                 "data-cy": "clear-icon"
               })
             ])), [
-              [u(he), i]
+              [u(we), i]
             ])
-          ])) : (n(), p("div", {
+          ])) : (s(), p("div", {
             key: 1,
             class: "d-flex text-muted",
-            onClick: s,
-            onFocus: s
+            onClick: n,
+            onFocus: n
           }, [
-            k(x.$slots, "default", {}, () => [
+            k($.$slots, "default", {}, () => [
               c("div", {
-                class: F(["pe-2 cursor-pointer", { "text-invalid": f.value }]),
+                class: B(["pe-2 cursor-pointer", { "text-invalid": f.value }]),
                 "data-cy": "value"
               }, g(u(d) ? u(d) : "Click to edit"), 3)
             ]),
-            v(P, {
+            b(M, {
               link: "",
               class: "p-0 m-0"
             }, {
-              default: b(() => [
-                v(u(C), {
+              default: v(() => [
+                b(u(C), {
                   icon: "bi:pencil",
-                  class: F(f.value ? "text-invalid" : "text-muted"),
+                  class: B(f.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: Z(s, ["enter"])
+                  onKeydown: Z(n, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
@@ -1289,10 +1301,10 @@ const Ne = { key: 0 }, Ee = {
         }, g(u(r)), 513), [
           [q, f.value]
         ])
-      ], 8, Re);
+      ], 8, mt);
     };
   }
-}), We = ["href"], Ua = /* @__PURE__ */ $({
+}), ht = ["href"], sl = /* @__PURE__ */ x({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1317,6 +1329,7 @@ const Ne = { key: 0 }, Ee = {
             "bg-light": t.severity === "light",
             "bg-dark": t.severity === "dark",
             "bg-primary": t.severity === "primary",
+            "bg-brand": t.severity === "brand",
             "bg-secondary": t.severity === "secondary",
             "bg-success": t.severity === "success",
             "bg-warning": t.severity === "warning",
@@ -1336,27 +1349,27 @@ const Ne = { key: 0 }, Ee = {
       })
     }));
     return (a, o) => {
-      const s = we;
-      return n(), w(s, S({ ...t, ...a.$attrs }, {
+      const n = ke;
+      return s(), w(n, S({ ...t, ...a.$attrs }, {
         pt: l.value,
         "data-cy": "navbar"
       }), Q({
-        start: b(() => [
+        start: v(() => [
           c("a", {
             href: a.logoUrl,
             class: "navbar-brand ms-3",
             "data-cy": "logo"
           }, [
             k(a.$slots, "logo", {}, () => [
-              z(" Logo ")
+              V(" Logo ")
             ])
-          ], 8, We)
+          ], 8, ht)
         ]),
-        menubuttonicon: b(() => [
+        menubuttonicon: v(() => [
           k(a.$slots, "menubuttonicon", {}, () => [
-            v(u(C), {
+            b(u(C), {
               icon: "bi:list",
-              class: F(t.severity === "light" ? "text-black" : "text-white"),
+              class: B(t.severity === "light" ? "text-black" : "text-white"),
               height: "24",
               "data-cy": "burger-icon"
             }, null, 8, ["class"])
@@ -1366,14 +1379,14 @@ const Ne = { key: 0 }, Ee = {
       }, [
         E(a.$slots, (i, m) => ({
           name: m,
-          fn: b((y) => [
+          fn: v((y) => [
             k(a.$slots, m, J(X(y)))
           ])
         }))
       ]), 1040, ["pt"]);
     };
   }
-}), Ze = ["onMousedown"], Ye = ["checked"], Je = /* @__PURE__ */ c("strong", null, "Select all", -1), Xe = ["data-cy"], Qe = ["checked"], et = /* @__PURE__ */ $({
+}), wt = ["onMousedown"], kt = ["checked"], _t = /* @__PURE__ */ c("strong", null, "Select all", -1), xt = ["data-cy"], $t = ["checked"], Bt = /* @__PURE__ */ x({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1386,7 +1399,7 @@ const Ne = { key: 0 }, Ee = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = ie(), o = t, { errors: s, value: i, errorMessage: m } = W(() => l.name, l.rules), y = I(!1), r = h(() => ({
+    const l = e, a = re(), o = t, { errors: n, value: i, errorMessage: m } = W(() => l.name, l.rules), y = P(!1), r = h(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
@@ -1399,16 +1412,16 @@ const Ne = { key: 0 }, Ee = {
       searchable: !!((a.searchable === null || a.searchable) && !f.value),
       async: !1,
       ...a
-    })), _ = h(() => `forge-multiselect-${l.severity}`), d = h(() => `multiselect-option ${y.value ? " multiselect__option--highlight" : ""} ${f.value ? " multiselect__option--selected" : ""}`), f = h(() => r.value && !(r.value.multiple || !l.showSelectAll || r.value.async) ? !1 : a.modelValue.length === a.options.length), x = h(() => s.value.length > 0), V = h(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (r.value.multiple ? a.modelValue.length > 0 : a.modelValue))), T = () => y.value = !0, P = () => y.value = !1, M = () => {
+    })), _ = h(() => `forge-multiselect-${l.severity}`), d = h(() => `multiselect-option ${y.value ? " multiselect__option--highlight" : ""} ${f.value ? " multiselect__option--selected" : ""}`), f = h(() => r.value && !(r.value.multiple || !l.showSelectAll || r.value.async) ? !1 : a.modelValue.length === a.options.length), $ = h(() => n.value.length > 0), T = h(() => !!((a.allowEmpty == null || a.allowEmpty) && l.showClearSelection && (r.value.multiple ? a.modelValue.length > 0 : a.modelValue))), I = () => y.value = !0, M = () => y.value = !1, z = () => {
       i.value = r.value.multiple ? [] : null, o("update:modelValue", i.value);
-    }, N = (O) => {
-      o("update:modelValue", l.selectValue ? O.map((D) => D[l.selectValue]) : O);
-    }, te = (O) => a.modelValue !== null ? a.modelValue.some((D) => r.value.selectValue ? O[l.selectValue] === D : O.id === D.id && O.label === D.label) : !1, me = () => {
-      f.value ? M() : (i.value = [...a.options], o("update:modelValue", [...a.options]));
+    }, N = (U) => {
+      o("update:modelValue", l.selectValue ? U.map((D) => D[l.selectValue]) : U);
+    }, te = (U) => a.modelValue !== null ? a.modelValue.some((D) => r.value.selectValue ? U[l.selectValue] === D : U.id === D.id && U.label === D.label) : !1, pe = () => {
+      f.value ? z() : (i.value = [...a.options], o("update:modelValue", [...a.options]));
     };
-    return (O, D) => (n(), p(U, null, [
-      v(u(ke), S(r.value, {
-        class: [_.value, x.value ? "is-invalid" : ""],
+    return (U, D) => (s(), p(O, null, [
+      b(u(_e), S(r.value, {
+        class: [_.value, $.value ? "is-invalid" : ""],
         "data-cy": "multiselect",
         "onUpdate:modelValue": [
           N,
@@ -1416,47 +1429,47 @@ const Ne = { key: 0 }, Ee = {
         ],
         modelValue: u(i)
       }), Q({
-        default: b(() => [
-          (n(!0), p(U, null, E(O.$slots, (R, ae) => k(O.$slots, ae, { slot: ae })), 256))
+        default: v(() => [
+          (s(!0), p(O, null, E(U.$slots, (R, ae) => k(U.$slots, ae, { slot: ae })), 256))
         ]),
         _: 2
       }, [
-        V.value ? {
+        T.value ? {
           name: "caret",
-          fn: b(({ toggle: R }) => [
-            v(u(C), {
+          fn: v(({ toggle: R }) => [
+            b(u(C), {
               icon: "bi:x",
               class: "my-auto multiselect__clear-icon",
-              onMousedown: D[0] || (D[0] = K((ae) => M(), ["prevent", "stop"])),
+              onMousedown: D[0] || (D[0] = K((ae) => z(), ["prevent", "stop"])),
               "data-cy": "clear"
             }),
             c("div", {
               class: "multiselect__select",
               onMousedown: K(R, ["prevent", "stop"])
-            }, null, 40, Ze)
+            }, null, 40, wt)
           ]),
           key: "0"
         } : void 0,
-        r.value.multiple && O.showSelectAll && !r.value.async ? {
+        r.value.multiple && U.showSelectAll && !r.value.async ? {
           name: "beforeList",
-          fn: b(() => [
+          fn: v(() => [
             c("li", {
               class: "multiselect__element",
-              onClick: me,
-              onMouseover: T,
-              onMouseleave: P,
+              onClick: pe,
+              onMouseover: I,
+              onMouseleave: M,
               "data-cy": "toggle-all"
             }, [
               c("span", {
-                class: F(`multiselect__option ${d.value}`)
+                class: B(`multiselect__option ${d.value}`)
               }, [
                 c("input", {
                   checked: f.value,
                   name: "selected",
                   type: "checkbox",
                   class: "multiselect__option--checkbox"
-                }, null, 8, Ye),
-                Je
+                }, null, 8, kt),
+                _t
               ], 2)
             ], 32)
           ]),
@@ -1464,7 +1477,7 @@ const Ne = { key: 0 }, Ee = {
         } : void 0,
         r.value.multiple ? {
           name: "option",
-          fn: b(({ option: R }) => [
+          fn: v(({ option: R }) => [
             c("div", {
               "data-cy": R.label
             }, [
@@ -1473,9 +1486,9 @@ const Ne = { key: 0 }, Ee = {
                 name: "selected",
                 type: "checkbox",
                 class: "multiselect__option--checkbox"
-              }, null, 8, Qe),
-              z(" " + g(R[r.value.label]), 1)
-            ], 8, Xe)
+              }, null, 8, $t),
+              V(" " + g(R[r.value.label]), 1)
+            ], 8, xt)
           ]),
           key: "2"
         } : void 0
@@ -1484,21 +1497,21 @@ const Ne = { key: 0 }, Ee = {
         "data-cy": "error",
         class: "invalid-feedback"
       }, g(u(m)), 513), [
-        [q, x.value]
+        [q, $.value]
       ])
     ], 64));
   }
-}), tt = {
+}), Ft = {
   key: 0,
   class: "pl-1"
-}, at = { class: "border alternating-item-list" }, lt = {
+}, St = { class: "border alternating-item-list" }, Ct = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, ot = { class: "d-inline-block" }, st = {
+}, Tt = { class: "d-inline-block" }, Pt = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Oa = /* @__PURE__ */ $({
+}, il = /* @__PURE__ */ x({
   __name: "ForgeMultiSelectPreview",
   props: {
     title: { default: "Selected Items" },
@@ -1509,104 +1522,104 @@ const Ne = { key: 0 }, Ee = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = ie(), o = t, s = h(() => `${a.modelValue.length} selected`), i = h(() => a.modelValue.length), m = (r) => {
+    const l = e, a = re(), o = t, n = h(() => `${a.modelValue.length} selected`), i = h(() => a.modelValue.length), m = (r) => {
       o("update:modelValue", r);
     }, y = (r) => {
       m(a.modelValue.filter((_) => _.id !== r));
     };
     return (r, _) => {
       const d = A;
-      return n(), p("div", {
-        class: F(r.orientation === "column" ? "row" : ""),
+      return s(), p("div", {
+        class: B(r.orientation === "column" ? "row" : ""),
         "data-cy": "multiselect-preview"
       }, [
         c("div", {
-          class: F(r.orientation === "row" ? "col-12 mb-1" : "col"),
+          class: B(r.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          v(et, {
+          b(Bt, {
             "onUpdate:modelValue": [
               _[0] || (_[0] = (f) => m(f)),
               _[1] || (_[1] = (f) => r.$attrs.modelValue = f)
             ],
             modelValue: r.$attrs.modelValue,
-            "limit-text": s.value,
+            "limit-text": n.value,
             options: l.options
           }, {
-            tag: b(() => [
-              z(g(""))
+            tag: v(() => [
+              V(g(""))
             ]),
-            selection: b(() => [
-              r.$attrs.modelValue.length > 0 ? (n(), p("span", tt, g(i.value) + " items selected", 1)) : B("", !0)
+            selection: v(() => [
+              r.$attrs.modelValue.length > 0 ? (s(), p("span", Ft, g(i.value) + " items selected", 1)) : F("", !0)
             ]),
-            default: b(() => [
-              (n(!0), p(U, null, E(r.$slots, (f, x) => k(r.$slots, x, { slot: x })), 256))
+            default: v(() => [
+              (s(!0), p(O, null, E(r.$slots, (f, $) => k(r.$slots, $, { slot: $ })), 256))
             ]),
             _: 3
           }, 8, ["modelValue", "limit-text", "options"]),
           k(r.$slots, "after-multi-select")
         ], 2),
         c("div", {
-          class: F(r.orientation === "row" ? "col-12" : "col"),
+          class: B(r.orientation === "row" ? "col-12" : "col"),
           "data-cy": "options-preview"
         }, [
           c("div", {
-            style: ye({ height: r.height }),
+            style: be({ height: r.height }),
             class: "overflow-auto"
           }, [
-            c("div", at, [
-              r.title ? (n(), p("div", lt, g(r.title), 1)) : B("", !0),
-              (n(!0), p(U, null, E(r.$attrs.modelValue, (f) => (n(), p("div", {
+            c("div", St, [
+              r.title ? (s(), p("div", Ct, g(r.title), 1)) : F("", !0),
+              (s(!0), p(O, null, E(r.$attrs.modelValue, (f) => (s(), p("div", {
                 key: f.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 k(r.$slots, "list-item", { item: f }, () => [
-                  c("span", ot, g(f.shortLabel ? f.shortLabel : f.label), 1)
+                  c("span", Tt, g(f.shortLabel ? f.shortLabel : f.label), 1)
                 ]),
-                r.canRemoveItemFromPreview ? (n(), w(d, {
+                r.canRemoveItemFromPreview ? (s(), w(d, {
                   key: 0,
                   link: "",
                   class: "m-0 p-0 d-flex align-items-center",
-                  onClick: (x) => y(f.id)
+                  onClick: ($) => y(f.id)
                 }, {
-                  default: b(() => [
-                    v(u(C), {
+                  default: v(() => [
+                    b(u(C), {
                       icon: "bi:x",
                       class: "close-icon",
                       "data-cy": `close-icon-${f.id}`
                     }, null, 8, ["data-cy"])
                   ]),
                   _: 2
-                }, 1032, ["onClick"])) : B("", !0)
+                }, 1032, ["onClick"])) : F("", !0)
               ]))), 128)),
-              r.$attrs.modelValue.length === 0 ? (n(), p("div", st, "No Items Selected.")) : B("", !0)
+              r.$attrs.modelValue.length === 0 ? (s(), p("div", Pt, "No Items Selected.")) : F("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), nt = { class: "d-flex justify-content-between pb-2" }, it = {
+}), Vt = { class: "d-flex justify-content-between pb-2" }, It = {
   "data-cy": "title",
   class: "h3"
-}, rt = {
+}, zt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, Da = /* @__PURE__ */ $({
+}, rl = /* @__PURE__ */ x({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (l, a) => (n(), p("div", nt, [
-      c("h1", it, g(t.title), 1),
-      c("div", rt, [
+    return (l, a) => (s(), p("div", Vt, [
+      c("h1", It, g(t.title), 1),
+      c("div", zt, [
         k(l.$slots, "default")
       ])
     ]));
   }
-}), dt = { "data-cy": "before-slot" }, ut = { "data-cy": "after-slot" }, ct = /* @__PURE__ */ $({
+}), Mt = { "data-cy": "before-slot" }, Ot = { "data-cy": "after-slot" }, Ut = /* @__PURE__ */ x({
   __name: "ForgeDatepicker",
   props: {
     severity: { default: "primary" },
@@ -1681,6 +1694,7 @@ const Ne = { key: 0 }, Ee = {
           {
             "disabled border-0": a.disabled,
             "btn-primary": a.selected && !a.disabled && (t.severity === void 0 || t.severity === "primary"),
+            "btn-brand": a.selected && !a.disabled && t.severity === "brand",
             "btn-secondary": a.selected && !a.disabled && t.severity === "secondary",
             "btn-success": a.selected && !a.disabled && t.severity === "success",
             "btn-warning": a.selected && !a.disabled && t.severity === "warning",
@@ -1689,56 +1703,62 @@ const Ne = { key: 0 }, Ee = {
           }
         ]
       }),
-      clearButton: () => ({
-        class: [
-          "btn",
-          {
-            "btn-link text-primary": t.severity === void 0 || t.severity === "primary",
-            "btn-link text-secondary": t.severity === "secondary",
-            "btn-link text-success": t.severity === "success",
-            "btn-link text-warning": t.severity === "warning",
-            "btn-link text-danger": t.severity === "danger",
-            "btn-link text-info": t.severity === "info"
-          }
-        ]
-      }),
-      todayButton: () => ({
-        class: [
-          "btn",
-          {
-            "btn-link text-primary": t.severity === void 0 || t.severity === "primary",
-            "btn-link text-secondary": t.severity === "secondary",
-            "btn-link text-success": t.severity === "success",
-            "btn-link text-warning": t.severity === "warning",
-            "btn-link text-danger": t.severity === "danger",
-            "btn-link text-info": t.severity === "info"
-          }
-        ]
-      })
+      clearButton: {
+        root: () => ({
+          class: [
+            "btn ms-auto",
+            {
+              "btn-link text-primary": t.severity === void 0 || t.severity === "primary",
+              "btn-link text-brand": t.severity === "brand",
+              "btn-link text-secondary": t.severity === "secondary",
+              "btn-link text-success": t.severity === "success",
+              "btn-link text-warning": t.severity === "warning",
+              "btn-link text-danger": t.severity === "danger",
+              "btn-link text-info": t.severity === "info"
+            }
+          ]
+        })
+      },
+      todayButton: {
+        root: () => ({
+          class: [
+            "btn",
+            {
+              "btn-link text-primary": t.severity === void 0 || t.severity === "primary",
+              "btn-link text-brand": t.severity === "brand",
+              "btn-link text-secondary": t.severity === "secondary",
+              "btn-link text-success": t.severity === "success",
+              "btn-link text-warning": t.severity === "warning",
+              "btn-link text-danger": t.severity === "danger",
+              "btn-link text-info": t.severity === "info"
+            }
+          ]
+        })
+      }
     }));
     return (a, o) => {
-      const s = _e;
-      return n(), p(U, null, [
-        c("span", dt, [
+      const n = xe;
+      return s(), p(O, null, [
+        c("span", Mt, [
           k(a.$slots, "before")
         ]),
-        v(s, S({ ...t, ...a.$attrs }, { pt: l.value }), null, 16, ["pt"]),
-        j(v(u(C), {
+        b(n, S({ ...t, ...a.$attrs }, { pt: l.value }), null, 16, ["pt"]),
+        j(b(u(C), {
           "data-cy": "icon",
           icon: "bi:calendar3",
           width: "32",
           height: "32",
-          class: F(["ps-2", t.severity == null ? "text-primary" : `text-${t.severity}`])
+          class: B(["ps-2", t.severity == null ? "text-primary" : `text-${t.severity}`])
         }, null, 8, ["class"]), [
           [q, t.showIcon]
         ]),
-        c("span", ut, [
+        c("span", Ot, [
           k(a.$slots, "after")
         ])
       ], 64);
     };
   }
-}), Aa = /* @__PURE__ */ $({
+}), dl = /* @__PURE__ */ x({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -1746,11 +1766,11 @@ const Ne = { key: 0 }, Ee = {
   },
   setup(e) {
     const t = e, l = h(() => t.maxCount - t.currentCount);
-    return (a, o) => (n(), p("div", {
-      class: F(l.value < 0 ? "text-danger" : "")
+    return (a, o) => (s(), p("div", {
+      class: B(l.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + g(l.value), 3));
   }
-}), mt = /* @__PURE__ */ c("hr", null, null, -1), pt = { class: "d-flex justify-content-between" }, Na = /* @__PURE__ */ $({
+}), Dt = /* @__PURE__ */ c("hr", null, null, -1), At = { class: "d-flex justify-content-between" }, ul = /* @__PURE__ */ x({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1762,7 +1782,7 @@ const Ne = { key: 0 }, Ee = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = I(!1), a = I({
+    const t = e, l = P(!1), a = P({
       hasError: !1,
       message: ""
     });
@@ -1770,80 +1790,80 @@ const Ne = { key: 0 }, Ee = {
       l.value = !0, a.value.hasError = !1;
       try {
         await t.onSubmit();
-      } catch (s) {
-        a.value.hasError = !0, s.message && (a.value.message = s.message);
+      } catch (n) {
+        a.value.hasError = !0, n.message && (a.value.message = n.message);
       }
       l.value = !1;
     }
-    return (s, i) => {
+    return (n, i) => {
       const m = A;
-      return n(), p("form", S(s.$attrs, {
+      return s(), p("form", S(n.$attrs, {
         novalidate: "",
         class: "position-relative shadow-sm border p-4 bg-white",
         onSubmit: K(o, ["prevent"])
       }), [
-        s.hideTitle ? B("", !0) : (n(), p(U, { key: 0 }, [
-          k(s.$slots, "title", {}, () => [
+        n.hideTitle ? F("", !0) : (s(), p(O, { key: 0 }, [
+          k(n.$slots, "title", {}, () => [
             c("h3", {
-              class: F(s.titleClass),
+              class: B(n.titleClass),
               "data-cy": "form-title"
-            }, g(s.title), 3)
+            }, g(n.title), 3)
           ]),
-          mt
+          Dt
         ], 64)),
-        a.value.hasError ? (n(), w(ee, {
+        a.value.hasError ? (s(), w(ee, {
           key: 1,
           severity: "danger",
           "data-cy": "error"
         }, {
-          default: b(() => [
-            k(s.$slots, "error", {
+          default: v(() => [
+            k(n.$slots, "error", {
               error: a.value.message
             }, () => [
-              z(g(a.value.message), 1)
+              V(g(a.value.message), 1)
             ])
           ]),
           _: 3
-        })) : B("", !0),
-        k(s.$slots, "default"),
-        c("div", pt, [
-          k(s.$slots, "cancel", {}, () => [
-            s.hideCancel ? B("", !0) : (n(), w(m, {
+        })) : F("", !0),
+        k(n.$slots, "default"),
+        c("div", At, [
+          k(n.$slots, "cancel", {}, () => [
+            n.hideCancel ? F("", !0) : (s(), w(m, {
               key: 0,
               "data-cy": "cancel-btn",
               type: "reset",
               severity: "secondary",
               outlined: "",
-              onClick: i[0] || (i[0] = (y) => s.$emit("cancel"))
+              onClick: i[0] || (i[0] = (y) => n.$emit("cancel"))
             }, {
-              default: b(() => [
-                z(g(s.cancelText), 1)
+              default: v(() => [
+                V(g(n.cancelText), 1)
               ]),
               _: 1
             }))
           ]),
-          k(s.$slots, "submit", { submit: o }, () => [
-            v(m, {
+          k(n.$slots, "submit", { submit: o }, () => [
+            b(m, {
               "data-cy": "submit-btn",
               type: "submit",
               severity: "primary",
               class: "ms-auto"
             }, {
-              default: b(() => [
-                z(g(s.submitText), 1)
+              default: v(() => [
+                V(g(n.submitText), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        l.value ? (n(), w(ue, {
+        l.value ? (s(), w(ce, {
           key: 2,
           "data-cy": "loading-spinner"
-        })) : B("", !0)
+        })) : F("", !0)
       ], 16);
     };
   }
-}), yt = { class: "d-flex flex-column" }, vt = ["for"], Ea = /* @__PURE__ */ $({
+}), Nt = { class: "d-flex flex-column" }, Et = ["for"], cl = /* @__PURE__ */ x({
   __name: "ForgeFormField",
   props: {
     name: {},
@@ -1854,61 +1874,61 @@ const Ne = { key: 0 }, Ee = {
     placeholder: { default: "" }
   },
   setup(e) {
-    const t = e, { errors: l, value: a, errorMessage: o } = W(() => t.name, t.rules), s = h(() => l.value.length > 0);
+    const t = e, { errors: l, value: a, errorMessage: o } = W(() => t.name, t.rules), n = h(() => l.value.length > 0);
     return (i, m) => {
-      const y = xe, r = $e, _ = le;
-      return n(), p("div", yt, [
-        t.type !== "checkbox" ? (n(), p("label", {
+      const y = Be, r = $e, _ = le;
+      return s(), p("div", Nt, [
+        t.type !== "checkbox" ? (s(), p("label", {
           key: 0,
           for: t.name
-        }, g(t.label), 9, vt)) : B("", !0),
-        t.type === "checkbox" ? (n(), w(Ue, S({
+        }, g(t.label), 9, Et)) : F("", !0),
+        t.type === "checkbox" ? (s(), w(st, S({
           key: 1,
           id: t.name,
           rules: i.rules,
           label: t.label
-        }, i.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (n(), w(u(re), S({
+        }, i.$attrs), null, 16, ["id", "rules", "label"])) : t.type === "number" ? (s(), w(u(de), S({
           key: 2,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: u(a),
           "onUpdate:modelValue": m[0] || (m[0] = (d) => H(a) ? a.value = d : null),
-          "input-class": { "is-invalid": s.value },
-          class: { "is-invalid": s.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (n(), w(y, S({
+          "input-class": { "is-invalid": n.value },
+          class: { "is-invalid": n.value }
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "input-class", "class"])) : t.type === "textarea" ? (s(), w(y, S({
           key: 3,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: u(a),
           "onUpdate:modelValue": m[1] || (m[1] = (d) => H(a) ? a.value = d : null),
-          class: { "is-invalid": s.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (n(), w(r, S({
+          class: { "is-invalid": n.value }
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : t.type === "mask" ? (s(), w(r, S({
           key: 4,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: u(a),
           "onUpdate:modelValue": m[2] || (m[2] = (d) => H(a) ? a.value = d : null),
           mask: t.mask,
-          class: { "is-invalid": s.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (n(), w(_, S({
+          class: { "is-invalid": n.value }
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "mask", "class"])) : t.type === "text" ? (s(), w(_, S({
           key: 5,
           id: t.name,
           placeholder: t.placeholder,
           modelValue: u(a),
           "onUpdate:modelValue": m[3] || (m[3] = (d) => H(a) ? a.value = d : null),
-          class: { "is-invalid": s.value }
-        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : B("", !0),
-        t.type !== "checkbox" ? j((n(), p("small", {
+          class: { "is-invalid": n.value }
+        }, i.$attrs), null, 16, ["id", "placeholder", "modelValue", "class"])) : F("", !0),
+        t.type !== "checkbox" ? j((s(), p("small", {
           key: 6,
           "data-cy": "error",
           class: "invalid-feedback"
         }, g(u(o)), 513)), [
-          [q, s.value]
-        ]) : B("", !0)
+          [q, n.value]
+        ]) : F("", !0)
       ]);
     };
   }
-}), Ra = /* @__PURE__ */ $({
+}), ml = /* @__PURE__ */ x({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -1938,7 +1958,7 @@ const Ne = { key: 0 }, Ee = {
   setup(e) {
     const t = e, { errors: l, value: a, errorMessage: o } = W(() => t.name, t.rules);
     a.value = t.modelValue;
-    const s = h(() => l.value.length > 0), i = h(() => ({
+    const n = h(() => l.value.length > 0), i = h(() => ({
       inputtoken: "list-unstyled",
       input: "border-0",
       container: ({ props: m }) => ({
@@ -1946,7 +1966,7 @@ const Ne = { key: 0 }, Ee = {
           "form-control mb-0 d-flex",
           {
             disabled: m.disabled,
-            "is-invalid": s.value
+            "is-invalid": n.value
           }
         ]
       }),
@@ -1959,6 +1979,7 @@ const Ne = { key: 0 }, Ee = {
           },
           {
             "bg-primary border-primary": t.chipSeverity === void 0 || t.chipSeverity === "primary",
+            "bg-brand border-brand": t.chipSeverity === "brand",
             "bg-secondary border-secondary": t.chipSeverity === "secondary",
             "bg-success border-success": t.chipSeverity === "success",
             "bg-warning border-warning": t.chipSeverity === "warning",
@@ -1970,14 +1991,14 @@ const Ne = { key: 0 }, Ee = {
     }));
     return (m, y) => {
       const r = Fe;
-      return n(), p(U, null, [
-        v(r, S({ ...t, ...m.$attrs }, {
+      return s(), p(O, null, [
+        b(r, S({ ...t, ...m.$attrs }, {
           pt: i.value,
           "model-value": u(a),
           "onUpdate:modelValue": y[0] || (y[0] = (_) => H(a) ? a.value = _ : null)
         }), {
-          removetokenicon: b(({ removeCallback: _ }) => [
-            j(v(u(C), {
+          removetokenicon: v(({ removeCallback: _ }) => [
+            j(b(u(C), {
               icon: "bi:x",
               class: "cursor-pointer",
               onClick: _
@@ -1991,12 +2012,12 @@ const Ne = { key: 0 }, Ee = {
           "data-cy": "error",
           class: "text-invalid"
         }, g(u(o)), 513), [
-          [q, s.value]
+          [q, n.value]
         ])
       ], 64);
     };
   }
-}), bt = /* @__PURE__ */ $({
+}), Rt = /* @__PURE__ */ x({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2013,6 +2034,8 @@ const Ne = { key: 0 }, Ee = {
   setup(e) {
     const t = e, l = h(() => t.striped ? "progress-bar-striped" : null), a = h(() => t.animate ? "progress-bar-animated" : null), o = h(() => {
       switch (t.severity) {
+        case "brand":
+          return "bg-brand";
         case "secondary":
           return "bg-secondary";
         case "success":
@@ -2028,7 +2051,7 @@ const Ne = { key: 0 }, Ee = {
         default:
           return "bg-primary";
       }
-    }), s = h(() => ({
+    }), n = h(() => ({
       root: {
         style: t.pixelWidth ? `width: ${t.pixelWidth}px` : ""
       },
@@ -2037,16 +2060,16 @@ const Ne = { key: 0 }, Ee = {
       }
     }));
     return (i, m) => {
-      const y = Be;
-      return n(), w(y, S({ ...i.$attrs, ...t }, { pt: s.value }), {
-        default: b(() => [
+      const y = Se;
+      return s(), w(y, S({ ...i.$attrs, ...t }, { pt: n.value }), {
+        default: v(() => [
           k(i.$slots, "default")
         ]),
         _: 3
       }, 16, ["pt"]);
     };
   }
-}), ft = { class: "value text-light w-100 text-center" }, La = /* @__PURE__ */ $({
+}), Lt = { class: "value text-light w-100 text-center" }, pl = /* @__PURE__ */ x({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2054,18 +2077,18 @@ const Ne = { key: 0 }, Ee = {
   },
   setup(e) {
     const t = e;
-    return (l, a) => (n(), p("div", S(l.$attrs, {
+    return (l, a) => (s(), p("div", S(l.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      c("span", ft, [
+      c("span", Lt, [
         k(l.$slots, "default")
       ])
     ], 16));
   }
-}), gt = {
+}), jt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, ht = { class: "d-flex align-items-center justify-content-center w-100" }, ja = /* @__PURE__ */ $({
+}, Ht = { class: "d-flex align-items-center justify-content-center w-100" }, yl = /* @__PURE__ */ x({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2081,7 +2104,7 @@ const Ne = { key: 0 }, Ee = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = I(a.currentStep), s = () => {
+    const l = t, a = e, o = P(a.currentStep), n = () => {
       do
         o.value--;
       while (a.model[o.value].disabled);
@@ -2107,6 +2130,7 @@ const Ne = { key: 0 }, Ee = {
           {
             inactive: r.context.disabled,
             "bg-primary text-white": r.context.index === o.value && (a.severity === void 0 || a.severity === "primary"),
+            "bg-brand text-white": r.context.index === o.value && a.severity === "brand",
             "bg-secondary text-white": r.context.index === o.value && a.severity === "secondary",
             "bg-success text-white": r.context.index === o.value && a.severity === "success",
             "bg-warning text-white": r.context.index === o.value && a.severity === "warning",
@@ -2120,6 +2144,7 @@ const Ne = { key: 0 }, Ee = {
           "h5",
           {
             "border-bottom border-2 border-primary": r.context.index === o.value && (a.severity === void 0 || a.severity === "primary"),
+            "border-bottom border-2 border-brand": r.context.index === o.value && a.severity === "brand",
             "border-bottom border-2 border-secondary": r.context.index === o.value && a.severity === "secondary",
             "border-bottom border-2 border-success": r.context.index === o.value && a.severity === "success",
             "border-bottom border-2 border-warning": r.context.index === o.value && a.severity === "warning",
@@ -2130,49 +2155,49 @@ const Ne = { key: 0 }, Ee = {
       })
     }));
     return (r, _) => {
-      const d = A, f = Ce, x = Se;
-      return n(), p("div", gt, [
-        c("div", ht, [
-          v(d, {
+      const d = A, f = Te, $ = Ce;
+      return s(), p("div", jt, [
+        c("div", Ht, [
+          b(d, {
             severity: a.severity,
             disabled: m.value,
-            onClick: s,
+            onClick: n,
             class: "rounded-circle py-2 me-4",
             "data-cy": "back-button"
           }, {
-            default: b(() => [
-              v(u(C), {
+            default: v(() => [
+              b(u(C), {
                 icon: "bi:chevron-left",
                 class: "mb-1"
               })
             ]),
             _: 1
           }, 8, ["severity", "disabled"]),
-          v(f, {
+          b(f, {
             "active-step": o.value,
-            "onUpdate:activeStep": _[0] || (_[0] = (V) => o.value = V),
+            "onUpdate:activeStep": _[0] || (_[0] = (T) => o.value = T),
             model: a.model,
             pt: y.value,
             readonly: !1
           }, null, 8, ["active-step", "model", "pt"])
         ]),
-        v(x),
-        (n(!0), p(U, null, E(a.model, (V, T) => (n(), p("div", {
-          key: T,
+        b($),
+        (s(!0), p(O, null, E(a.model, (T, I) => (s(), p("div", {
+          key: I,
           class: "w-100"
         }, [
-          T === o.value ? k(r.$slots, V.key ?? V.label, {
+          I === o.value ? k(r.$slots, T.key ?? T.label, {
             key: 0,
             nextStep: i,
-            previousStep: s
+            previousStep: n
           }, () => [
-            v(ee, {
+            b(ee, {
               severity: "info",
               "data-cy": "alert"
             }, {
-              default: b(() => [
-                z(" Please add Slot Content for the key " + g(V.key ?? V.label) + " ", 1),
-                v(d, {
+              default: v(() => [
+                V(" Please add Slot Content for the key " + g(T.key ?? T.label) + " ", 1),
+                b(d, {
                   severity: "primary",
                   label: "Next",
                   onClick: i,
@@ -2181,12 +2206,12 @@ const Ne = { key: 0 }, Ee = {
               ]),
               _: 2
             }, 1024)
-          ]) : B("", !0)
+          ]) : F("", !0)
         ]))), 128))
       ]);
     };
   }
-}), wt = { class: "p-4 text-wrap w-100" }, kt = { class: "p-4 text-wrap w-100" }, Ha = /* @__PURE__ */ $({
+}), qt = { class: "p-4 text-wrap w-100" }, Gt = { class: "p-4 text-wrap w-100" }, bl = /* @__PURE__ */ x({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2195,31 +2220,31 @@ const Ne = { key: 0 }, Ee = {
   },
   setup(e) {
     const t = e, l = h(() => `${t.severity === void 0 ? "tile-primary" : `tile-${t.severity}`} ${t.barPosition === "none" ? "border-0" : `tile-bar-${t.barPosition}`}`), a = h(() => `${t.severity === void 0 ? "tile-primary border-primary" : `tile-${t.severity} border-${t.severity}`} ${t.barPosition === "none" ? "" : `tile-bar-${t.barPosition}`}`);
-    return (o, s) => {
+    return (o, n) => {
       const i = A;
-      return t.clickable ? (n(), w(i, {
+      return t.clickable ? (s(), w(i, {
         key: 0,
-        class: F(["d-flex w-100 p-0 text-body", l.value]),
+        class: B(["d-flex w-100 p-0 text-body", l.value]),
         severity: t.severity,
         unstyled: "",
         "data-cy": "button-tile"
       }, {
-        default: b(() => [
-          c("div", wt, [
+        default: v(() => [
+          c("div", qt, [
             k(o.$slots, "default", {}, () => [
-              z("Tile Content")
+              V("Tile Content")
             ])
           ])
         ]),
         _: 3
-      }, 8, ["severity", "class"])) : (n(), p("div", {
+      }, 8, ["severity", "class"])) : (s(), p("div", {
         key: 1,
-        class: F(["d-flex w-100", a.value]),
+        class: B(["d-flex w-100", a.value]),
         "data-cy": "tile"
       }, [
-        c("div", kt, [
+        c("div", Gt, [
           k(o.$slots, "default", {}, () => [
-            z("Tile Content")
+            V("Tile Content")
           ])
         ])
       ], 2));
@@ -2229,13 +2254,13 @@ const Ne = { key: 0 }, Ee = {
 function Y(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const _t = {
+const Kt = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, $t = { class: "ms-2" }, xt = { key: 0 }, Ft = /* @__PURE__ */ c("span", { class: "mx-2" }, "|", -1), Bt = {
+}, Wt = { class: "ms-2" }, Zt = { key: 0 }, Yt = /* @__PURE__ */ c("span", { class: "mx-2" }, "|", -1), Jt = {
   class: "w-auto",
   "data-cy": "total"
-}, St = /* @__PURE__ */ $({
+}, Xt = /* @__PURE__ */ x({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2246,29 +2271,29 @@ const _t = {
   setup(e, { emit: t }) {
     const l = t, a = e, o = (i) => {
       l("update:perPage", i.value);
-    }, s = h(() => {
+    }, n = h(() => {
       const i = Math.ceil(a.total / a.perPage);
       return `${i} ${Y(i, "page")}`;
     });
-    return (i, m) => (n(), p("div", _t, [
-      z(" Number of results per page "),
-      c("div", $t, [
-        v(u(oe), {
+    return (i, m) => (s(), p("div", Kt, [
+      V(" Number of results per page "),
+      c("div", Wt, [
+        b(u(oe), {
           options: a.pageSizes,
           "model-value": a.perPage,
           onChange: m[0] || (m[0] = (y) => o(y))
         }, null, 8, ["options", "model-value"])
       ]),
-      a.total ? (n(), p("div", xt, [
-        Ft,
-        c("span", Bt, g(a.total) + " " + g(u(Y)(a.total, "result")) + " across " + g(s.value), 1)
-      ])) : B("", !0)
+      a.total ? (s(), p("div", Zt, [
+        Yt,
+        c("span", Jt, g(a.total) + " " + g(u(Y)(a.total, "result")) + " across " + g(n.value), 1)
+      ])) : F("", !0)
     ]));
   }
-}), Ct = { "data-cy": "above-table-slot" }, Vt = { class: "d-flex" }, It = { class: "d-flex align-items-end mb-2" }, zt = { key: 0 }, Tt = { class: "ms-auto" }, Mt = {
+}), Qt = { "data-cy": "above-table-slot" }, ea = { class: "d-flex" }, ta = { class: "d-flex align-items-end mb-2" }, aa = { key: 0 }, la = { class: "ms-auto" }, oa = {
   class: "d-flex",
   "data-cy": "legacy-page-size"
-}, Pt = /* @__PURE__ */ c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), Ut = { "data-cy": "legacy-total" }, qa = /* @__PURE__ */ $({
+}, na = /* @__PURE__ */ c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), sa = { "data-cy": "legacy-total" }, vl = /* @__PURE__ */ x({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2347,24 +2372,24 @@ const _t = {
   },
   emits: ["update:filters"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = I([10, 20, 50, 100]), s = I(20), i = I(), m = () => {
+    const l = t, a = e, o = P([10, 20, 50, 100]), n = P(20), i = P(), m = () => {
       for (const d in a.filters)
         a.filters[d].value = null;
       y(a.filters);
     }, y = (d) => {
       l("update:filters", d);
     }, r = h(() => {
-      const d = Math.ceil((a.total ?? a.value.length) / s.value);
+      const d = Math.ceil((a.total ?? a.value.length) / n.value);
       return `${d} ${Y(d, "page")}`;
     }), _ = () => {
       i.value.exportCSV();
     };
-    return (d, f) => (n(), p(U, null, [
-      c("span", Ct, [
+    return (d, f) => (s(), p(O, null, [
+      c("span", Qt, [
         k(d.$slots, "above-table")
       ]),
-      v(u(Ve), S({ class: "w-100" }, { ...a, ...d.$attrs }, {
-        rows: s.value,
+      b(u(Pe), S({ class: "w-100" }, { ...a, ...d.$attrs }, {
+        rows: n.value,
         "total-records": d.total,
         "filter-display": a.filters ? "row" : void 0,
         ref_key: "forgeTable",
@@ -2372,75 +2397,75 @@ const _t = {
         "onUpdate:filters": y,
         "data-cy": "table"
       }), Q({
-        header: b(() => [
-          c("div", Vt, [
-            c("div", It, [
-              d.paginator && !d.legacyPaginationFooter ? (n(), p("span", zt, [
-                v(St, {
+        header: v(() => [
+          c("div", ea, [
+            c("div", ta, [
+              d.paginator && !d.legacyPaginationFooter ? (s(), p("span", aa, [
+                b(Xt, {
                   total: d.total ?? d.value.length,
                   "page-sizes": o.value,
-                  "per-page": s.value,
-                  "onUpdate:perPage": f[0] || (f[0] = (x) => s.value = x)
+                  "per-page": n.value,
+                  "onUpdate:perPage": f[0] || (f[0] = ($) => n.value = $)
                 }, null, 8, ["total", "page-sizes", "per-page"])
-              ])) : B("", !0)
+              ])) : F("", !0)
             ]),
-            c("div", Tt, [
-              d.showClearButton ? (n(), w(u(A), {
+            c("div", la, [
+              d.showClearButton ? (s(), w(u(A), {
                 key: 0,
                 outlined: "",
-                class: F(d.showExporterButton ? "me-2" : ""),
+                class: B(d.showExporterButton ? "me-2" : ""),
                 onClick: m,
                 "data-cy": "clear-all"
               }, {
-                default: b(() => [
-                  v(u(C), {
+                default: v(() => [
+                  b(u(C), {
                     icon: "bi:funnel-fill",
                     width: "24",
                     height: "24"
                   }),
-                  z(" Clear ")
+                  V(" Clear ")
                 ]),
                 _: 1
-              }, 8, ["class"])) : B("", !0),
-              d.showExporterButton ? (n(), w(u(A), {
+              }, 8, ["class"])) : F("", !0),
+              d.showExporterButton ? (s(), w(u(A), {
                 key: 1,
                 outlined: "",
                 onClick: _,
                 "data-cy": "exporter"
               }, {
-                default: b(() => [
-                  v(u(C), {
+                default: v(() => [
+                  b(u(C), {
                     icon: "typcn:export",
                     width: "24",
                     height: "24"
                   }),
-                  z(" Export ")
+                  V(" Export ")
                 ]),
                 _: 1
-              })) : B("", !0)
+              })) : F("", !0)
             ])
           ])
         ]),
-        default: b(() => [
+        default: v(() => [
           k(d.$slots, "default")
         ]),
         _: 2
       }, [
-        E(d.$slots, (x, V) => ({
-          name: V,
-          fn: b((T) => [
-            k(d.$slots, V, J(X(T || {})))
+        E(d.$slots, ($, T) => ({
+          name: T,
+          fn: v((I) => [
+            k(d.$slots, T, J(X(I || {})))
           ])
         })),
         d.legacyPaginationFooter ? {
           name: "paginatorstart",
-          fn: b(() => [
-            c("span", Mt, [
-              Pt,
-              v(u(oe), {
+          fn: v(() => [
+            c("span", oa, [
+              na,
+              b(u(oe), {
                 options: o.value,
-                modelValue: s.value,
-                "onUpdate:modelValue": f[1] || (f[1] = (x) => s.value = x),
+                modelValue: n.value,
+                "onUpdate:modelValue": f[1] || (f[1] = ($) => n.value = $),
                 class: "ms-2"
               }, null, 8, ["options", "modelValue"])
             ])
@@ -2449,15 +2474,15 @@ const _t = {
         } : void 0,
         d.legacyPaginationFooter ? {
           name: "paginatorend",
-          fn: b(() => [
-            c("span", Ut, g(d.total ?? d.value.length) + " " + g(u(Y)(d.total ?? d.value.length, "result")) + " across " + g(r.value), 1)
+          fn: v(() => [
+            c("span", sa, g(d.total ?? d.value.length) + " " + g(u(Y)(d.total ?? d.value.length, "result")) + " across " + g(r.value), 1)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["rows", "total-records", "filter-display"])
     ], 64));
   }
-}), Ga = /* @__PURE__ */ $({
+}), fl = /* @__PURE__ */ x({
   __name: "ForgeFilterHeader",
   props: {
     dataType: {},
@@ -2465,40 +2490,40 @@ const _t = {
   },
   setup(e) {
     return (t, l) => {
-      const a = re;
-      return t.dataType === "numeric" ? (n(), w(a, S({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (n(), w(ct, S({ key: 1 }, t.$attrs, {
+      const a = de;
+      return t.dataType === "numeric" ? (s(), w(a, S({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), w(Ut, S({ key: 1 }, t.$attrs, {
         "show-icon": !1,
         "show-on-focus": !0,
         class: "w-100"
-      }), null, 16)) : t.dataType === "select" ? (n(), w(u(oe), S({ key: 2 }, t.$attrs, {
+      }), null, 16)) : t.dataType === "select" ? (s(), w(u(oe), S({ key: 2 }, t.$attrs, {
         options: t.dropdownOptions,
         class: "dropdown-input w-100"
-      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (n(), w(u(Ie), S({ key: 3 }, t.$attrs, {
+      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), w(u(Ve), S({ key: 3 }, t.$attrs, {
         options: t.dropdownOptions,
         showToggleAll: !1,
         placeholder: " ",
         filter: "",
         class: "w-100 dropdown-input"
-      }), null, 16, ["options"])) : (n(), w(u(le), S({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
+      }), null, 16, ["options"])) : (s(), w(u(le), S({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
     };
   }
 });
-function ce(e, t, l, a) {
-  const o = t.flatMap((s) => s.file);
-  return t = t.map((s) => ({ ...s, status: s.status == "Duplicate" ? "Not Uploaded" : s.status })), e.forEach((s) => {
-    const i = o.findIndex((y) => y.name === s.name);
+function me(e, t, l, a) {
+  const o = t.flatMap((n) => n.file);
+  return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
+    const i = o.findIndex((y) => y.name === n.name);
     let m = "Not Uploaded";
-    i === -1 ? ((!l.includes(s.type) || !(s.size <= a)) && (m = l.includes(s.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
-      file: s,
+    i === -1 ? ((!l.includes(n.type) || !(n.size <= a)) && (m = l.includes(n.type) ? "InvalidFileSize" : "InvalidFileType"), t.unshift({
+      file: n,
       status: m,
       blobFileName: null
     })) : t[i].status = "Duplicate";
   }), t;
 }
-async function Ot(e, t) {
+async function ia(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
-      await new de(t).delete();
+      await new ue(t).delete();
     } catch (l) {
       if (l !== "BlobNotFound") {
         e = "DeleteFileFailed";
@@ -2506,25 +2531,25 @@ async function Ot(e, t) {
       }
     }
 }
-function se(e, t = !0, l = 1) {
+function ne(e, t = !0, l = 1) {
   const a = t ? 1e3 : 1024;
   if (Math.abs(e) < a)
     return e + " B";
   const o = t ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
-  let s = -1;
+  let n = -1;
   const i = 10 ** l;
   do
-    e /= a, ++s;
-  while (Math.round(Math.abs(e) * i) / i >= a && s < o.length - 1);
-  return e.toFixed(l) + " " + o[s];
+    e /= a, ++n;
+  while (Math.round(Math.abs(e) * i) / i >= a && n < o.length - 1);
+  return e.toFixed(l) + " " + o[n];
 }
-function Dt(e) {
+function ra(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function At(e) {
+function da(e) {
   return URL.createObjectURL(e);
 }
-const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disabled", "multiple"], Rt = /* @__PURE__ */ $({
+const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disabled", "multiple"], ma = /* @__PURE__ */ x({
   __name: "UploadButton",
   props: /* @__PURE__ */ G({
     acceptedFileTypes: {},
@@ -2537,9 +2562,9 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   emits: ["update:modelValue"],
   setup(e) {
     const t = L(e, "modelValue"), l = h(() => e.maxFileInput <= t.value.length), a = (o) => {
-      t.value = ce(o, t.value, e.acceptedFileTypes, e.maxFileInput);
+      t.value = me(o, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
-    return (o, s) => (n(), p("div", Nt, [
+    return (o, n) => (s(), p("div", ua, [
       k(o.$slots, "message"),
       c("div", null, [
         c("input", {
@@ -2549,39 +2574,39 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
           accept: o.acceptedFileTypes.join(", "),
           disabled: l.value,
           multiple: o.maxFileInput > 1,
-          onInput: s[0] || (s[0] = (i) => a([...i.target.files]))
-        }, null, 40, Et),
+          onInput: n[0] || (n[0] = (i) => a([...i.target.files]))
+        }, null, 40, ca),
         c("label", {
-          class: F([{ disabled: l.value }, "btn btn-primary"]),
+          class: B([{ disabled: l.value }, "btn btn-primary"]),
           id: "file-input-button",
           for: "file-input"
         }, [
           k(o.$slots, "button-content", {}, () => [
-            v(u(C), {
+            b(u(C), {
               icon: "bi:upload",
               class: "me-2",
               height: "20px",
               width: "20px"
             }),
-            z(" Browse your computer ")
+            V(" Browse your computer ")
           ])
         ], 2)
       ]),
-      o.showDragDropArea ? (n(), p("div", {
+      o.showDragDropArea ? (s(), p("div", {
         class: "ms-auto",
         key: o.acceptedFileTypes.length,
         id: "accepted-file-types"
-      }, "Accepted File Types: " + g(o.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : B("", !0)
+      }, "Accepted File Types: " + g(o.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
     ]));
   }
-}), Lt = {
+}), pa = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, jt = {
+}, ya = {
   key: 1,
   class: "d-flex flex-column"
-}, Ht = /* @__PURE__ */ $({
+}, ba = /* @__PURE__ */ x({
   __name: "DragDropArea",
   props: /* @__PURE__ */ G({
     maxFileInput: {},
@@ -2593,30 +2618,30 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = L(e, "modelValue"), l = I(!1), a = h(() => e.maxFileInput <= t.value.length), o = (s) => {
-      l.value = !1, s.dataTransfer.files.length > e.maxFileInput || a.value ? s.preventDefault() : t.value = ce([...s.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
+    const t = L(e, "modelValue"), l = P(!1), a = h(() => e.maxFileInput <= t.value.length), o = (n) => {
+      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || a.value ? n.preventDefault() : t.value = me([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
-    return (s, i) => (n(), p("div", {
+    return (n, i) => (s(), p("div", {
       id: "drag-drop-area",
-      class: F(`${l.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
+      class: B(`${l.value ? "border-2 border-primary bg-body-tertiary" : ""} mt-3 file-container border-dashed border-2`),
       onDragleave: i[0] || (i[0] = K((m) => l.value = !1, ["prevent"])),
       onDragover: i[1] || (i[1] = K((m) => l.value = !0, ["prevent"])),
       onDrop: K(o, ["prevent"])
     }, [
-      t.value.length === 0 ? (n(), p("div", Lt, [
-        v(u(C), {
+      t.value.length === 0 ? (s(), p("div", pa, [
+        b(u(C), {
           icon: "bi:upload",
           class: "me-2",
           height: "20px",
           width: "20px"
         }),
-        z(" Drag and drop files here ")
-      ])) : (n(), p("div", jt, [
-        k(s.$slots, "default")
+        V(" Drag and drop files here ")
+      ])) : (s(), p("div", ya, [
+        k(n.$slots, "default")
       ]))
     ], 34));
   }
-}), qt = { class: "d-flex align-items-center me-2" }, Gt = /* @__PURE__ */ $({
+}), va = { class: "d-flex align-items-center me-2" }, fa = /* @__PURE__ */ x({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -2630,7 +2655,7 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
         case "InvalidFileType":
           return "Upload Failed: File type is not accepted.";
         case "InvalidFileSize":
-          return `Upload Failed: File size exceeds the ${se(e.maxFileSize)} limit.`;
+          return `Upload Failed: File size exceeds the ${ne(e.maxFileSize)} limit.`;
         case "Aborted":
           return "Upload Failed: User cancelled.";
         case "DeleteFileFailed":
@@ -2641,41 +2666,41 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (a, o) => (n(), p("div", qt, [
-      a.uploadStatus === "Uploading" ? (n(), w(bt, {
+    return (a, o) => (s(), p("div", va, [
+      a.uploadStatus === "Uploading" ? (s(), w(Rt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
         striped: ""
       }, {
-        default: b(() => [
-          z(g((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
+        default: v(() => [
+          V(g((a.bytesUploaded / a.fileSize * 100).toFixed(0)) + "%", 1)
         ]),
         _: 1
-      })) : B("", !0),
-      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (n(), w(ee, {
+      })) : F("", !0),
+      a.uploadStatus !== "Uploading" && a.uploadStatus !== "Not Uploaded" && a.uploadStatus !== "Uploaded" && a.uploadStatus !== "Preparing" ? (s(), w(ee, {
         key: 1,
         id: "upload-status-alert",
         severity: t.value,
         class: "mb-0 w-75 ms-auto"
       }, {
-        default: b(() => [
-          z(g(l.value), 1)
+        default: v(() => [
+          V(g(l.value), 1)
         ]),
         _: 1
-      }, 8, ["severity"])) : B("", !0)
+      }, 8, ["severity"])) : F("", !0)
     ]));
   }
-}), Kt = ["data-cy"], Wt = { class: "ms-3 d-flex flex-column" }, Zt = {
+}), ga = ["data-cy"], ha = { class: "ms-3 d-flex flex-column" }, wa = {
   key: 1,
   id: "file-name"
-}, Yt = {
+}, ka = {
   class: "text-black-50",
   id: "file-type"
-}, Jt = {
+}, _a = {
   class: "text-black-50",
   id: "file-size"
-}, Xt = { class: "ms-auto my-auto d-flex" }, Qt = /* @__PURE__ */ $({
+}, xa = { class: "ms-auto my-auto d-flex" }, $a = /* @__PURE__ */ x({
   __name: "FileInfo",
   props: /* @__PURE__ */ G({
     editableFileName: { type: Boolean },
@@ -2694,55 +2719,55 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   }),
   emits: /* @__PURE__ */ G(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const l = L(e, "file"), a = L(e, "blobFileName"), o = L(e, "uploadStatus"), s = t, i = I(l.value.name), m = I(""), y = I(0), r = I(), _ = h(() => e.acceptedFileTypes.includes(l.value.type)), d = h(() => l.value.size <= e.maxFileSize), f = () => {
+    const l = L(e, "file"), a = L(e, "blobFileName"), o = L(e, "uploadStatus"), n = t, i = P(l.value.name), m = P(""), y = P(0), r = P(), _ = h(() => e.acceptedFileTypes.includes(l.value.type)), d = h(() => l.value.size <= e.maxFileSize), f = () => {
       l.value = new File([l.value], i.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
-    }, x = async () => {
+    }, $ = async () => {
       if (!_.value || !d.value) {
         o.value = _.value ? "InvalidFileSize" : "InvalidFileType";
         return;
       }
       o.value = "Preparing", r.value = new AbortController();
-      const [T, P] = await e.getFileUrlAction(l.value.name);
-      if (!T) {
+      const [I, M] = await e.getFileUrlAction(l.value.name);
+      if (!I) {
         o.value = "Failed";
         return;
       }
       try {
         o.value = "Uploading";
-        const M = new de(T), N = {
+        const z = new ue(I), N = {
           abortSignal: r.value.signal,
           onProgress: (te) => y.value = te.loadedBytes,
           tags: { temp: "true" }
         };
-        await M.uploadData(l.value, N), m.value = T, o.value = "Uploaded", a.value = P;
-      } catch (M) {
-        if (M.name === "AbortError") {
+        await z.uploadData(l.value, N), m.value = I, o.value = "Uploaded", a.value = M;
+      } catch (z) {
+        if (z.name === "AbortError") {
           o.value = "Aborted";
           return;
         }
         o.value = "Failed";
       }
-    }, V = async () => {
-      await Ot(o.value, m.value), s("deleted", l.value);
+    }, T = async () => {
+      await ia(o.value, m.value), n("deleted", l.value);
     };
-    return ne(() => {
-      e.autoUploadToBlob && x();
-    }), (T, P) => {
-      const M = A;
-      return n(), p("div", {
+    return ie(() => {
+      e.autoUploadToBlob && $();
+    }), (I, M) => {
+      const z = A;
+      return s(), p("div", {
         class: "py-4 px-3 d-flex",
         "data-cy": `file-info-${l.value.name}`
       }, [
         c("div", null, [
-          u(Dt)(l.value.type) ? (n(), w(u(ze), {
+          u(ra)(l.value.type) ? (s(), w(u(Ie), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: u(At)(l.value),
+            src: u(da)(l.value),
             alt: l.value.name,
             width: "75px",
             preview: ""
-          }, null, 8, ["src", "alt"])) : (n(), w(u(C), {
+          }, null, 8, ["src", "alt"])) : (s(), w(u(C), {
             key: 1,
             id: "file-earmark",
             icon: "bi:file-earmark",
@@ -2750,76 +2775,76 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
             width: "75px"
           }))
         ]),
-        c("div", Wt, [
+        c("div", ha, [
           c("div", null, [
-            T.editableFileName ? (n(), w(Ke, {
+            I.editableFileName ? (s(), w(gt, {
               key: 0,
               id: "edit-file-name",
               modelValue: i.value,
-              "onUpdate:modelValue": P[0] || (P[0] = (N) => i.value = N),
-              rules: T.customFileNameRules,
+              "onUpdate:modelValue": M[0] || (M[0] = (N) => i.value = N),
+              rules: I.customFileNameRules,
               name: l.value.name,
               "complete-action": f
-            }, null, 8, ["modelValue", "rules", "name"])) : (n(), p("span", Zt, g(l.value.name), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", wa, g(l.value.name), 1))
           ]),
-          c("span", Yt, "File type: " + g(l.value.type.split("/").pop()), 1),
-          c("span", Jt, "File size: " + g(u(se)(l.value.size)), 1)
+          c("span", ka, "File type: " + g(l.value.type.split("/").pop()), 1),
+          c("span", _a, "File size: " + g(u(ne)(l.value.size)), 1)
         ]),
-        c("div", Xt, [
-          (n(), w(Gt, {
+        c("div", xa, [
+          (s(), w(fa, {
             key: o.value,
             "file-size": l.value.size,
             "upload-status": o.value,
             "bytes-uploaded": y.value,
-            "max-file-size": T.maxFileSize
+            "max-file-size": I.maxFileSize
           }, null, 8, ["file-size", "upload-status", "bytes-uploaded", "max-file-size"])),
-          o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (n(), w(M, {
+          o.value === "Not Uploaded" || o.value === "Failed" || o.value === "Duplicate" || o.value === "Aborted" ? (s(), w(z, {
             key: 0,
             link: "",
-            onClick: x
+            onClick: $
           }, {
-            default: b(() => [
-              v(u(C), {
+            default: v(() => [
+              b(u(C), {
                 icon: o.value === "Not Uploaded" || o.value === "Duplicate" ? "bi:upload" : "bi:arrow-clockwise"
               }, null, 8, ["icon"])
             ]),
             _: 1
-          })) : B("", !0),
-          o.value === "Uploading" ? (n(), w(M, {
+          })) : F("", !0),
+          o.value === "Uploading" ? (s(), w(z, {
             key: 1,
             link: "",
-            onClick: P[1] || (P[1] = (N) => r.value.value.abort())
+            onClick: M[1] || (M[1] = (N) => r.value.value.abort())
           }, {
-            default: b(() => [
-              v(u(C), { icon: "bi:x-circle-fill" })
+            default: v(() => [
+              b(u(C), { icon: "bi:x-circle-fill" })
             ]),
             _: 1
-          })) : (n(), w(M, {
+          })) : (s(), w(z, {
             key: 2,
             link: "",
-            onClick: V,
+            onClick: T,
             id: "delete-button"
           }, {
-            default: b(() => [
-              v(u(C), { icon: "bi:trash" })
+            default: v(() => [
+              b(u(C), { icon: "bi:trash" })
             ]),
             _: 1
           }))
         ])
-      ], 8, Kt);
+      ], 8, ga);
     };
   }
-}), ea = { class: "d-flex justify-content-end mt-1" }, ta = { id: "max-file-size" }, aa = /* @__PURE__ */ $({
+}), Ba = { class: "d-flex justify-content-end mt-1" }, Fa = { id: "max-file-size" }, Sa = /* @__PURE__ */ x({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, l) => (n(), p("div", ea, [
-      c("div", ta, "Max file size: " + g(u(se)(t.maxFileSize)), 1)
+    return (t, l) => (s(), p("div", Ba, [
+      c("div", Fa, "Max file size: " + g(u(ne)(t.maxFileSize)), 1)
     ]));
   }
-}), la = { "data-cy": "file-uploader" }, oa = { key: 0 }, Ka = /* @__PURE__ */ $({
+}), Ca = { "data-cy": "file-uploader" }, Ta = { key: 0 }, gl = /* @__PURE__ */ x({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ G({
     acceptedFileTypes: {},
@@ -2837,24 +2862,24 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
   emits: ["update:modelValue"],
   setup(e) {
     const t = L(e, "modelValue"), l = e, a = (o) => {
-      t.value = t.value.filter((s) => s.file != o);
+      t.value = t.value.filter((n) => n.file != o);
     };
-    return (o, s) => (n(), p("div", la, [
-      v(Rt, S(l, {
+    return (o, n) => (s(), p("div", Ca, [
+      b(ma, S(l, {
         modelValue: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (i) => t.value = i)
+        "onUpdate:modelValue": n[0] || (n[0] = (i) => t.value = i)
       }), null, 16, ["modelValue"]),
-      o.showDragDropArea ? (n(), p("div", oa, [
-        v(Ht, {
+      o.showDragDropArea ? (s(), p("div", Ta, [
+        b(ba, {
           "max-file-input": l.maxFileInput,
           "max-file-size": l.maxFileSize,
           "accepted-file-types": l.acceptedFileTypes,
           modelValue: t.value,
-          "onUpdate:modelValue": s[1] || (s[1] = (i) => t.value = i)
+          "onUpdate:modelValue": n[1] || (n[1] = (i) => t.value = i)
         }, {
-          default: b(() => [
-            (n(!0), p(U, null, E(t.value, ({ file: i }, m) => (n(), p("span", null, [
-              (n(), w(Qt, S({
+          default: v(() => [
+            (s(!0), p(O, null, E(t.value, ({ file: i }, m) => (s(), p("span", null, [
+              (s(), w($a, S({
                 key: i.name,
                 class: m === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[m].file,
@@ -2869,36 +2894,36 @@ const Nt = { class: "d-flex justify-content-between" }, Et = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        v(aa, {
+        b(Sa, {
           "max-file-size": l.maxFileSize
         }, null, 8, ["max-file-size"])
-      ])) : B("", !0)
+      ])) : F("", !0)
     ]));
   }
 });
 export {
-  za as Bootstrap_PT,
-  Ta as ForgeActionButton,
+  al as Bootstrap_PT,
+  ll as ForgeActionButton,
   ee as ForgeAlert,
-  Ue as ForgeCheckbox,
-  Ra as ForgeChips,
-  ct as ForgeDatepicker,
-  Ka as ForgeFileUploader,
-  Ga as ForgeFilterHeader,
-  Na as ForgeForm,
-  Ea as ForgeFormField,
-  Ke as ForgeInlineEditor,
-  Ma as ForgeLink,
-  ue as ForgeLoader,
-  Pa as ForgeModal,
-  et as ForgeMultiSelect,
-  Oa as ForgeMultiSelectPreview,
-  Ua as ForgeNavbar,
-  Da as ForgePageHeader,
-  bt as ForgeProgressBar,
-  Aa as ForgeRemainingCharacters,
-  La as ForgeStatWidget,
-  ja as ForgeStepper,
-  qa as ForgeTable,
-  Ha as ForgeTile
+  st as ForgeCheckbox,
+  ml as ForgeChips,
+  Ut as ForgeDatepicker,
+  gl as ForgeFileUploader,
+  fl as ForgeFilterHeader,
+  ul as ForgeForm,
+  cl as ForgeFormField,
+  gt as ForgeInlineEditor,
+  ol as ForgeLink,
+  ce as ForgeLoader,
+  nl as ForgeModal,
+  Bt as ForgeMultiSelect,
+  il as ForgeMultiSelectPreview,
+  sl as ForgeNavbar,
+  rl as ForgePageHeader,
+  Rt as ForgeProgressBar,
+  dl as ForgeRemainingCharacters,
+  pl as ForgeStatWidget,
+  yl as ForgeStepper,
+  vl as ForgeTable,
+  bl as ForgeTile
 };