@vonage/vivid-vue 3.13.0 → 3.15.0

package/dist/index.es.js

@@ -1,17 +1,17 @@
-import { ref as l, version as v, onBeforeMount as y, defineComponent as h, h as n } from "vue";
-import { registerAccordion as f, registerAccordionItem as $, registerActionGroup as g, registerAlert as k, registerAvatar as b, registerBadge as C, registerBanner as S, registerBreadcrumb as w, registerBreadcrumbItem as x, registerButton as V, registerCalendar as N, registerCalendarEvent as B, registerCard as T, registerCheckbox as K, registerCombobox as I, registerDataGrid as m, registerDialog as F, registerDivider as z, registerEmptyState as q, registerFab as D, registerHeader as P, registerIcon as L, registerLayout as A, registerMenu as M, registerMenuItem as O, registerNav as G, registerNavDisclosure as H, registerNavItem as E, registerNote as R, registerNumberField as W, registerOption as j, registerPagination as U, registerProgress as J, registerProgressRing as Q, registerRadio as X, registerRadioGroup as Y, registerSelect as Z, registerSideDrawer as _, registerSlider as tt, registerSwitch as et, registerTab as it, registerTabs as ot, registerTabPanel as st, registerTextArea as nt, registerTextField as at, registerToggletip as rt, registerTooltip as dt, registerTreeItem as lt, registerTreeView as ht, registerTag as ut, registerTagGroup as ct } from "@vonage/vivid";
-const p = l("vvd3");
-function ft(t) {
-  p.value = t;
+import { ref as d, version as v, onBeforeMount as f, defineComponent as u, h as s } from "vue";
+import { registerAccordion as g, registerAccordionItem as y, registerActionGroup as k, registerAlert as b, registerAvatar as S, registerBadge as $, registerBanner as C, registerBreadcrumb as w, registerBreadcrumbItem as L, registerButton as x, registerCalendar as V, registerCalendarEvent as N, registerCard as B, registerCheckbox as T, registerCombobox as z, registerDataGrid as c, registerDialog as K, registerDivider as M, registerEmptyState as F, registerFab as D, registerHeader as q, registerIcon as P, registerLayout as O, registerMenu as A, registerMenuItem as R, registerNav as U, registerNavDisclosure as j, registerNavItem as G, registerNote as H, registerNumberField as E, registerOption as W, registerPagination as _, registerProgress as J, registerProgressRing as Z, registerRadio as X, registerRadioGroup as Q, registerSelect as Y, registerSideDrawer as I, registerSlider as ee, registerSwitch as ie, registerTab as te, registerTabs as oe, registerTabPanel as le, registerTextArea as se, registerTextField as ae, registerToggletip as ne, registerTooltip as re, registerTreeItem as de, registerTreeView as ue, registerTag as he, registerTagGroup as pe } from "@vonage/vivid";
+const m = d("vvd3");
+function ye(e) {
+  m.value = e;
 }
-const d = v.startsWith("2");
-function u(t, o) {
-  const s = l(`${p.value}-${t}`);
-  return y(() => {
-    o(p.value);
-  }), s;
+const r = v.startsWith("2");
+function h(e, o) {
+  const l = d(`${m.value}-${e}`);
+  return f(() => {
+    o(m.value);
+  }), l;
 }
-const $t = h({
+const ke = u({
   name: "VAccordion",
   props: {
     /**
@@ -64,17 +64,17 @@ const $t = h({
      */
     "change"
   ],
-  setup(t, o) {
-    const s = u("accordion", f), e = l(null);
+  setup(e, o) {
+    const l = h("accordion", g), i = d(null);
     return o.expose({
       closeAll() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.closeAll();
+        var t;
+        return (t = i.value) == null ? void 0 : t.closeAll();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -84,30 +84,30 @@ const $t = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          change: (t) => this.$emit("change", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          change: (e) => this.$emit("change", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
         class: "vvd-root",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.expandMode !== void 0 ? { "expand-mode": this.expandMode } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onChange: (t) => this.$emit("change", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onChange: (e) => this.$emit("change", e)
       },
       [
         // @ts-ignore
@@ -115,17 +115,14 @@ const $t = h({
       ]
     );
   }
-}), gt = h({
+}), be = u({
   name: "VAccordionItem",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the icon affix alignment.
      */
@@ -198,12 +195,12 @@ const $t = h({
      */
     "change"
   ],
-  setup(t, o) {
-    const s = u("accordion-item", $), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("accordion-item", y), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -221,17 +218,17 @@ const $t = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          change: (t) => this.$emit("change", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          change: (e) => this.$emit("change", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -246,13 +243,13 @@ const $t = h({
         ...this.noIndicator !== void 0 ? { "no-indicator": this.noIndicator } : {},
         ...this.meta !== void 0 ? { meta: this.meta } : {},
         ...this.size !== void 0 ? { size: this.size } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onChange: (t) => this.$emit("change", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onChange: (e) => this.$emit("change", e)
       },
       [
         // @ts-ignore
@@ -260,7 +257,7 @@ const $t = h({
       ]
     );
   }
-}), kt = h({
+}), Se = u({
   name: "VActionGroup",
   props: {
     /**
@@ -317,12 +314,12 @@ const $t = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("action-group", g), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("action-group", k), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -336,16 +333,16 @@ const $t = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -356,12 +353,12 @@ const $t = h({
         ...this.tight !== void 0 ? { tight: this.tight } : {},
         ...this.role !== void 0 ? { role: this.role } : {},
         ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -370,21 +367,21 @@ const $t = h({
     );
   }
 });
-function pt(t, o) {
-  return o.forEach((s) => {
-    var e;
-    s.data || (s.data = {}), s.data.attrs = { ...(e = s.data) == null ? void 0 : e.attrs, slot: t };
+function me(e, o) {
+  return o.forEach((l) => {
+    var i;
+    l.data || (l.data = {}), l.data.attrs = { ...(i = l.data) == null ? void 0 : i.attrs, slot: e };
   }), o;
 }
-function mt(t, o) {
-  return o.forEach((s) => {
-    s.props || (s.props = {}), s.props = { ...s.props, slot: t };
+function ce(e, o) {
+  return o.forEach((l) => {
+    l.props || (l.props = {}), l.props = { ...l.props, slot: e };
   }), o;
 }
-function a(t, o) {
-  return o ? d ? pt(t, o) : mt(t, o()) : null;
+function a(e, o) {
+  return o ? r ? me(e, o) : ce(e, o()) : null;
 }
-const bt = h({
+const $e = u({
   name: "VAlert",
   props: {
     /**
@@ -420,10 +417,7 @@ const bt = h({
      * alert header icon
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * the timeout ms to show the alert
      * accepts number
@@ -483,17 +477,17 @@ const bt = h({
      */
     "close"
   ],
-  setup(t, o) {
-    const s = u("alert", k), e = l(null);
+  setup(e, o) {
+    const l = h("alert", b), i = d(null);
     return o.expose({
-      openChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.openChanged(i, r);
+      openChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -510,14 +504,14 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          open: (t) => this.$emit("open", t),
-          close: (t) => this.$emit("close", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          open: (e) => this.$emit("open", e),
+          close: (e) => this.$emit("close", e)
         }
       },
       [
@@ -526,7 +520,7 @@ const bt = h({
         // @slot action-items Add action items to alert using this slot.
         a("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -540,14 +534,14 @@ const bt = h({
         ...this.timeoutms !== void 0 ? { timeoutms: this.timeoutms } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         ...this.open !== void 0 ? { open: this.open } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onOpen: (t) => this.$emit("open", t),
-        onClose: (t) => this.$emit("close", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onOpen: (e) => this.$emit("open", e),
+        onClose: (e) => this.$emit("close", e)
       },
       [
         // @slot main The main content of the alert.
@@ -557,7 +551,7 @@ const bt = h({
       ]
     );
   }
-}), Ct = h({
+}), Ce = u({
   name: "VAvatar",
   props: {
     /**
@@ -587,10 +581,7 @@ const bt = h({
      * avatar header icon
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * avatar name
      */
@@ -628,12 +619,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("avatar", b), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("avatar", S), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -648,19 +639,19 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
         // @slot graphic Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).
         a("graphic", this.$slots.graphic)
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -672,12 +663,12 @@ const bt = h({
         ...this.size !== void 0 ? { size: this.size } : {},
         ...this.icon !== void 0 ? { icon: this.icon } : {},
         ...this.initials !== void 0 ? { initials: this.initials } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @slot graphic Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).
@@ -685,17 +676,14 @@ const bt = h({
       ]
     );
   }
-}), St = h({
+}), we = u({
   name: "VBadge",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the icon affix alignment.
      */
@@ -759,12 +747,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("badge", C), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("badge", $), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -779,16 +767,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -800,27 +788,24 @@ const bt = h({
         ...this.shape !== void 0 ? { shape: this.shape } : {},
         ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
         ...this.text !== void 0 ? { text: this.text } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), wt = h({
+}), Le = u({
   name: "VBanner",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -828,11 +813,11 @@ const bt = h({
       type: String,
       default: void 0
     },
+    role: { type: String, default: void 0 },
     actionHref: { type: String, default: void 0 },
     actionText: { type: String, default: void 0 },
     removable: { type: Boolean, default: void 0 },
     ariaLive: { type: null, default: void 0 },
-    role: { type: String, default: void 0 },
     text: { type: String, default: void 0 },
     connotation: {
       type: String,
@@ -871,65 +856,65 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("banner", S), e = l(null);
+  setup(e, o) {
+    const l = h("banner", C), i = d(null);
     return o.expose({
       remove() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.remove();
+        var t;
+        return (t = i.value) == null ? void 0 : t.remove();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
         attrs: {
           ...this.icon !== void 0 ? { icon: this.icon } : {},
           ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+          ...this.role !== void 0 ? { role: this.role } : {},
           ...this.actionHref !== void 0 ? { "action-href": this.actionHref } : {},
           ...this.actionText !== void 0 ? { "action-text": this.actionText } : {},
           ...this.removable !== void 0 ? { removable: this.removable } : {},
           ...this.ariaLive !== void 0 ? { "aria-live": this.ariaLive } : {},
-          ...this.role !== void 0 ? { role: this.role } : {},
           ...this.text !== void 0 ? { text: this.text } : {},
           ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
         // @slot action-items Add action items to banner using this slot.
         a("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
         class: "vvd-root",
         ...this.icon !== void 0 ? { icon: this.icon } : {},
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+        ...this.role !== void 0 ? { role: this.role } : {},
         ...this.actionHref !== void 0 ? { "action-href": this.actionHref } : {},
         ...this.actionText !== void 0 ? { "action-text": this.actionText } : {},
         ...this.removable !== void 0 ? { removable: this.removable } : {},
         ...this.ariaLive !== void 0 ? { "aria-live": this.ariaLive } : {},
-        ...this.role !== void 0 ? { role: this.role } : {},
         ...this.text !== void 0 ? { text: this.text } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @slot action-items Add action items to banner using this slot.
@@ -937,7 +922,7 @@ const bt = h({
       ]
     );
   }
-}), xt = h({
+}), xe = u({
   name: "VBreadcrumb",
   props: {
     /**
@@ -980,39 +965,39 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("breadcrumb", w), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("breadcrumb", w), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
         attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
         class: "vvd-root",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -1020,7 +1005,7 @@ const bt = h({
       ]
     );
   }
-}), Vt = h({
+}), Ve = u({
   name: "VBreadcrumbItem",
   props: {
     /**
@@ -1096,12 +1081,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("breadcrumb-item", x), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("breadcrumb-item", L), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -1119,16 +1104,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -1143,27 +1128,24 @@ const bt = h({
         ...this.target !== void 0 ? { target: this.target } : {},
         ...this.type !== void 0 ? { type: this.type } : {},
         ...this.text !== void 0 ? { text: this.text } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), Nt = h({
+}), Ne = u({
   name: "VButton",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the icon affix alignment.
      */
@@ -1293,20 +1275,20 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("button", V), e = l(null);
+  setup(e, o) {
+    const l = h("button", x), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
        */
       validate() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.validate();
+        var t;
+        return (t = i.value) == null ? void 0 : t.validate();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -1337,16 +1319,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -1374,17 +1356,17 @@ const bt = h({
         ...this.stacked !== void 0 ? { stacked: this.stacked } : {},
         ...this.pending !== void 0 ? { pending: this.pending } : {},
         ...this.label !== void 0 ? { label: this.label } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), Bt = h({
+}), Be = u({
   name: "VCalendar",
   props: {
     /**
@@ -1454,17 +1436,17 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("calendar", N), e = l(null);
+  setup(e, o) {
+    const l = h("calendar", V), i = d(null);
     return o.expose({
-      onKeydown(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.onKeydown(i);
+      onKeydown(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.onKeydown(t);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -1479,12 +1461,12 @@ const bt = h({
           ...this.locales !== void 0 ? { locales: this.locales } : {}
         },
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
@@ -1504,7 +1486,7 @@ const bt = h({
         // @slot day-6 Assign elements to corresponding day column using this slot.
         a("day-6", this.$slots["day-6"])
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -1514,12 +1496,12 @@ const bt = h({
         ...this.startDay !== void 0 ? { "start-day": this.startDay } : {},
         ...this.locales !== void 0 ? { locales: this.locales } : {},
         ...this.hour12 !== void 0 ? { hour12: this.hour12 } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -1541,7 +1523,7 @@ const bt = h({
       ]
     );
   }
-}), Tt = h({
+}), Te = u({
   name: "VCalendarEvent",
   props: {
     /**
@@ -1615,12 +1597,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("calendar-event", B), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("calendar-event", N), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -1636,16 +1618,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -1658,17 +1640,17 @@ const bt = h({
         ...this.overlapCount !== void 0 ? { "overlap-count": this.overlapCount } : {},
         ...this.start !== void 0 ? { start: this.start } : {},
         ...this.duration !== void 0 ? { duration: this.duration } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), Kt = h({
+}), ze = u({
   name: "VCard",
   props: {
     /**
@@ -1697,10 +1679,7 @@ const bt = h({
      * card header icon
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * card elevation dp
      */
@@ -1738,12 +1717,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("card", T), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("card", B), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -1757,12 +1736,12 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
@@ -1777,7 +1756,7 @@ const bt = h({
         // @slot main Assign nodes to main slot to fully override a card's predefined flow and style with your own.
         a("main", this.$slots.main)
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -1788,12 +1767,12 @@ const bt = h({
         ...this.text !== void 0 ? { text: this.text } : {},
         ...this.icon !== void 0 ? { icon: this.icon } : {},
         ...this.elevation !== void 0 ? { elevation: this.elevation } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @slot graphic The graphic slot overrides the icon property.
@@ -1809,9 +1788,9 @@ const bt = h({
       ]
     );
   }
-}), It = h({
+}), Ke = u({
   name: "VCheckbox",
-  model: d ? {
+  model: r ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -1922,12 +1901,12 @@ const bt = h({
      */
     "update:modelValue"
   ],
-  setup(t, o) {
-    const s = u("checkbox", K), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("checkbox", T), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -1949,17 +1928,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          change: (t) => this.$emit("update:modelValue", t.target.checked)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          change: (e) => this.$emit("update:modelValue", e.target.checked)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -1978,20 +1957,20 @@ const bt = h({
         ...this.modelValue !== void 0 ? { "current-checked": this.modelValue } : {},
         ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onChange: (t) => this.$emit("update:modelValue", t.target.checked)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onChange: (e) => this.$emit("update:modelValue", e.target.checked)
       },
       []
     );
   }
-}), Ft = h({
+}), Me = u({
   name: "VCombobox",
-  model: d ? {
+  model: r ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -2004,10 +1983,7 @@ const bt = h({
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -2100,48 +2076,48 @@ const bt = h({
      */
     "update:modelValue"
   ],
-  setup(t, o) {
-    const s = u("combobox", I), e = l(null);
+  setup(e, o) {
+    const l = h("combobox", z), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
        */
       validate() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.validate();
+        var t;
+        return (t = i.value) == null ? void 0 : t.validate();
       },
       /**
        * Filter available options by text value.
        */
       filterOptions() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.filterOptions();
+        var t;
+        return (t = i.value) == null ? void 0 : t.filterOptions();
       },
       /**
        * Calculate and apply listbox positioning based on available viewport space.
        */
-      setPositioning(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.setPositioning(i);
+      setPositioning(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.setPositioning(t);
       },
       /**
        * Moves focus to the first selectable option.
        */
       selectFirstOption() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.selectFirstOption();
+        var t;
+        return (t = i.value) == null ? void 0 : t.selectFirstOption();
       },
       /**
        * Sets an option as selected and gives it focus.
        */
       setSelectedOptions() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.setSelectedOptions();
+        var t;
+        return (t = i.value) == null ? void 0 : t.setSelectedOptions();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -2162,17 +2138,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          change: (t) => this.$emit("update:modelValue", t.target.value)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          change: (e) => this.$emit("update:modelValue", e.target.value)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -2190,13 +2166,13 @@ const bt = h({
         ...this.position !== void 0 ? { position: this.position } : {},
         ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
         ...this.placement !== void 0 ? { placement: this.placement } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onChange: (t) => this.$emit("update:modelValue", t.target.value)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onChange: (e) => this.$emit("update:modelValue", e.target.value)
       },
       [
         // @ts-ignore
@@ -2204,7 +2180,7 @@ const bt = h({
       ]
     );
   }
-}), zt = h({
+}), Fe = u({
   name: "VDataGrid",
   props: {
     /**
@@ -2268,17 +2244,17 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("data-grid", m), e = l(null);
+  setup(e, o) {
+    const l = h("data-grid", c), i = d(null);
     return o.expose({
-      selectionModeChanged(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.selectionModeChanged(i);
+      selectionModeChanged(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.selectionModeChanged(t);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -2292,16 +2268,16 @@ const bt = h({
         class: "vvd-root",
         domProps: { ...this.rowsData !== void 0 ? { rowsData: this.rowsData } : {} },
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -2312,12 +2288,12 @@ const bt = h({
         ...this.gridTemplateColumns !== void 0 ? { "grid-template-columns": this.gridTemplateColumns } : {},
         ...this.selectionMode !== void 0 ? { "selection-mode": this.selectionMode } : {},
         ...this.rowsData !== void 0 ? { rowsData: this.rowsData } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -2325,7 +2301,7 @@ const bt = h({
       ]
     );
   }
-}), qt = h({
+}), De = u({
   name: "VDataGridRow",
   props: {
     /**
@@ -2382,25 +2358,25 @@ const bt = h({
      */
     "row-focused"
   ],
-  setup(t, o) {
-    const s = u("data-grid-row", m), e = l(null);
+  setup(e, o) {
+    const l = h("data-grid-row", c), i = d(null);
     return o.expose({
-      handleFocusout(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.handleFocusout(i);
+      handleFocusout(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.handleFocusout(t);
       },
-      handleCellFocus(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.handleCellFocus(i);
+      handleCellFocus(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.handleCellFocus(t);
       },
-      handleKeydown(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.handleKeydown(i);
+      handleKeydown(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.handleKeydown(t);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -2412,17 +2388,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          "row-focused": (t) => this.$emit("row-focused", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          "row-focused": (e) => this.$emit("row-focused", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -2431,13 +2407,13 @@ const bt = h({
         ...this.gridTemplateColumns !== void 0 ? { "grid-template-columns": this.gridTemplateColumns } : {},
         ...this.rowType !== void 0 ? { "row-type": this.rowType } : {},
         ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onRowFocused: (t) => this.$emit("row-focused", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onRowFocused: (e) => this.$emit("row-focused", e)
       },
       [
         // @ts-ignore
@@ -2445,7 +2421,7 @@ const bt = h({
       ]
     );
   }
-}), Dt = h({
+}), qe = u({
   name: "VDataGridCell",
   props: {
     /**
@@ -2509,29 +2485,29 @@ const bt = h({
      */
     "cell-focused"
   ],
-  setup(t, o) {
-    const s = u("data-grid-cell", m), e = l(null);
+  setup(e, o) {
+    const l = h("data-grid-cell", c), i = d(null);
     return o.expose({
-      handleKeydown(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.handleKeydown(i);
+      handleKeydown(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.handleKeydown(t);
       },
-      ariaSelectedChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.ariaSelectedChanged(i, r);
+      ariaSelectedChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.ariaSelectedChanged(t, n);
       },
-      handleFocusin(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.handleFocusin(i);
+      handleFocusin(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.handleFocusin(t);
       },
-      handleFocusout(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.handleFocusout(i);
+      handleFocusout(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.handleFocusout(t);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -2545,17 +2521,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          "cell-focused": (t) => this.$emit("cell-focused", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          "cell-focused": (e) => this.$emit("cell-focused", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -2566,13 +2542,13 @@ const bt = h({
         ...this.gridColumn !== void 0 ? { "grid-column": this.gridColumn } : {},
         ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {},
         ...this.ariaSort !== void 0 ? { "aria-sort": this.ariaSort } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onCellFocused: (t) => this.$emit("cell-focused", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onCellFocused: (e) => this.$emit("cell-focused", e)
       },
       [
         // @ts-ignore
@@ -2580,7 +2556,7 @@ const bt = h({
       ]
     );
   }
-}), Pt = h({
+}), Pe = u({
   name: "VDialog",
   props: {
     /**
@@ -2598,10 +2574,7 @@ const bt = h({
      * undefined
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     iconPlacement: { type: String, default: void 0 },
     subtitle: { type: String, default: void 0 },
     headline: { type: String, default: void 0 },
@@ -2647,29 +2620,29 @@ const bt = h({
      */
     "close"
   ],
-  setup(t, o) {
-    const s = u("dialog", F), e = l(null);
+  setup(e, o) {
+    const l = h("dialog", K), i = d(null);
     return o.expose({
-      openChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.openChanged(i, r);
+      openChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
       },
       close() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.close();
+        var t;
+        return (t = i.value) == null ? void 0 : t.close();
       },
       show() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.show();
+        var t;
+        return (t = i.value) == null ? void 0 : t.show();
       },
       showModal() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.showModal();
+        var t;
+        return (t = i.value) == null ? void 0 : t.showModal();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -2687,13 +2660,13 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          close: (t) => this.$emit("close", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          close: (e) => this.$emit("close", e)
         }
       },
       [
@@ -2708,7 +2681,7 @@ const bt = h({
         // @slot action-items Use the action-items slot in order to add action buttons to the bottom of the dialog.
         a("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -2723,13 +2696,13 @@ const bt = h({
         ...this.ariaLabelledby !== void 0 ? { "aria-labelledby": this.ariaLabelledby } : {},
         ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
         ...this.ariaDescribedby !== void 0 ? { "aria-describedby": this.ariaDescribedby } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onClose: (t) => this.$emit("close", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onClose: (e) => this.$emit("close", e)
       },
       [
         // @slot graphic Use the graphic slot in order to replace the icon.
@@ -2745,7 +2718,7 @@ const bt = h({
       ]
     );
   }
-}), Lt = h({
+}), Oe = u({
   name: "VDivider",
   props: {
     /**
@@ -2796,12 +2769,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("divider", z), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("divider", M), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -2812,16 +2785,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -2829,17 +2802,17 @@ const bt = h({
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.role !== void 0 ? { role: this.role } : {},
         ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), At = h({
+}), Ae = u({
   name: "VEmptyState",
   props: {
     /**
@@ -2857,10 +2830,7 @@ const bt = h({
      * Icon for the empty state.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    }
+    icon: { type: String, default: void 0 }
   },
   emits: [
     /**
@@ -2894,12 +2864,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("empty-state", q), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("empty-state", F), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -2910,12 +2880,12 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
@@ -2925,7 +2895,7 @@ const bt = h({
         // @slot action-items Slot to add action items to the empty state
         a("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -2933,12 +2903,12 @@ const bt = h({
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.headline !== void 0 ? { headline: this.headline } : {},
         ...this.icon !== void 0 ? { icon: this.icon } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -2950,17 +2920,14 @@ const bt = h({
       ]
     );
   }
-}), Mt = h({
+}), Re = u({
   name: "VFab",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the icon affix alignment.
      */
@@ -3074,20 +3041,20 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("fab", D), e = l(null);
+  setup(e, o) {
+    const l = h("fab", D), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
        */
       validate() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.validate();
+        var t;
+        return (t = i.value) == null ? void 0 : t.validate();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -3114,16 +3081,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -3147,17 +3114,17 @@ const bt = h({
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         ...this.size !== void 0 ? { size: this.size } : {},
         ...this.label !== void 0 ? { label: this.label } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), Ot = h({
+}), Ue = u({
   name: "VHeader",
   props: {
     /**
@@ -3208,12 +3175,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("header", P), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("header", q), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -3224,12 +3191,12 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
@@ -3239,7 +3206,7 @@ const bt = h({
         // @slot app-content Content vertically aligned with header.
         a("app-content", this.$slots["app-content"])
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -3247,12 +3214,12 @@ const bt = h({
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.elevationShadow !== void 0 ? { "elevation-shadow": this.elevationShadow } : {},
         ...this.alternate !== void 0 ? { alternate: this.alternate } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -3264,7 +3231,7 @@ const bt = h({
       ]
     );
   }
-}), Gt = h({
+}), je = u({
   name: "VIcon",
   props: {
     /**
@@ -3286,10 +3253,7 @@ const bt = h({
      * Indicates which icon to resolve.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    name: {
-      type: String,
-      default: void 0
-    }
+    name: { type: String, default: void 0 }
   },
   emits: [
     /**
@@ -3323,17 +3287,17 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("icon", L), e = l(null);
+  setup(e, o) {
+    const l = h("icon", P), i = d(null);
     return o.expose({
       nameChanged() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.nameChanged();
+        var t;
+        return (t = i.value) == null ? void 0 : t.nameChanged();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -3345,16 +3309,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -3363,12 +3327,12 @@ const bt = h({
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         ...this.size !== void 0 ? { size: this.size } : {},
         ...this.name !== void 0 ? { name: this.name } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -3376,7 +3340,7 @@ const bt = h({
       ]
     );
   }
-}), Ht = h({
+}), Ge = u({
   name: "VLayout",
   props: {
     /**
@@ -3439,12 +3403,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("layout", A), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("layout", O), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -3458,16 +3422,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -3478,12 +3442,12 @@ const bt = h({
         ...this.columnSpacing !== void 0 ? { "column-spacing": this.columnSpacing } : {},
         ...this.rowSpacing !== void 0 ? { "row-spacing": this.rowSpacing } : {},
         ...this.autoSizing !== void 0 ? { "auto-sizing": this.autoSizing } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -3491,7 +3455,7 @@ const bt = h({
       ]
     );
   }
-}), Et = h({
+}), He = u({
   name: "VMenu",
   props: {
     /**
@@ -3502,25 +3466,25 @@ const bt = h({
       default: void 0
     },
     /**
-     * indicates whether the menu is open
-     */
-    open: { type: Boolean, default: void 0 },
-    /**
-     * the placement of the menu
+     * placement of the menu
      */
     placement: {
       type: String,
       default: void 0
     },
     /**
-     * ID reference to element in the menu's owner document.
+     * id or direct reference to the menu's anchor element
      */
     anchor: { type: [Object, String], default: void 0 },
     /**
      * indicates whether the menu will automatically close when
      * the user clicks outside the menu
      */
-    autoDismiss: { type: Boolean, default: void 0 }
+    autoDismiss: { type: Boolean, default: void 0 },
+    /**
+     * indicates whether the menu is open
+     */
+    open: { type: Boolean, default: void 0 }
   },
   emits: [
     /**
@@ -3552,84 +3516,112 @@ const bt = h({
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
-    "input"
+    "input",
+    /**
+     * Fired when the menu is opened
+     * @type {unknown}
+     */
+    "open",
+    /**
+     * Fired when the menu is closed
+     * @type {unknown}
+     */
+    "close"
   ],
-  setup(t, o) {
-    const s = u("menu", M), e = l(null);
+  setup(e, o) {
+    const l = h("menu", A), i = d(null);
     return o.expose({
       /**
        * Focuses the first item in the menu.
        */
       focus() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.focus();
+        var t;
+        return (t = i.value) == null ? void 0 : t.focus();
       },
       /**
        * Collapses any expanded menu items.
        */
       collapseExpandedItem() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.collapseExpandedItem();
+        var t;
+        return (t = i.value) == null ? void 0 : t.collapseExpandedItem();
+      },
+      anchorChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.anchorChanged(t, n);
       },
-      anchorChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.anchorChanged(i, r);
+      autoDismissChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.autoDismissChanged(t, n);
       },
-      autoDismissChanged() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.autoDismissChanged();
+      openChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
         attrs: {
           ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
-          ...this.open !== void 0 ? { open: this.open } : {},
           ...this.placement !== void 0 ? { placement: this.placement } : {},
-          ...this.autoDismiss !== void 0 ? { "auto-dismiss": this.autoDismiss } : {}
+          ...this.autoDismiss !== void 0 ? { "auto-dismiss": this.autoDismiss } : {},
+          ...this.open !== void 0 ? { open: this.open } : {}
         },
         class: "vvd-root",
         domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          open: (e) => this.$emit("open", e),
+          close: (e) => this.$emit("close", e)
         }
       },
-      [this.$slots.default]
-    ) : n(
+      [
+        this.$slots.default,
+        // @slot header Used to add additional content to the top of the menu.
+        a("header", this.$slots.header),
+        // @slot action-items Used to add action items to the bottom of the menu.
+        a("action-items", this.$slots["action-items"])
+      ]
+    ) : s(
       this.componentName,
       {
         ref: "element",
         class: "vvd-root",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
-        ...this.open !== void 0 ? { open: this.open } : {},
         ...this.placement !== void 0 ? { placement: this.placement } : {},
         ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
         ...this.autoDismiss !== void 0 ? { "auto-dismiss": this.autoDismiss } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        ...this.open !== void 0 ? { open: this.open } : {},
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onOpen: (e) => this.$emit("open", e),
+        onClose: (e) => this.$emit("close", e)
       },
       [
         // @ts-ignore
-        this.$slots.default && this.$slots.default()
+        this.$slots.default && this.$slots.default(),
+        // @slot header Used to add additional content to the top of the menu.
+        a("header", this.$slots.header),
+        // @slot action-items Used to add action items to the bottom of the menu.
+        a("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), Rt = h({
+}), Ee = u({
   name: "VMenuItem",
-  model: d ? {
+  model: r ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -3638,10 +3630,7 @@ const bt = h({
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -3716,12 +3705,12 @@ const bt = h({
      */
     "update:modelValue"
   ],
-  setup(t, o) {
-    const s = u("menu-item", O), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("menu-item", R), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -3737,18 +3726,21 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          "expanded-change": (t) => this.$emit("expanded-change", t),
-          change: (t) => this.$emit("update:modelValue", t.target.checked)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          "expanded-change": (e) => this.$emit("expanded-change", e),
+          change: (e) => this.$emit("update:modelValue", e.target.checked)
         }
       },
-      []
-    ) : n(
+      [
+        // @slot meta Assign nodes to the `meta` slot to set a badge or an additional icon.
+        a("meta", this.$slots.meta)
+      ]
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -3761,19 +3753,22 @@ const bt = h({
         ...this.modelValue !== void 0 ? { checked: this.modelValue } : {},
         ...this.text !== void 0 ? { text: this.text } : {},
         ...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onExpandedChange: (t) => this.$emit("expanded-change", t),
-        onChange: (t) => this.$emit("update:modelValue", t.target.checked)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onExpandedChange: (e) => this.$emit("expanded-change", e),
+        onChange: (e) => this.$emit("update:modelValue", e.target.checked)
       },
-      []
+      [
+        // @slot meta Assign nodes to the `meta` slot to set a badge or an additional icon.
+        a("meta", this.$slots.meta)
+      ]
     );
   }
-}), Wt = h({
+}), We = u({
   name: "VNav",
   props: {
     /**
@@ -3816,39 +3811,39 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("nav", G), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("nav", U), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
         attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
         class: "vvd-root",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -3856,17 +3851,14 @@ const bt = h({
       ]
     );
   }
-}), jt = h({
+}), _e = u({
   name: "VNavDisclosure",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -3917,12 +3909,12 @@ const bt = h({
      */
     "toggle"
   ],
-  setup(t, o) {
-    const s = u("nav-disclosure", H), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("nav-disclosure", j), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -3934,13 +3926,13 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          toggle: (t) => this.$emit("toggle", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          toggle: (e) => this.$emit("toggle", e)
         }
       },
       [
@@ -3948,7 +3940,7 @@ const bt = h({
         // @slot meta A slot to add additional content to the nav disclosure.
         a("meta", this.$slots.meta)
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -3957,13 +3949,13 @@ const bt = h({
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.label !== void 0 ? { label: this.label } : {},
         ...this.open !== void 0 ? { open: this.open } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onToggle: (t) => this.$emit("toggle", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onToggle: (e) => this.$emit("toggle", e)
       },
       [
         // @ts-ignore
@@ -3973,17 +3965,14 @@ const bt = h({
       ]
     );
   }
-}), Ut = h({
+}), Je = u({
   name: "VNavItem",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -4060,17 +4049,17 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("nav-item", E), e = l(null);
+  setup(e, o) {
+    const l = h("nav-item", G), i = d(null);
     return o.expose({
       getBodyTemplate() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.getBodyTemplate();
+        var t;
+        return (t = i.value) == null ? void 0 : t.getBodyTemplate();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -4089,19 +4078,19 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
         // @slot meta A slot to add additional content to the nav item.
         a("meta", this.$slots.meta)
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -4117,12 +4106,12 @@ const bt = h({
         ...this.target !== void 0 ? { target: this.target } : {},
         ...this.type !== void 0 ? { type: this.type } : {},
         ...this.text !== void 0 ? { text: this.text } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @slot meta A slot to add additional content to the nav item.
@@ -4130,17 +4119,14 @@ const bt = h({
       ]
     );
   }
-}), Jt = h({
+}), Ze = u({
   name: "VNote",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -4189,12 +4175,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("note", R), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("note", H), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -4206,16 +4192,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -4224,12 +4210,12 @@ const bt = h({
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.headline !== void 0 ? { headline: this.headline } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -4237,9 +4223,9 @@ const bt = h({
       ]
     );
   }
-}), Qt = h({
+}), Xe = u({
   name: "VNumberField",
-  model: d ? {
+  model: r ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -4264,10 +4250,7 @@ const bt = h({
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -4385,41 +4368,41 @@ const bt = h({
      */
     "change"
   ],
-  setup(t, o) {
-    const s = u("number-field", W), e = l(null);
+  setup(e, o) {
+    const l = h("number-field", E), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
        */
       validate() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.validate();
+        var t;
+        return (t = i.value) == null ? void 0 : t.validate();
       },
       /**
        * Increments the value using the step value
        */
       stepUp() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.stepUp();
+        var t;
+        return (t = i.value) == null ? void 0 : t.stepUp();
       },
       /**
        * Decrements the value using the step value
        */
       stepDown() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.stepDown();
+        var t;
+        return (t = i.value) == null ? void 0 : t.stepDown();
       },
       /**
        * Selects all the text in the number field
        */
       select() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.select();
+        var t;
+        return (t = i.value) == null ? void 0 : t.select();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -4452,17 +4435,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("update:modelValue", t.target.value),
-          change: (t) => this.$emit("change", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("update:modelValue", e.target.value),
+          change: (e) => this.$emit("change", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -4492,28 +4475,25 @@ const bt = h({
         ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
         ...this.shape !== void 0 ? { shape: this.shape } : {},
         ...this.autoComplete !== void 0 ? { autoComplete: this.autoComplete } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("update:modelValue", t.target.value),
-        onChange: (t) => this.$emit("change", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("update:modelValue", e.target.value),
+        onChange: (e) => this.$emit("change", e)
       },
       []
     );
   }
-}), Xt = h({
+}), Qe = u({
   name: "VOption",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the icon affix alignment.
      */
@@ -4573,24 +4553,24 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("option", j), e = l(null);
+  setup(e, o) {
+    const l = h("option", W), i = d(null);
     return o.expose({
       /**
        * Updates the ariaChecked property when the checked property changes.
        */
-      checkedChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.checkedChanged(i, r);
+      checkedChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.checkedChanged(t, n);
       },
-      initialValueChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.initialValueChanged(i, r);
+      initialValueChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.initialValueChanged(t, n);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -4606,19 +4586,19 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
         // @slot icon Slot to add an icon to the option.
         a("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -4631,12 +4611,12 @@ const bt = h({
         ...this.value !== void 0 ? { value: this.value } : {},
         ...this.text !== void 0 ? { text: this.text } : {},
         ...this.label !== void 0 ? { label: this.label } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @slot icon Slot to add an icon to the option.
@@ -4644,7 +4624,7 @@ const bt = h({
       ]
     );
   }
-}), Yt = h({
+}), Ye = u({
   name: "VPagination",
   props: {
     /**
@@ -4691,25 +4671,25 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("pagination", U), e = l(null);
+  setup(e, o) {
+    const l = h("pagination", _), i = d(null);
     return o.expose({
-      totalChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.totalChanged(i, r);
+      totalChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.totalChanged(t, n);
       },
-      selectedIndexChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.selectedIndexChanged(i, r);
+      selectedIndexChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.selectedIndexChanged(t, n);
       },
-      paginationButtonsChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.paginationButtonsChanged(i, r);
+      paginationButtonsChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.paginationButtonsChanged(t, n);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -4722,16 +4702,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -4741,17 +4721,17 @@ const bt = h({
         ...this.navIcons !== void 0 ? { "nav-icons": this.navIcons } : {},
         ...this.total !== void 0 ? { total: this.total } : {},
         ...this.selectedIndex !== void 0 ? { "selected-index": this.selectedIndex } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), Zt = h({
+}), Ie = u({
   name: "VProgress",
   props: {
     /**
@@ -4813,12 +4793,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("progress", J), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("progress", J), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -4834,16 +4814,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -4856,17 +4836,17 @@ const bt = h({
         ...this.shape !== void 0 ? { shape: this.shape } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         ...this.reverse !== void 0 ? { reverse: this.reverse } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), _t = h({
+}), ei = u({
   name: "VProgressRing",
   props: {
     /**
@@ -4927,12 +4907,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("progress-ring", Q), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("progress-ring", Z), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -4947,16 +4927,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -4968,17 +4948,17 @@ const bt = h({
         ...this.paused !== void 0 ? { paused: this.paused } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         ...this.size !== void 0 ? { size: this.size } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), te = h({
+}), ii = u({
   name: "VRadio",
   props: {
     /**
@@ -5075,12 +5055,12 @@ const bt = h({
      */
     "change"
   ],
-  setup(t, o) {
-    const s = u("radio", X), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("radio", X), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -5099,17 +5079,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          change: (t) => this.$emit("change", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          change: (e) => this.$emit("change", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -5125,20 +5105,20 @@ const bt = h({
         ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
         ...this.label !== void 0 ? { label: this.label } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onChange: (t) => this.$emit("change", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onChange: (e) => this.$emit("change", e)
       },
       []
     );
   }
-}), ee = h({
+}), ti = u({
   name: "VRadioGroup",
-  model: d ? {
+  model: r ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -5216,12 +5196,12 @@ const bt = h({
      */
     "update:modelValue"
   ],
-  setup(t, o) {
-    const s = u("radio-group", Y), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("radio-group", Q), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -5236,17 +5216,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          change: (t) => this.$emit("update:modelValue", t.target.value)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          change: (e) => this.$emit("update:modelValue", e.target.value)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -5258,13 +5238,13 @@ const bt = h({
         ...this.modelValue !== void 0 ? { value: this.modelValue } : {},
         ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
         ...this.label !== void 0 ? { label: this.label } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onChange: (t) => this.$emit("update:modelValue", t.target.value)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onChange: (e) => this.$emit("update:modelValue", e.target.value)
       },
       [
         // @ts-ignore
@@ -5272,9 +5252,9 @@ const bt = h({
       ]
     );
   }
-}), ie = h({
+}), oi = u({
   name: "VSelect",
-  model: d ? {
+  model: r ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -5299,10 +5279,7 @@ const bt = h({
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the icon affix alignment.
      */
@@ -5392,41 +5369,41 @@ const bt = h({
      */
     "change"
   ],
-  setup(t, o) {
-    const s = u("select", Z), e = l(null);
+  setup(e, o) {
+    const l = h("select", Y), i = d(null);
     return o.expose({
       /**
        * Calculate and apply listbox positioning based on available viewport space.
        */
       setPositioning() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.setPositioning();
+        var t;
+        return (t = i.value) == null ? void 0 : t.setPositioning();
       },
       /**
        * Sets the multiple property on the proxy element.
        */
-      multipleChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.multipleChanged(i, r);
+      multipleChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.multipleChanged(t, n);
       },
       /**
        * Sets an option as selected and gives it focus.
        */
       setSelectedOptions() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.setSelectedOptions();
+        var t;
+        return (t = i.value) == null ? void 0 : t.setSelectedOptions();
       },
       /**
        * Moves focus to the first selectable option.
        */
       selectFirstOption() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.selectFirstOption();
+        var t;
+        return (t = i.value) == null ? void 0 : t.selectFirstOption();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -5452,13 +5429,13 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("update:modelValue", t.target.value),
-          change: (t) => this.$emit("change", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("update:modelValue", e.target.value),
+          change: (e) => this.$emit("change", e)
         }
       },
       [
@@ -5468,7 +5445,7 @@ const bt = h({
         // @slot meta Slot to add meta content to the select control.
         a("meta", this.$slots.meta)
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -5491,13 +5468,13 @@ const bt = h({
         ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
         ...this.shape !== void 0 ? { shape: this.shape } : {},
         ...this.fixedDropdown !== void 0 ? { "fixed-dropdown": this.fixedDropdown } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("update:modelValue", t.target.value),
-        onChange: (t) => this.$emit("change", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("update:modelValue", e.target.value),
+        onChange: (e) => this.$emit("change", e)
       },
       [
         // @ts-ignore
@@ -5509,7 +5486,7 @@ const bt = h({
       ]
     );
   }
-}), oe = h({
+}), li = u({
   name: "VSideDrawer",
   props: {
     /**
@@ -5568,12 +5545,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("side-drawer", _), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("side-drawer", I), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -5586,12 +5563,12 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
@@ -5599,7 +5576,7 @@ const bt = h({
         // @slot app-content Sets assigned nodes to the main application content, the side drawer is opened next to.
         a("app-content", this.$slots["app-content"])
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -5609,12 +5586,12 @@ const bt = h({
         ...this.modal !== void 0 ? { modal: this.modal } : {},
         ...this.open !== void 0 ? { open: this.open } : {},
         ...this.trailing !== void 0 ? { trailing: this.trailing } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -5624,9 +5601,9 @@ const bt = h({
       ]
     );
   }
-}), se = h({
+}), si = u({
   name: "VSlider",
-  model: d ? {
+  model: r ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -5729,34 +5706,34 @@ const bt = h({
      */
     "update:modelValue"
   ],
-  setup(t, o) {
-    const s = u("slider", tt), e = l(null);
+  setup(e, o) {
+    const l = h("slider", ee), i = d(null);
     return o.expose({
       /**
        * Increment the value by the step
        */
       increment() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.increment();
+        var t;
+        return (t = i.value) == null ? void 0 : t.increment();
       },
       /**
        * Decrement the value by the step
        */
       decrement() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.decrement();
+        var t;
+        return (t = i.value) == null ? void 0 : t.decrement();
       },
       /**
        * Places the thumb based on the current value
        */
-      setThumbPositionForOrientation(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.setThumbPositionForOrientation(i);
+      setThumbPositionForOrientation(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.setThumbPositionForOrientation(t);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -5777,17 +5754,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          change: (t) => this.$emit("update:modelValue", t.target.value)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          change: (e) => this.$emit("update:modelValue", e.target.value)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -5805,18 +5782,18 @@ const bt = h({
         ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
         ...this.mode !== void 0 ? { mode: this.mode } : {},
         ...this.markers !== void 0 ? { markers: this.markers } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onChange: (t) => this.$emit("update:modelValue", t.target.value)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onChange: (e) => this.$emit("update:modelValue", e.target.value)
       },
       []
     );
   }
-}), ne = h({
+}), ai = u({
   name: "VSwitch",
   props: {
     /**
@@ -5864,12 +5841,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("switch", et), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("switch", ie), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -5880,16 +5857,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -5897,27 +5874,24 @@ const bt = h({
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.label !== void 0 ? { label: this.label } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), ae = h({
+}), ni = u({
   name: "VTab",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the icon affix alignment.
      */
@@ -5980,12 +5954,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("tab", it), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("tab", te), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -6002,16 +5976,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -6025,17 +5999,17 @@ const bt = h({
         ...this.label !== void 0 ? { label: this.label } : {},
         ...this.tabIndex !== void 0 ? { tabIndex: this.tabIndex } : {},
         ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), re = h({
+}), ri = u({
   name: "VTabs",
   props: {
     /**
@@ -6099,44 +6073,44 @@ const bt = h({
      */
     "change"
   ],
-  setup(t, o) {
-    const s = u("tabs", ot), e = l(null);
+  setup(e, o) {
+    const l = h("tabs", oe), i = d(null);
     return o.expose({
       /**
        * The adjust method for FASTTabs
        */
-      adjust(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.adjust(i);
+      adjust(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.adjust(t);
       },
       connotationChanged() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.connotationChanged();
+        var t;
+        return (t = i.value) == null ? void 0 : t.connotationChanged();
       },
       orientationChanged() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.orientationChanged();
+        var t;
+        return (t = i.value) == null ? void 0 : t.orientationChanged();
       },
-      activeidChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.activeidChanged(i, r);
+      activeidChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.activeidChanged(t, n);
       },
       tabsChanged() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.tabsChanged();
+        var t;
+        return (t = i.value) == null ? void 0 : t.tabsChanged();
       },
       tabpanelsChanged() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.tabpanelsChanged();
+        var t;
+        return (t = i.value) == null ? void 0 : t.tabpanelsChanged();
       },
       patchIndicatorStyleTransition() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.patchIndicatorStyleTransition();
+        var t;
+        return (t = i.value) == null ? void 0 : t.patchIndicatorStyleTransition();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -6149,17 +6123,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          change: (t) => this.$emit("change", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          change: (e) => this.$emit("change", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -6169,13 +6143,13 @@ const bt = h({
         ...this.activeid !== void 0 ? { activeid: this.activeid } : {},
         ...this.activeindicator !== void 0 ? { activeindicator: this.activeindicator } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onChange: (t) => this.$emit("change", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onChange: (e) => this.$emit("change", e)
       },
       [
         // @ts-ignore
@@ -6183,7 +6157,7 @@ const bt = h({
       ]
     );
   }
-}), de = h({
+}), di = u({
   name: "VTabPanel",
   props: {
     /**
@@ -6226,39 +6200,39 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("tab-panel", st), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("tab-panel", le), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
         attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
         class: "vvd-root",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -6266,9 +6240,9 @@ const bt = h({
       ]
     );
   }
-}), le = h({
+}), ui = u({
   name: "VTextArea",
-  model: d ? {
+  model: r ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -6310,46 +6284,46 @@ const bt = h({
      */
     "update:modelValue"
   ],
-  setup(t, o) {
-    const s = u("text-area", nt), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("text-area", se), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
         attrs: { ...this.modelValue !== void 0 ? { "current-value": this.modelValue } : {} },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("update:modelValue", t.target.value)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("update:modelValue", e.target.value)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
         class: "vvd-root",
         ...this.modelValue !== void 0 ? { "current-value": this.modelValue } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("update:modelValue", t.target.value)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("update:modelValue", e.target.value)
       },
       []
     );
   }
-}), he = h({
+}), hi = u({
   name: "VTextField",
-  model: d ? {
+  model: r ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -6378,10 +6352,7 @@ const bt = h({
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -6495,27 +6466,27 @@ const bt = h({
      */
     "change"
   ],
-  setup(t, o) {
-    const s = u("text-field", at), e = l(null);
+  setup(e, o) {
+    const l = h("text-field", ae), i = d(null);
     return o.expose({
       /**
        * Selects all the text in the text field
        */
       select() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.select();
+        var t;
+        return (t = i.value) == null ? void 0 : t.select();
       },
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
        */
       validate() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.validate();
+        var t;
+        return (t = i.value) == null ? void 0 : t.validate();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -6548,17 +6519,17 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("update:modelValue", t.target.value),
-          change: (t) => this.$emit("change", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("update:modelValue", e.target.value),
+          change: (e) => this.$emit("change", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -6588,18 +6559,18 @@ const bt = h({
         ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
         ...this.shape !== void 0 ? { shape: this.shape } : {},
         ...this.autoComplete !== void 0 ? { autoComplete: this.autoComplete } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("update:modelValue", t.target.value),
-        onChange: (t) => this.$emit("change", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("update:modelValue", e.target.value),
+        onChange: (e) => this.$emit("change", e)
       },
       []
     );
   }
-}), ue = h({
+}), pi = u({
   name: "VToggletip",
   props: {
     /**
@@ -6665,21 +6636,21 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("toggletip", rt), e = l(null);
+  setup(e, o) {
+    const l = h("toggletip", ne), i = d(null);
     return o.expose({
-      anchorChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.anchorChanged(i, r);
+      anchorChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.anchorChanged(t, n);
       },
-      openChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.openChanged(i, r);
+      openChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -6693,12 +6664,12 @@ const bt = h({
         class: "vvd-root",
         domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [
@@ -6706,7 +6677,7 @@ const bt = h({
         // @slot action-items The content to display in the toggletip action items.
         a("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -6717,12 +6688,12 @@ const bt = h({
         ...this.placement !== void 0 ? { placement: this.placement } : {},
         ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
         ...this.open !== void 0 ? { open: this.open } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -6732,7 +6703,7 @@ const bt = h({
       ]
     );
   }
-}), ce = h({
+}), mi = u({
   name: "VTooltip",
   props: {
     /**
@@ -6786,21 +6757,21 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("tooltip", dt), e = l(null);
+  setup(e, o) {
+    const l = h("tooltip", re), i = d(null);
     return o.expose({
-      anchorChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.anchorChanged(i, r);
+      anchorChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.anchorChanged(t, n);
       },
-      openChanged(i, r) {
-        var c;
-        return (c = e.value) == null ? void 0 : c.openChanged(i, r);
+      openChanged(t, n) {
+        var p;
+        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -6813,16 +6784,16 @@ const bt = h({
         class: "vvd-root",
         domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -6832,27 +6803,24 @@ const bt = h({
         ...this.placement !== void 0 ? { placement: this.placement } : {},
         ...this.open !== void 0 ? { open: this.open } : {},
         ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), pe = h({
+}), ci = u({
   name: "VTreeItem",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -6919,12 +6887,12 @@ const bt = h({
      */
     "selected-change"
   ],
-  setup(t, o) {
-    const s = u("tree-item", lt), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("tree-item", de), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -6938,21 +6906,21 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t),
-          "expanded-change": (t) => this.$emit("expanded-change", t),
-          "selected-change": (t) => this.$emit("selected-change", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          "expanded-change": (e) => this.$emit("expanded-change", e),
+          "selected-change": (e) => this.$emit("selected-change", e)
         }
       },
       [
         // @slot item To specify a child tree item.
         a("item", this.$slots.item)
       ]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -6963,14 +6931,14 @@ const bt = h({
         ...this.selected !== void 0 ? { selected: this.selected } : {},
         ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
         ...this.text !== void 0 ? { text: this.text } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t),
-        onExpandedChange: (t) => this.$emit("expanded-change", t),
-        onSelectedChange: (t) => this.$emit("selected-change", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onExpandedChange: (e) => this.$emit("expanded-change", e),
+        onSelectedChange: (e) => this.$emit("selected-change", e)
       },
       [
         // @slot item To specify a child tree item.
@@ -6978,7 +6946,7 @@ const bt = h({
       ]
     );
   }
-}), me = h({
+}), vi = u({
   name: "VTreeView",
   props: {
     /**
@@ -7026,12 +6994,12 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("tree-view", ht), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("tree-view", ue), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -7041,28 +7009,28 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
         class: "vvd-root",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.renderCollapsedNodes !== void 0 ? { "render-collapsed-nodes": this.renderCollapsedNodes } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -7070,17 +7038,14 @@ const bt = h({
       ]
     );
   }
-}), ve = h({
+}), fi = u({
   name: "VTag",
   props: {
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
-    icon: {
-      type: String,
-      default: void 0
-    },
+    icon: { type: String, default: void 0 },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -7153,25 +7118,25 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("tag", ut), e = l(null);
+  setup(e, o) {
+    const l = h("tag", he), i = d(null);
     return o.expose({
       remove() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.remove();
+        var t;
+        return (t = i.value) == null ? void 0 : t.remove();
       },
-      handleKeydown(i) {
-        var r;
-        return (r = e.value) == null ? void 0 : r.handleKeydown(i);
+      handleKeydown(t) {
+        var n;
+        return (n = i.value) == null ? void 0 : n.handleKeydown(t);
       },
       handleClick() {
-        var i;
-        return (i = e.value) == null ? void 0 : i.handleClick();
+        var t;
+        return (t = i.value) == null ? void 0 : t.handleClick();
       }
-    }), { componentName: s, element: e };
+    }), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
@@ -7189,16 +7154,16 @@ const bt = h({
         },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
@@ -7213,17 +7178,17 @@ const bt = h({
         ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
         ...this.selectable !== void 0 ? { selectable: this.selectable } : {},
         ...this.selected !== void 0 ? { selected: this.selected } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), ye = h({
+}), gi = u({
   name: "VTagGroup",
   props: {
     /**
@@ -7266,39 +7231,39 @@ const bt = h({
      */
     "input"
   ],
-  setup(t, o) {
-    const s = u("tag-group", ct), e = l(null);
-    return o.expose({}), { componentName: s, element: e };
+  setup(e, o) {
+    const l = h("tag-group", pe), i = d(null);
+    return o.expose({}), { componentName: l, element: i };
   },
   render() {
-    return d ? n(
+    return r ? s(
       this.componentName,
       {
         ref: "element",
         attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
         class: "vvd-root",
         on: {
-          click: (t) => this.$emit("click", t),
-          focus: (t) => this.$emit("focus", t),
-          blur: (t) => this.$emit("blur", t),
-          keydown: (t) => this.$emit("keydown", t),
-          keyup: (t) => this.$emit("keyup", t),
-          input: (t) => this.$emit("input", t)
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : s(
       this.componentName,
       {
         ref: "element",
         class: "vvd-root",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
-        onClick: (t) => this.$emit("click", t),
-        onFocus: (t) => this.$emit("focus", t),
-        onBlur: (t) => this.$emit("blur", t),
-        onKeydown: (t) => this.$emit("keydown", t),
-        onKeyup: (t) => this.$emit("keyup", t),
-        onInput: (t) => this.$emit("input", t)
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e)
       },
       [
         // @ts-ignore
@@ -7307,59 +7272,61 @@ const bt = h({
     );
   }
 });
+var ve = /* @__PURE__ */ ((e) => (e.accessibilityLine = "accessibility-line", e.accessibilitySolid = "accessibility-solid", e.activeCallLine = "active-call-line", e.activeCallSolid = "active-call-solid", e.addCallLine = "add-call-line", e.addCallSolid = "add-call-solid", e.addGroupLine = "add-group-line", e.addGroupSolid = "add-group-solid", e.addLine = "add-line", e.addSolid = "add-solid", e.addUserLine = "add-user-line", e.addUserSolid = "add-user-solid", e.addressBookLine = "address-book-line", e.addressBookSolid = "address-book-solid", e.ai2Line = "ai-2-line", e.ai2Solid = "ai-2-solid", e.ai3Line = "ai-3-line", e.ai3Solid = "ai-3-solid", e.aiLine = "ai-line", e.aiSolid = "ai-solid", e.alarmLine = "alarm-line", e.alarmSolid = "alarm-solid", e.alignCenterLine = "align-center-line", e.alignCenterSolid = "align-center-solid", e.alignLeftLine = "align-left-line", e.alignLeftSolid = "align-left-solid", e.alignRightLine = "align-right-line", e.alignRightSolid = "align-right-solid", e.ambulanceLine = "ambulance-line", e.ambulanceSolid = "ambulance-solid", e.androidColor = "android-color", e.androidMono = "android-mono", e.angularColor = "angular-color", e.angularMono = "angular-mono", e.appLine = "app-line", e.appPlusLine = "app-plus-line", e.appPlusSolid = "app-plus-solid", e.appSolid = "app-solid", e.appStoreLine = "app-store-line", e.appStoreSolid = "app-store-solid", e.appleColor = "apple-color", e.appleMono = "apple-mono", e.appsLine = "apps-line", e.appsSolid = "apps-solid", e.arrowBoldLeftLine = "arrow-bold-left-line", e.arrowBoldLeftSolid = "arrow-bold-left-solid", e.arrowBoldRightLine = "arrow-bold-right-line", e.arrowBoldRightSolid = "arrow-bold-right-solid", e.arrowDownLine = "arrow-down-line", e.arrowDownSolid = "arrow-down-solid", e.arrowInboundLine = "arrow-inbound-line", e.arrowInboundSolid = "arrow-inbound-solid", e.arrowLeftLine = "arrow-left-line", e.arrowLeftSolid = "arrow-left-solid", e.arrowOutboundLine = "arrow-outbound-line", e.arrowOutboundSolid = "arrow-outbound-solid", e.arrowRightLine = "arrow-right-line", e.arrowRightSolid = "arrow-right-solid", e.arrowUpLine = "arrow-up-line", e.arrowUpSolid = "arrow-up-solid", e.arrowWidthLargeLine = "arrow-width-large-line", e.arrowWidthLargeSolid = "arrow-width-large-solid", e.arrowWidthMediumLine = "arrow-width-medium-line", e.arrowWidthMediumSolid = "arrow-width-medium-solid", e.arrowWidthSmallLine = "arrow-width-small-line", e.arrowWidthSmallSolid = "arrow-width-small-solid", e.assignUserLine = "assign-user-line", e.assignUserSolid = "assign-user-solid", e.asteriskLine = "asterisk-line", e.asteriskSolid = "asterisk-solid", e.atomsLine = "atoms-line", e.atomsSolid = "atoms-solid", e.attachmentLine = "attachment-line", e.attachmentSolid = "attachment-solid", e.audioMaxLine = "audio-max-line", e.audioMaxSolid = "audio-max-solid", e.audioMidLine = "audio-mid-line", e.audioMidSolid = "audio-mid-solid", e.audioMinLine = "audio-min-line", e.audioMinSolid = "audio-min-solid", e.audioMuteLine = "audio-mute-line", e.audioMuteSolid = "audio-mute-solid", e.audioOff2Line = "audio-off-2-line", e.audioOff2Solid = "audio-off-2-solid", e.audioOffLine = "audio-off-line", e.audioOffSolid = "audio-off-solid", e.backspaceLine = "backspace-line", e.backspaceSolid = "backspace-solid", e.badgeLine = "badge-line", e.badgeSolid = "badge-solid", e.binocularsLine = "binoculars-line", e.binocularsSolid = "binoculars-solid", e.blockCallLine = "block-call-line", e.blockCallSolid = "block-call-solid", e.blockLine = "block-line", e.blockSolid = "block-solid", e.bloggerColor = "blogger-color", e.bloggerMono = "blogger-mono", e.blurLine = "blur-line", e.blurOffLine = "blur-off-line", e.blurOffSolid = "blur-off-solid", e.blurSolid = "blur-solid", e.boldLine = "bold-line", e.boldSolid = "bold-solid", e.bookmarkLine = "bookmark-line", e.bookmarkSolid = "bookmark-solid", e.booksLine = "books-line", e.booksSolid = "books-solid", e.botLine = "bot-line", e.botSolid = "bot-solid", e.bottomTabsLine = "bottom-tabs-line", e.bottomTabsSolid = "bottom-tabs-solid", e.bounceLine = "bounce-line", e.bounceSolid = "bounce-solid", e.brainLine = "brain-line", e.brainSolid = "brain-solid", e.bringToFrontLine = "bring-to-front-line", e.bringToFrontSolid = "bring-to-front-solid", e.broadcastLine = "broadcast-line", e.broadcastSolid = "broadcast-solid", e.bulletLine = "bullet-line", e.bulletList2Line = "bullet-list-2-line", e.bulletList2Solid = "bullet-list-2-solid", e.bulletListLine = "bullet-list-line", e.bulletListOffLine = "bullet-list-off-line", e.bulletListOffSolid = "bullet-list-off-solid", e.bulletListSolid = "bullet-list-solid", e.bulletSolid = "bullet-solid", e.bullhornColor = "bullhorn-color", e.bullhornMono = "bullhorn-mono", e.calculatorLine = "calculator-line", e.calculatorSolid = "calculator-solid", e.calendarCheckLine = "calendar-check-line", e.calendarCheckSolid = "calendar-check-solid", e.calendarClockLine = "calendar-clock-line", e.calendarClockSolid = "calendar-clock-solid", e.calendarLine = "calendar-line", e.calendarPlusLine = "calendar-plus-line", e.calendarPlusSolid = "calendar-plus-solid", e.calendarSolid = "calendar-solid", e.callLine = "call-line", e.callSolid = "call-solid", e.callStarLine = "call-star-line", e.callStarSolid = "call-star-solid", e.cameraLine = "camera-line", e.cameraSolid = "camera-solid", e.cameraSwitchLine = "camera-switch-line", e.cameraSwitchSolid = "camera-switch-solid", e.carLine = "car-line", e.carSolid = "car-solid", e.cartFullLine = "cart-full-line", e.cartFullSolid = "cart-full-solid", e.cartLine = "cart-line", e.cartSolid = "cart-solid", e.chainLine = "chain-line", e.chainSolid = "chain-solid", e.charityLine = "charity-line", e.charitySolid = "charity-solid", e.chartLine = "chart-line", e.chartSolid = "chart-solid", e.chat2Line = "chat-2-line", e.chat2Solid = "chat-2-solid", e.chatCallLine = "chat-call-line", e.chatCallSolid = "chat-call-solid", e.chatHideLine = "chat-hide-line", e.chatHideSolid = "chat-hide-solid", e.chatLine = "chat-line", e.chatSolid = "chat-solid", e.checkAllLine = "check-all-line", e.checkAllSolid = "check-all-solid", e.checkCallLine = "check-call-line", e.checkCallSolid = "check-call-solid", e.checkCircleLine = "check-circle-line", e.checkCircleSolid = "check-circle-solid", e.checkDoubleLine = "check-double-line", e.checkDoubleSolid = "check-double-solid", e.checkLine = "check-line", e.checkSentLine = "check-sent-line", e.checkSentSolid = "check-sent-solid", e.checkSolid = "check-solid", e.checkboxCheckedLine = "checkbox-checked-line", e.checkboxCheckedSolid = "checkbox-checked-solid", e.checkboxUncheckedLine = "checkbox-unchecked-line", e.checkboxUncheckedSolid = "checkbox-unchecked-solid", e.chevronCircleDownLine = "chevron-circle-down-line", e.chevronCircleDownSolid = "chevron-circle-down-solid", e.chevronDownLine = "chevron-down-line", e.chevronDownSolid = "chevron-down-solid", e.chevronLeftLine = "chevron-left-line", e.chevronLeftSolid = "chevron-left-solid", e.chevronRightLine = "chevron-right-line", e.chevronRightSolid = "chevron-right-solid", e.chevronUpLine = "chevron-up-line", e.chevronUpSolid = "chevron-up-solid", e.chimeColor = "chime-color", e.chimeMono = "chime-mono", e.circleLine = "circle-line", e.circleSolid = "circle-solid", e.clickToCallLine = "click-to-call-line", e.clickToCallSolid = "click-to-call-solid", e.clioColor = "clio-color", e.clioMono = "clio-mono", e.clipboardAddLine = "clipboard-add-line", e.clipboardAddSolid = "clipboard-add-solid", e.clipboardAssignLine = "clipboard-assign-line", e.clipboardAssignSolid = "clipboard-assign-solid", e.clockLine = "clock-line", e.clockOffLine = "clock-off-line", e.clockOffSolid = "clock-off-solid", e.clockSolid = "clock-solid", e.closeCircleLine = "close-circle-line", e.closeCircleSolid = "close-circle-solid", e.closeLine = "close-line", e.closeSmallLine = "close-small-line", e.closeSmallSolid = "close-small-solid", e.closeSolid = "close-solid", e.closedCaptioningLine = "closed-captioning-line", e.closedCaptioningSolid = "closed-captioning-solid", e.cloudDownload2Line = "cloud-download-2-line", e.cloudDownload2Solid = "cloud-download-2-solid", e.cloudLine = "cloud-line", e.cloudOfficePhoneLine = "cloud-office-phone-line", e.cloudOfficePhoneSolid = "cloud-office-phone-solid", e.cloudSolid = "cloud-solid", e.cloudUpload2Line = "cloud-upload-2-line", e.cloudUpload2Solid = "cloud-upload-2-solid", e.cloudUploadLine = "cloud-upload-line", e.cloudUploadSolid = "cloud-upload-solid", e.codeLine = "code-line", e.codeSnippetLine = "code-snippet-line", e.codeSnippetSolid = "code-snippet-solid", e.codeSolid = "code-solid", e.coffeeLine = "coffee-line", e.coffeeSolid = "coffee-solid", e.collapseLine = "collapse-line", e.collapseSolid = "collapse-solid", e.composeLine = "compose-line", e.composeSolid = "compose-solid", e.conditionLine = "condition-line", e.conditionSolid = "condition-solid", e.connectLine = "connect-line", e.connectSolid = "connect-solid", e.cooktailLine = "cooktail-line", e.cooktailSolid = "cooktail-solid", e.copy2Line = "copy-2-line", e.copy2Solid = "copy-2-solid", e.copyLine = "copy-line", e.copySolid = "copy-solid", e.creditCardLine = "credit-card-line", e.creditCardSolid = "credit-card-solid", e.cropLine = "crop-line", e.cropSolid = "crop-solid", e.curlColor = "curl-color", e.curlMono = "curl-mono", e.curlyBracketsLine = "curly-brackets-line", e.curlyBracketsSolid = "curly-brackets-solid", e.cursor2Line = "cursor-2-line", e.cursor2Solid = "cursor-2-solid", e.cursorLine = "cursor-line", e.cursorSolid = "cursor-solid", e.darkModeLine = "dark-mode-line", e.darkModeSolid = "dark-mode-solid", e.deleteLine = "delete-line", e.deleteSolid = "delete-solid", e.densityHighLine = "density-high-line", e.densityHighSolid = "density-high-solid", e.densityMediumLine = "density-medium-line", e.densityMediumSolid = "density-medium-solid", e.designToolsLine = "design-tools-line", e.designToolsSolid = "design-tools-solid", e.devicesLine = "devices-line", e.devicesSolid = "devices-solid", e.disableCallLine = "disable-call-line", e.disableCallSolid = "disable-call-solid", e.distortLine = "distort-line", e.distortSolid = "distort-solid", e.dividerLine = "divider-line", e.dividerSolid = "divider-solid", e.document2Line = "document-2-line", e.document2Solid = "document-2-solid", e.documentLine = "document-line", e.documentSolid = "document-solid", e.dollarLine = "dollar-line", e.dollarSolid = "dollar-solid", e.dotnetColor = "dotnet-color", e.dotnetMono = "dotnet-mono", e.doubleChevronLeftLine = "double-chevron-left-line", e.doubleChevronLeftSolid = "double-chevron-left-solid", e.doubleChevronRightLine = "double-chevron-right-line", e.doubleChevronRightSolid = "double-chevron-right-solid", e.downloadLine = "download-line", e.downloadSolid = "download-solid", e.drupalColor = "drupal-color", e.drupalMono = "drupal-mono", e.duplicateLine = "duplicate-line", e.duplicateSolid = "duplicate-solid", e.dynamics365Color = "dynamics-365-color", e.dynamics365Mono = "dynamics-365-mono", e.dynamicsMono = "dynamics-mono", e.dynamicsMonoColor = "dynamics-mono-color", e.echoLine = "echo-line", e.echoSolid = "echo-solid", e.editLine = "edit-line", e.editSolid = "edit-solid", e.editUserLine = "edit-user-line", e.editUserSolid = "edit-user-solid", e.emojiLine = "emoji-line", e.emojiSolid = "emoji-solid", e.endCallLine = "end-call-line", e.endCallSolid = "end-call-solid", e.enlargeScreen2Line = "enlarge-screen-2-line", e.enlargeScreen2Solid = "enlarge-screen-2-solid", e.enlargeScreenLine = "enlarge-screen-line", e.enlargeScreenSolid = "enlarge-screen-solid", e.enterLine = "enter-line", e.enterSolid = "enter-solid", e.envelopeLine = "envelope-line", e.envelopeSolid = "envelope-solid", e.eraserLine = "eraser-line", e.eraserSolid = "eraser-solid", e.errorLine = "error-line", e.errorSolid = "error-solid", e.errorStarLine = "error-star-line", e.errorStarSolid = "error-star-solid", e.exitLine = "exit-line", e.exitSolid = "exit-solid", e.expand2Line = "expand-2-line", e.expand2Solid = "expand-2-solid", e.expandLine = "expand-line", e.expandSolid = "expand-solid", e.exportLine = "export-line", e.exportSolid = "export-solid", e.expressColor = "express-color", e.expressMono = "express-mono", e.eyeHideLine = "eye-hide-line", e.eyeHideSolid = "eye-hide-solid", e.eyeLine = "eye-line", e.eyeSolid = "eye-solid", e.facebookColor = "facebook-color", e.facebookLine = "facebook-line", e.facebookMono = "facebook-mono", e.facebookSolid = "facebook-solid", e.fax2Line = "fax-2-line", e.fax2Solid = "fax-2-solid", e.faxAddLine = "fax-add-line", e.faxAddSolid = "fax-add-solid", e.faxFailedLine = "fax-failed-line", e.faxFailedSolid = "fax-failed-solid", e.faxInboundLine = "fax-inbound-line", e.faxInboundSolid = "fax-inbound-solid", e.faxLine = "fax-line", e.faxOutboundLine = "fax-outbound-line", e.faxOutboundSolid = "fax-outbound-solid", e.faxPendingLine = "fax-pending-line", e.faxPendingSolid = "fax-pending-solid", e.faxScheduledLine = "fax-scheduled-line", e.faxScheduledSolid = "fax-scheduled-solid", e.faxSolid = "fax-solid", e.feedbackLine = "feedback-line", e.feedbackSolid = "feedback-solid", e.file1Line = "file-1-line", e.file2Solid = "file-2-solid", e.fileAddLine = "file-add-line", e.fileAddSolid = "file-add-solid", e.fileAudioLine = "file-audio-line", e.fileAudioSolid = "file-audio-solid", e.fileCsvLine = "file-csv-line", e.fileCsvSolid = "file-csv-solid", e.fileDocLine = "file-doc-line", e.fileDocSolid = "file-doc-solid", e.fileDollarLine = "file-dollar-line", e.fileDollarSolid = "file-dollar-solid", e.fileEditLine = "file-edit-line", e.fileEditSolid = "file-edit-solid", e.fileGearLine = "file-gear-line", e.fileGearSolid = "file-gear-solid", e.fileGif2Line = "file-gif-2-line", e.fileGif2Solid = "file-gif-2-solid", e.fileGifLine = "file-gif-line", e.fileGifSolid = "file-gif-solid", e.fileJpgLine = "file-jpg-line", e.fileJpgSolid = "file-jpg-solid", e.fileLine = "file-line", e.fileParagraphLine = "file-paragraph-line", e.fileParagraphSolid = "file-paragraph-solid", e.filePdfLine = "file-pdf-line", e.filePdfSolid = "file-pdf-solid", e.filePlusLine = "file-plus-line", e.filePlusSolid = "file-plus-solid", e.filePngLine = "file-png-line", e.filePngSolid = "file-png-solid", e.filePptLine = "file-ppt-line", e.filePptSolid = "file-ppt-solid", e.fileSearchLine = "file-search-line", e.fileSearchSolid = "file-search-solid", e.fileSolid = "file-solid", e.fileVideo2Line = "file-video-2-line", e.fileVideo2Solid = "file-video-2-solid", e.fileVideoLine = "file-video-line", e.fileVideoSolid = "file-video-solid", e.fileXlsLine = "file-xls-line", e.fileXlsSolid = "file-xls-solid", e.fileZipLine = "file-zip-line", e.fileZipSolid = "file-zip-solid", e.filesLine = "files-line", e.filesSolid = "files-solid", e.filterLine = "filter-line", e.filterSolid = "filter-solid", e.flagAfghanistan = "flag-afghanistan", e.flagAlbania = "flag-albania", e.flagAlgeria = "flag-algeria", e.flagArgentina = "flag-argentina", e.flagArmenia = "flag-armenia", e.flagAruba = "flag-aruba", e.flagAustralia = "flag-australia", e.flagAustria = "flag-austria", e.flagBahamas = "flag-bahamas", e.flagBahrain = "flag-bahrain", e.flagBelarus = "flag-belarus", e.flagBelgium = "flag-belgium", e.flagBenin = "flag-benin", e.flagBolivia = "flag-bolivia", e.flagBotswana = "flag-botswana", e.flagBrazil = "flag-brazil", e.flagBulgaria = "flag-bulgaria", e.flagBurkinaFaso = "flag-burkina-faso", e.flagCambodia = "flag-cambodia", e.flagCanada = "flag-canada", e.flagCaymanIslands = "flag-cayman-islands", e.flagCentralAfricanRepublic = "flag-central-african-republic", e.flagChad = "flag-chad", e.flagChile = "flag-chile", e.flagChina = "flag-china", e.flagColombia = "flag-colombia", e.flagCostaRica = "flag-costa-rica", e.flagCroatia = "flag-croatia", e.flagCyprus = "flag-cyprus", e.flagDenmark = "flag-denmark", e.flagDominicanRepublic = "flag-dominican-republic", e.flagEgypt = "flag-egypt", e.flagElSalvador = "flag-el-salvador", e.flagEstonia = "flag-estonia", e.flagEuropeanUnion = "flag-european-union", e.flagFinland = "flag-finland", e.flagFrance = "flag-france", e.flagGeorgia = "flag-georgia", e.flagGermany = "flag-germany", e.flagGhana = "flag-ghana", e.flagGrenada = "flag-grenada", e.flagGuatemala = "flag-guatemala", e.flagHonduras = "flag-honduras", e.flagHongKong = "flag-hong-kong", e.flagHungary = "flag-hungary", e.flagIceland = "flag-iceland", e.flagIndia = "flag-india", e.flagIndonesia = "flag-indonesia", e.flagIreland = "flag-ireland", e.flagIsrael = "flag-israel", e.flagItaly = "flag-italy", e.flagJamaica = "flag-jamaica", e.flagJapan = "flag-japan", e.flagLatvia = "flag-latvia", e.flagLiechtenstein = "flag-liechtenstein", e.flagLithuania = "flag-lithuania", e.flagLuxembourg = "flag-luxembourg", e.flagMacao = "flag-macao", e.flagMalaysia = "flag-malaysia", e.flagMalta = "flag-malta", e.flagMauritius = "flag-mauritius", e.flagMexico = "flag-mexico", e.flagMoldova = "flag-moldova", e.flagNetherlands = "flag-netherlands", e.flagNewZealand = "flag-new-zealand", e.flagNigeria = "flag-nigeria", e.flagNorway = "flag-norway", e.flagPakistan = "flag-pakistan", e.flagPanama = "flag-panama", e.flagPeru = "flag-peru", e.flagPhilippines = "flag-philippines", e.flagPoland = "flag-poland", e.flagPortugal = "flag-portugal", e.flagPuertorico = "flag-puertorico", e.flagRomania = "flag-romania", e.flagRussia = "flag-russia", e.flagRwanda = "flag-rwanda", e.flagSaudiArabia = "flag-saudi-arabia", e.flagSerbia = "flag-serbia", e.flagSingapore = "flag-singapore", e.flagSlovakia = "flag-slovakia", e.flagSlovenia = "flag-slovenia", e.flagSouthAfrica = "flag-south-africa", e.flagSouthKorea = "flag-south-korea", e.flagSpain = "flag-spain", e.flagSriLanka = "flag-sri-lanka", e.flagSweden = "flag-sweden", e.flagSwitzerland = "flag-switzerland", e.flagTaiwan = "flag-taiwan", e.flagTajikistan = "flag-tajikistan", e.flagTanzania = "flag-tanzania", e.flagThailand = "flag-thailand", e.flagTrinidadAndTobago = "flag-trinidad-and-tobago", e.flagTurkey = "flag-turkey", e.flagUkraine = "flag-ukraine", e.flagUnitedArabEmirates = "flag-united-arab-emirates", e.flagUnitedKingdom = "flag-united-kingdom", e.flagUnitedStates = "flag-united-states", e.flagUruguay = "flag-uruguay", e.flagUzbekistan = "flag-uzbekistan", e.flagVenezuela = "flag-venezuela", e.flagVietnam = "flag-vietnam", e.flagZambia = "flag-zambia", e.flash2Line = "flash-2-line", e.flash2Solid = "flash-2-solid", e.flashLine = "flash-line", e.flashSolid = "flash-solid", e.flipHorizontalLine = "flip-horizontal-line", e.flipHorizontalSolid = "flip-horizontal-solid", e.flipLine = "flip-line", e.flipSolid = "flip-solid", e.flipVerticalLine = "flip-vertical-line", e.flipVerticalSolid = "flip-vertical-solid", e.flow2Line = "flow-2-line", e.flow2Solid = "flow-2-solid", e.flowLine = "flow-line", e.flowPermissionLine = "flow-permission-line", e.flowPermissionSolid = "flow-permission-solid", e.flowSolid = "flow-solid", e.forwardCallLine = "forward-call-line", e.forwardCallSolid = "forward-call-solid", e.fullScreenLine = "full-screen-line", e.fullScreenSolid = "full-screen-solid", e.fullscreenOffLine = "fullscreen-off-line", e.fullscreenOffSolid = "fullscreen-off-solid", e.galleryLine = "gallery-line", e.gallerySolid = "gallery-solid", e.gearLine = "gear-line", e.gearSolid = "gear-solid", e.githubColor = "github-color", e.githubMono = "github-mono", e.globeLine = "globe-line", e.globeSolid = "globe-solid", e.googleColor = "google-color", e.googleMono = "google-mono", e.gradleColor = "gradle-color", e.gradleMono = "gradle-mono", e.gridTwoLine = "grid-two-line", e.gridTwoSolid = "grid-two-solid", e.groovyColor = "groovy-color", e.groovyMono = "groovy-mono", e.group2Line = "group-2-line", e.group2Solid = "group-2-solid", e.group3Line = "group-3-line", e.group3Solid = "group-3-solid", e.group4Line = "group-4-line", e.group4Solid = "group-4-solid", e.group5Line = "group-5-line", e.group5Solid = "group-5-solid", e.group6Line = "group-6-line", e.group6Solid = "group-6-solid", e.group7Line = "group-7-line", e.group7Solid = "group-7-solid", e.group8Line = "group-8-line", e.group8Solid = "group-8-solid", e.group9Line = "group-9-line", e.group9Solid = "group-9-solid", e.groupLine = "group-line", e.groupPermission2Line = "group-permission-2-line", e.groupPermission2Solid = "group-permission-2-solid", e.groupPermissionLine = "group-permission-line", e.groupPermissionSolid = "group-permission-solid", e.groupSolid = "group-solid", e.handLine = "hand-line", e.handOffLine = "hand-off-line", e.handOffSolid = "hand-off-solid", e.handShakeLine = "hand-shake-line", e.handShakeSolid = "hand-shake-solid", e.handSolid = "hand-solid", e.happyLine = "happy-line", e.happySolid = "happy-solid", e.hashLine = "hash-line", e.hashSolid = "hash-solid", e.headset2Line = "headset-2-line", e.headset2Solid = "headset-2-solid", e.headsetLine = "headset-line", e.headsetSolid = "headset-solid", e.hearingLine = "hearing-line", e.hearingMaxLine = "hearing-max-line", e.hearingMaxSolid = "hearing-max-solid", e.hearingSolid = "hearing-solid", e.heartLine = "heart-line", e.heartSolid = "heart-solid", e.helpLine = "help-line", e.helpSolid = "help-solid", e.highlightLine = "highlight-line", e.highlightSolid = "highlight-solid", e.historyLine = "history-line", e.historySolid = "history-solid", e.homeLine = "home-line", e.homeSolid = "home-solid", e.homeUserLine = "home-user-line", e.homeUserSolid = "home-user-solid", e.hospitalLine = "hospital-line", e.hospitalSolid = "hospital-solid", e.hotelingLine = "hoteling-line", e.hotelingSolid = "hoteling-solid", e.hubspotColor = "hubspot-color", e.hubspotMono = "hubspot-mono", e.idLine = "id-line", e.idSolid = "id-solid", e.imageLine = "image-line", e.imageSolid = "image-solid", e.importLine = "import-line", e.importSolid = "import-solid", e.inboundCallLine = "inbound-call-line", e.inboundCallSolid = "inbound-call-solid", e.inbox2Line = "inbox-2-line", e.inbox2Solid = "inbox-2-solid", e.inbox3Line = "inbox-3-line", e.inbox3Solid = "inbox-3-solid", e.inboxLine = "inbox-line", e.inboxSolid = "inbox-solid", e.increaseLine = "increase-line", e.increaseSolid = "increase-solid", e.infinityLine = "infinity-line", e.infinitySolid = "infinity-solid", e.infoLine = "info-line", e.infoSolid = "info-solid", e.instagramColor = "instagram-color", e.instagramMono = "instagram-mono", e.interactiveMessageLine = "interactive-message-line", e.interactiveMessageSolid = "interactive-message-solid", e.iosColor = "ios-color", e.iosMono = "ios-mono", e.italicLine = "italic-line", e.italicSolid = "italic-solid", e.javaColor = "java-color", e.javaMono = "java-mono", e.javascriptColor = "javascript-color", e.javascriptMono = "javascript-mono", e.jobdivaColor = "jobdiva-color", e.jobdivaMono = "jobdiva-mono", e.keyLine = "key-line", e.keySolid = "key-solid", e.keypad2Line = "keypad-2-line", e.keypad2Solid = "keypad-2-solid", e.keypadLine = "keypad-line", e.keypadSolid = "keypad-solid", e.kotlinColor = "kotlin-color", e.kotlinMono = "kotlin-mono", e.laptopLine = "laptop-line", e.laptopSolid = "laptop-solid", e.laravelColor = "laravel-color", e.laravelMono = "laravel-mono", e.layout1Line = "layout-1-line", e.layout1Solid = "layout-1-solid", e.layout2Line = "layout-2-line", e.layout2Solid = "layout-2-solid", e.leaveLine = "leave-line", e.leaveSolid = "leave-solid", e.lightBulbLine = "light-bulb-line", e.lightBulbSolid = "light-bulb-solid", e.lightModeLine = "light-mode-line", e.lightModeSolid = "light-mode-solid", e.lineWidthLargeLine = "line-width-large-line", e.lineWidthLargeSolid = "line-width-large-solid", e.lineWidthMediumLine = "line-width-medium-line", e.lineWidthMediumSolid = "line-width-medium-solid", e.lineWidthSmallLine = "line-width-small-line", e.lineWidthSmallSolid = "line-width-small-solid", e.linkAddLine = "link-add-line", e.linkAddSolid = "link-add-solid", e.linkLine = "link-line", e.linkRemoveLine = "link-remove-line", e.linkRemoveSolid = "link-remove-solid", e.linkSolid = "link-solid", e.linkedinColor = "linkedin-color", e.linkedinMono = "linkedin-mono", e.list2Line = "list-2-line", e.list2Solid = "list-2-solid", e.listFilterLine = "list-filter-line", e.listFilterSolid = "list-filter-solid", e.listLine = "list-line", e.listNumberedLine = "list-numbered-line", e.listNumberedSolid = "list-numbered-solid", e.listSolid = "list-solid", e.lockLine = "lock-line", e.lockSolid = "lock-solid", e.mailboxLine = "mailbox-line", e.mailboxSolid = "mailbox-solid", e.maximizeLine = "maximize-line", e.maximizeSolid = "maximize-solid", e.mediaPlayerLine = "media-player-line", e.mediaPlayerOffLine = "media-player-off-line", e.mediaPlayerOffSolid = "media-player-off-solid", e.mediaPlayerSolid = "media-player-solid", e.megaphoneLine = "megaphone-line", e.megaphoneSolid = "megaphone-solid", e.menuLine = "menu-line", e.menuSolid = "menu-solid", e.merge2Line = "merge-2-line", e.merge2Solid = "merge-2-solid", e.mergeLine = "merge-line", e.mergeSolid = "merge-solid", e.messageLine = "message-line", e.messageSentLine = "message-sent-line", e.messageSentSolid = "message-sent-solid", e.messageSolid = "message-solid", e.micMuteLine = "mic-mute-line", e.micMuteSolid = "mic-mute-solid", e.microphone2Line = "microphone-2-line", e.microphone2Solid = "microphone-2-solid", e.microphoneLine = "microphone-line", e.microphoneSolid = "microphone-solid", e.microsoftDynamics365Color = "microsoft-dynamics-365-color", e.microsoftDynamics365Mono = "microsoft-dynamics-365-mono", e.mindMap2Line = "mind-map-2-line", e.mindMap2Solid = "mind-map-2-solid", e.mindMapLine = "mind-map-line", e.mindMapSolid = "mind-map-solid", e.minimize2Line = "minimize-2-line", e.minimize2Solid = "minimize-2-solid", e.minimizeLine = "minimize-line", e.minimizeSolid = "minimize-solid", e.minusLine = "minus-line", e.minusSolid = "minus-solid", e.missedCallLine = "missed-call-line", e.missedCallSolid = "missed-call-solid", e.mobile2Line = "mobile-2-line", e.mobile2Solid = "mobile-2-solid", e.mobileArrowRightLine = "mobile-arrow-right-line", e.mobileArrowRightSolid = "mobile-arrow-right-solid", e.mobileDevicesLine = "mobile-devices-line", e.mobileDevicesSolid = "mobile-devices-solid", e.mobileLine = "mobile-line", e.mobileSolid = "mobile-solid", e.mockupLine = "mockup-line", e.mockupSolid = "mockup-solid", e.modalLine = "modal-line", e.modalSolid = "modal-solid", e.moreHorizontalLine = "more-horizontal-line", e.moreHorizontalSolid = "more-horizontal-solid", e.moreVerticalLine = "more-vertical-line", e.moreVerticalSolid = "more-vertical-solid", e.musicLine = "music-line", e.musicSolid = "music-solid", e.netsuiteColor = "netsuite-color", e.netsuiteMono = "netsuite-mono", e.nexmoColor = "nexmo-color", e.nexmoMono = "nexmo-mono", e.nodeColor = "node-color", e.nodeMono = "node-mono", e.noteLine = "note-line", e.noteSolid = "note-solid", e.notesLine = "notes-line", e.notesSolid = "notes-solid", e.notificationOffLine = "notification-off-line", e.notificationOffSolid = "notification-off-solid", e.notificationOnLine = "notification-on-line", e.notificationOnSolid = "notification-on-solid", e.objectiveCColor = "objective-c-color", e.objectiveCMono = "objective-c-mono", e.officeColor = "office-color", e.officeMono = "office-mono", e.officePhone2Line = "office-phone-2-line", e.officePhone2Solid = "office-phone-2-solid", e.officePhoneLine = "office-phone-line", e.officePhoneSolid = "office-phone-solid", e.openFolderLine = "open-folder-line", e.openFolderSolid = "open-folder-solid", e.openLine = "open-line", e.openSolid = "open-solid", e.outboundCallLine = "outbound-call-line", e.outboundCallSolid = "outbound-call-solid", e.packet2Line = "packet-2-line", e.packet2Solid = "packet-2-solid", e.packetLine = "packet-line", e.packetSolid = "packet-solid", e.paletteLine = "palette-line", e.paletteSolid = "palette-solid", e.parkCallLine = "park-call-line", e.parkCallSolid = "park-call-solid", e.participantsLine = "participants-line", e.participantsOffLine = "participants-off-line", e.participantsOffSolid = "participants-off-solid", e.participantsSolid = "participants-solid", e.passwordRestartLine = "password-restart-line", e.passwordRestartSolid = "password-restart-solid", e.pause2Line = "pause-2-line", e.pause2Solid = "pause-2-solid", e.pauseCallLine = "pause-call-line", e.pauseCallSolid = "pause-call-solid", e.pauseLine = "pause-line", e.pauseSolid = "pause-solid", e.penEffectLine = "pen-effect-line", e.penEffectSolid = "pen-effect-solid", e.penTipLargeLine = "pen-tip-large-line", e.penTipLargeSolid = "pen-tip-large-solid", e.penTipMediumLine = "pen-tip-medium-line", e.penTipMediumSolid = "pen-tip-medium-solid", e.penTipSmallLine = "pen-tip-small-line", e.penTipSmallSolid = "pen-tip-small-solid", e.pendingCallLine = "pending-call-line", e.pendingCallSolid = "pending-call-solid", e.pentoolLine = "pentool-line", e.pentoolSolid = "pentool-solid", e.permissionCallLine = "permission-call-line", e.permissionCallSolid = "permission-call-solid", e.phoneNumberLine = "phone-number-line", e.phoneNumberSolid = "phone-number-solid", e.phpColor = "php-color", e.phpMono = "php-mono", e.pieChartLine = "pie-chart-line", e.pieChartSolid = "pie-chart-solid", e.pin2Line = "pin-2-line", e.pin2OffLine = "pin-2-off-line", e.pin2OffSolid = "pin-2-off-solid", e.pin2Solid = "pin-2-solid", e.pinLine = "pin-line", e.pinOffLine = "pin-off-line", e.pinOffSolid = "pin-off-solid", e.pinSolid = "pin-solid", e.play2Solid = "play-2-solid", e.playLine = "play-line", e.playSolid = "play-solid", e.plugLine = "plug-line", e.plugSolid = "plug-solid", e.plusLine = "plus-line", e.plusSolid = "plus-solid", e.preferencesLine = "preferences-line", e.preferencesSolid = "preferences-solid", e.presentationLine = "presentation-line", e.presentationSolid = "presentation-solid", e.printLine = "print-line", e.printSolid = "print-solid", e.profileLine = "profile-line", e.profileSolid = "profile-solid", e.puzzleLine = "puzzle-line", e.puzzleSolid = "puzzle-solid", e.puzzledLine = "puzzled-line", e.puzzledSolid = "puzzled-solid", e.pythonColor = "python-color", e.pythonMono = "python-mono", e.quitLine = "quit-line", e.quitSolid = "quit-solid", e.quoteLine = "quote-line", e.quoteSolid = "quote-solid", e.radioCheckedLine = "radio-checked-line", e.radioCheckedSolid = "radio-checked-solid", e.radioUncheckedLine = "radio-unchecked-line", e.radioUncheckedSolid = "radio-unchecked-solid", e.railsColor = "rails-color", e.railsMono = "rails-mono", e.reactColor = "react-color", e.reactMono = "react-mono", e.recLine = "rec-line", e.recSolid = "rec-solid", e.receptionistLine = "receptionist-line", e.receptionistSolid = "receptionist-solid", e.recordUserLine = "record-user-line", e.recordUserSolid = "record-user-solid", e.redoLine = "redo-line", e.redoSolid = "redo-solid", e.refreshCallLine = "refresh-call-line", e.refreshCallSolid = "refresh-call-solid", e.refreshDollarLine = "refresh-dollar-line", e.refreshDollarSolid = "refresh-dollar-solid", e.refreshLine = "refresh-line", e.refreshSolid = "refresh-solid", e.reloadLine = "reload-line", e.reloadSolid = "reload-solid", e.removeLine = "remove-line", e.removeSolid = "remove-solid", e.removeUserLine = "remove-user-line", e.removeUserSolid = "remove-user-solid", e.reorderHorizontalLine = "reorder-horizontal-line", e.reorderHorizontalSolid = "reorder-horizontal-solid", e.reorderSolid = "reorder-solid", e.reorderVerticalLine = "reorder-vertical-line", e.replyLine = "reply-line", e.replySolid = "reply-solid", e.reportLine = "report-line", e.reportSolid = "report-solid", e.resetLine = "reset-line", e.resetSolid = "reset-solid", e.rocketDisabledLine = "rocket-disabled-line", e.rocketDisabledSolid = "rocket-disabled-solid", e.rocketLine = "rocket-line", e.rocketSolid = "rocket-solid", e.rssColor = "rss-color", e.rssLine = "rss-line", e.rssMono = "rss-mono", e.rssSolid = "rss-solid", e.rubyColor = "ruby-color", e.rubyMono = "ruby-mono", e.salesforceColor = "salesforce-color", e.salesforceLine = "salesforce-line", e.salesforceMono = "salesforce-mono", e.salesforceSolid = "salesforce-solid", e.sandClockLine = "sand-clock-line", e.sandClockSolid = "sand-clock-solid", e.saveLine = "save-line", e.saveSolid = "save-solid", e.screenShareLine = "screen-share-line", e.screenShareOffLine = "screen-share-off-line", e.screenShareOffSolid = "screen-share-off-solid", e.screenShareSolid = "screen-share-solid", e.searchLine = "search-line", e.searchSolid = "search-solid", e.sendToBackLine = "send-to-back-line", e.sendToBackSolid = "send-to-back-solid", e.share2Line = "share-2-line", e.share2Solid = "share-2-solid", e.shareLine = "share-line", e.shareSolid = "share-solid", e.shieldLine = "shield-line", e.shieldSolid = "shield-solid", e.shoutLine = "shout-line", e.shoutSolid = "shout-solid", e.shuffleLine = "shuffle-line", e.shuffleSolid = "shuffle-solid", e.sidebarLine = "sidebar-line", e.sidebarSolid = "sidebar-solid", e.slackColor = "slack-color", e.slackMono = "slack-mono", e.smileLine = "smile-line", e.smileSolid = "smile-solid", e.smsLine = "sms-line", e.smsSolid = "sms-solid", e.snoozeLine = "snooze-line", e.snoozeSolid = "snooze-solid", e.sofaLine = "sofa-line", e.sofaSolid = "sofa-solid", e.sortAscLine = "sort-asc-line", e.sortAscSolid = "sort-asc-solid", e.sortDescLine = "sort-desc-line", e.sortDescSolid = "sort-desc-solid", e.sortLine = "sort-line", e.sortSolid = "sort-solid", e.squareLine = "square-line", e.squareSolid = "square-solid", e.stackLine = "stack-line", e.stackSolid = "stack-solid", e.stackoverflowColor = "stackoverflow-color", e.stackoverflowMono = "stackoverflow-mono", e.starDollarLine = "star-dollar-line", e.starDollarSolid = "star-dollar-solid", e.starLine = "star-line", e.starSolid = "star-solid", e.stickerLine = "sticker-line", e.stickerSolid = "sticker-solid", e.stopLine = "stop-line", e.stopSolid = "stop-solid", e.stopwatchLine = "stopwatch-line", e.stopwatchSolid = "stopwatch-solid", e.storeLine = "store-line", e.storeSolid = "store-solid", e.streamLine = "stream-line", e.streamSolid = "stream-solid", e.strikethroughLine = "strikethrough-line", e.strikethroughSolid = "strikethrough-solid", e.subtitlesLine = "subtitles-line", e.subtitlesSolid = "subtitles-solid", e.sugarcrmColor = "sugarcrm-color", e.sugarcrmMono = "sugarcrm-mono", e.surprisedLine = "surprised-line", e.surprisedSolid = "surprised-solid", e.swiftColor = "swift-color", e.swiftMono = "swift-mono", e.switchLine = "switch-line", e.switchSolid = "switch-solid", e.symfonyColor = "symfony-color", e.symfonyMono = "symfony-mono", e.table2Line = "table-2-line", e.table2Solid = "table-2-solid", e.tableLine = "table-line", e.tableSolid = "table-solid", e.tagAddLine = "tag-add-line", e.tagAddSolid = "tag-add-solid", e.tagDetachLine = "tag-detach-line", e.tagDetachSolid = "tag-detach-solid", e.tagLine = "tag-line", e.tagSearchLine = "tag-search-line", e.tagSearchSolid = "tag-search-solid", e.tagSolid = "tag-solid", e.telephoneLine = "telephone-line", e.telephoneSolid = "telephone-solid", e.textLine = "text-line", e.textSolid = "text-solid", e.textcolorLine = "textcolor-line", e.textcolorSolid = "textcolor-solid", e.textureLine = "texture-line", e.textureSolid = "texture-solid", e.thumbsDownLine = "thumbs-down-line", e.thumbsDownSolid = "thumbs-down-solid", e.thumbsUpLine = "thumbs-up-line", e.thumbsUpSolid = "thumbs-up-solid", e.toggleLine = "toggle-line", e.toggleSolid = "toggle-solid", e.tooltipLine = "tooltip-line", e.tooltipSolid = "tooltip-solid", e.transferCallLine = "transfer-call-line", e.transferCallSolid = "transfer-call-solid", e.transferLine = "transfer-line", e.transferSolid = "transfer-solid", e.triangleLine = "triangle-line", e.triangleSolid = "triangle-solid", e.triggerNodeLine = "trigger-node-line", e.twitchColor = "twitch-color", e.twitchMono = "twitch-mono", e.twitterColor = "twitter-color", e.twitterMono = "twitter-mono", e.umbrellaLine = "umbrella-line", e.umbrellaSolid = "umbrella-solid", e.underlineLine = "underline-line", e.underlineSolid = "underline-solid", e.undoLine = "undo-line", e.undoSolid = "undo-solid", e.unhappyLine = "unhappy-line", e.unhappySolid = "unhappy-solid", e.unlockLine = "unlock-line", e.unlockSolid = "unlock-solid", e.uploadLine = "upload-line", e.uploadSolid = "upload-solid", e.user2Line = "user-2-line", e.user2Solid = "user-2-solid", e.userAdminLine = "user-admin-line", e.userAdminSolid = "user-admin-solid", e.userClockLine = "user-clock-line", e.userClockSolid = "user-clock-solid", e.userLine = "user-line", e.userLockLine = "user-lock-line", e.userLockSolid = "user-lock-solid", e.userRecordLine = "user-record-line", e.userRecordSolid = "user-record-solid", e.userSolid = "user-solid", e.userSync2Line = "user-sync-2-line", e.userSync2OffLine = "user-sync-2-off-line", e.userSync2OffSolid = "user-sync-2-off-solid", e.userSync2Solid = "user-sync-2-solid", e.userSyncLine = "user-sync-line", e.userSyncSolid = "user-sync-solid", e.vanLine = "van-line", e.vanSolid = "van-solid", e.viberColor = "viber-color", e.viberMono = "viber-mono", e.videoActiveLine = "video-active-line", e.videoActiveSolid = "video-active-solid", e.videoConferenceLine = "video-conference-line", e.videoConferenceSolid = "video-conference-solid", e.videoLine = "video-line", e.videoOffLine = "video-off-line", e.videoOffSolid = "video-off-solid", e.videoPreviewLine = "video-preview-line", e.videoPreviewSolid = "video-preview-solid", e.videoSolid = "video-solid", e.videoWhiteboardLine = "video-whiteboard-line", e.videoWhiteboardSolid = "video-whiteboard-solid", e.video_round_tableLine = "video_round_table-line", e.video_round_tableSolid = "video_round_table-solid", e.virtualVoicemailLine = "virtual-voicemail-line", e.virtualVoicemailSolid = "virtual-voicemail-solid", e.voicemailLine = "voicemail-line", e.voicemailSolid = "voicemail-solid", e.voicemailTranscriptLine = "voicemail-transcript-line", e.voicemailTranscriptSolid = "voicemail-transcript-solid", e.volumeDecreaseLine = "volume-decrease-line", e.volumeDecreaseSolid = "volume-decrease-solid", e.volumeIncreaseLine = "volume-increase-line", e.volumeIncreaseSolid = "volume-increase-solid", e.volumeLine = "volume-line", e.volumeOff2Line = "volume-off-2-line", e.volumeOff2Solid = "volume-off-2-solid", e.volumeOffLine = "volume-off-line", e.volumeOffSolid = "volume-off-solid", e.volumeOnLine = "volume-on-line", e.volumeOnSolid = "volume-on-solid", e.volumeSolid = "volume-solid", e.vonageLine = "vonage-line", e.vonageMono = "vonage-mono", e.vonageMonoColor = "vonage-mono-color", e.vonageSolid = "vonage-solid", e.vueColor = "vue-color", e.vueMono = "vue-mono", e.walkLine = "walk-line", e.walkSolid = "walk-solid", e.walletLine = "wallet-line", e.walletSolid = "wallet-solid", e.wandLine = "wand-line", e.wandSolid = "wand-solid", e.warningLine = "warning-line", e.warningSolid = "warning-solid", e.wavingLine = "waving-line", e.wavingSolid = "waving-solid", e.webChatColor = "web-chat-color", e.webChatMono = "web-chat-mono", e.webhookLine = "webhook-line", e.webhookSolid = "webhook-solid", e.whatsappColor = "whatsapp-color", e.whatsappMono = "whatsapp-mono", e.whisperLine = "whisper-line", e.whisperSolid = "whisper-solid", e.wifiLine = "wifi-line", e.wifiSolid = "wifi-solid", e.wordpressColor = "wordpress-color", e.wordpressMono = "wordpress-mono", e.workplaceColor = "workplace-color", e.workplaceMono = "workplace-mono", e.wrenchTool2Line = "wrench-tool-2-line", e.wrenchTool2Solid = "wrench-tool-2-solid", e.wrenchToolLine = "wrench-tool-line", e.wrenchToolSolid = "wrench-tool-solid", e.xmlColor = "xml-color", e.xmlMono = "xml-mono", e.youtubeColor = "youtube-color", e.youtubeMono = "youtube-mono", e.zendeskColor = "zendesk-color", e.zendeskMono = "zendesk-mono", e.zohoColor = "zoho-color", e.zohoMono = "zoho-mono", e.zoomInLine = "zoom-in-line", e.zoomInSolid = "zoom-in-solid", e.zoomOutLine = "zoom-out-line", e.zoomOutSolid = "zoom-out-solid", e.zoomToFitLine = "zoom-to-fit-line", e.zoomToFitSolid = "zoom-to-fit-solid", e))(ve || {});
 export {
-  $t as VAccordion,
-  gt as VAccordionItem,
-  kt as VActionGroup,
-  bt as VAlert,
-  Ct as VAvatar,
-  St as VBadge,
-  wt as VBanner,
-  xt as VBreadcrumb,
-  Vt as VBreadcrumbItem,
-  Nt as VButton,
-  Bt as VCalendar,
-  Tt as VCalendarEvent,
-  Kt as VCard,
-  It as VCheckbox,
-  Ft as VCombobox,
-  zt as VDataGrid,
-  Dt as VDataGridCell,
-  qt as VDataGridRow,
-  Pt as VDialog,
-  Lt as VDivider,
-  At as VEmptyState,
-  Mt as VFab,
-  Ot as VHeader,
-  Gt as VIcon,
-  Ht as VLayout,
-  Et as VMenu,
-  Rt as VMenuItem,
-  Wt as VNav,
-  jt as VNavDisclosure,
-  Ut as VNavItem,
-  Jt as VNote,
-  Qt as VNumberField,
-  Xt as VOption,
-  Yt as VPagination,
-  Zt as VProgress,
-  _t as VProgressRing,
-  te as VRadio,
-  ee as VRadioGroup,
-  ie as VSelect,
-  oe as VSideDrawer,
-  se as VSlider,
-  ne as VSwitch,
-  ae as VTab,
-  de as VTabPanel,
-  re as VTabs,
-  ve as VTag,
-  ye as VTagGroup,
-  le as VTextArea,
-  he as VTextField,
-  ue as VToggletip,
-  ce as VTooltip,
-  pe as VTreeItem,
-  me as VTreeView,
-  ft as setCustomComponentPrefix
+  ve as Icon,
+  ke as VAccordion,
+  be as VAccordionItem,
+  Se as VActionGroup,
+  $e as VAlert,
+  Ce as VAvatar,
+  we as VBadge,
+  Le as VBanner,
+  xe as VBreadcrumb,
+  Ve as VBreadcrumbItem,
+  Ne as VButton,
+  Be as VCalendar,
+  Te as VCalendarEvent,
+  ze as VCard,
+  Ke as VCheckbox,
+  Me as VCombobox,
+  Fe as VDataGrid,
+  qe as VDataGridCell,
+  De as VDataGridRow,
+  Pe as VDialog,
+  Oe as VDivider,
+  Ae as VEmptyState,
+  Re as VFab,
+  Ue as VHeader,
+  je as VIcon,
+  Ge as VLayout,
+  He as VMenu,
+  Ee as VMenuItem,
+  We as VNav,
+  _e as VNavDisclosure,
+  Je as VNavItem,
+  Ze as VNote,
+  Xe as VNumberField,
+  Qe as VOption,
+  Ye as VPagination,
+  Ie as VProgress,
+  ei as VProgressRing,
+  ii as VRadio,
+  ti as VRadioGroup,
+  oi as VSelect,
+  li as VSideDrawer,
+  si as VSlider,
+  ai as VSwitch,
+  ni as VTab,
+  di as VTabPanel,
+  ri as VTabs,
+  fi as VTag,
+  gi as VTagGroup,
+  ui as VTextArea,
+  hi as VTextField,
+  pi as VToggletip,
+  mi as VTooltip,
+  ci as VTreeItem,
+  vi as VTreeView,
+  ye as setCustomComponentPrefix
 };