@vonage/vivid-vue 3.23.1 → 3.44.0

package/{dist/index.es.js → index.es.js}

@@ -1,17 +1,17 @@
-import { ref as d, version as y, onBeforeMount as b, defineComponent as u, h as a } from "vue";
-import { registerAccordion as k, registerAccordionItem as S, registerActionGroup as $, registerAlert as x, registerAvatar as w, registerBadge as C, registerBanner as L, registerBreadcrumb as V, registerBreadcrumbItem as B, registerButton as T, registerCalendar as N, registerCalendarEvent as z, registerCard as M, registerCheckbox as D, registerCombobox as F, registerDataGrid as f, registerDatePicker as K, registerDateRangePicker as A, registerDialog as q, registerDivider as P, registerEmptyState as O, registerFab as U, registerHeader as R, registerIcon as G, registerLayout as E, registerMenu as j, registerMenuItem as H, registerNav as W, registerNavDisclosure as _, registerNavItem as X, registerNote as J, registerNumberField as Z, registerOption as Q, registerPagination as Y, registerProgress as I, registerProgressRing as ee, registerRadio as ie, registerRadioGroup as te, registerSelectableBox as oe, registerSelect as ne, registerSideDrawer as ae, registerSlider as le, registerSwitch as se, registerTab as re, registerTabs as de, registerTabPanel as he, registerTextArea as ue, registerTextField as pe, registerToggletip as ce, registerTooltip as ve, registerTreeItem as me, registerTreeView as fe, registerTag as ge, registerTagGroup as ye } from "@vonage/vivid";
+import { ref as d, version as y, onBeforeMount as b, defineComponent as h, h as n } from "vue";
+import { registerAccordion as k, registerAccordionItem as S, registerActionGroup as $, registerAlert as x, registerAvatar as w, registerBadge as C, registerBanner as L, registerBreadcrumb as V, registerBreadcrumbItem as B, registerButton as T, registerCalendar as N, registerCalendarEvent as z, registerCard as M, registerCheckbox as D, registerCombobox as F, registerDataGrid as f, registerDatePicker as K, registerDateRangePicker as A, registerDialog as q, registerDivider as P, registerEmptyState as O, registerFab as U, registerHeader as R, registerIcon as G, registerLayout as E, registerMenu as j, registerMenuItem as H, registerNav as W, registerNavDisclosure as _, registerNavItem as X, registerNote as J, registerNumberField as Z, registerOption as Q, registerPagination as Y, registerProgress as I, registerProgressRing as ee, registerRadio as ie, registerRadioGroup as te, registerSelectableBox as oe, registerSelect as ae, registerSideDrawer as ne, registerSlider as le, registerSwitch as se, registerTab as re, registerTabs as de, registerTabPanel as he, registerTextArea as ue, registerTextField as pe, registerToggletip as ce, registerTooltip as ve, registerTreeItem as me, registerTreeView as fe, registerTag as ge, registerTagGroup as ye } from "@vonage/vivid";
 const m = d("vvd3");
 function be(e) {
   m.value = e;
 }
 const r = y.startsWith("2");
-function p(e, o) {
-  const n = d(`${m.value}-${e}`);
+function u(e, o) {
+  const a = d(`${m.value}-${e}`);
   return b(() => {
     o(m.value);
-  }), n;
+  }), a;
 }
-const Fe = u({
+const Fe = h({
   name: "VAccordion",
   props: {
     /**
@@ -25,7 +25,10 @@ const Fe = u({
      * Controls the expand mode of the Accordion, either allowing
      * single or multiple item expansion.
      */
-    expandMode: { type: String, default: void 0 }
+    expandMode: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -65,16 +68,16 @@ const Fe = u({
     "change"
   ],
   setup(e, o) {
-    const n = p("accordion", k), i = d(null);
+    const a = u("accordion", k), i = d(null);
     return o.expose({
       closeAll() {
         var t;
         return (t = i.value) == null ? void 0 : t.closeAll();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -94,7 +97,7 @@ const Fe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -115,7 +118,7 @@ const Fe = u({
       ]
     );
   }
-}), Ke = u({
+}), Ke = h({
   name: "VAccordionItem",
   props: {
     /**
@@ -138,7 +141,10 @@ const Fe = u({
      * Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the
      * heading element.
      */
-    headingLevel: { type: Number, default: void 0 },
+    headingLevel: {
+      type: Number,
+      default: void 0
+    },
     /**
      * Expands or collapses the item.
      */
@@ -156,7 +162,10 @@ const Fe = u({
     /**
      * The size the accordion-item should have.
      */
-    size: { type: String, default: void 0 }
+    size: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -196,11 +205,14 @@ const Fe = u({
     "change"
   ],
   setup(e, o) {
-    const n = p("accordion-item", S), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u(
+      "accordion-item",
+      S
+    ), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -228,7 +240,7 @@ const Fe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -257,7 +269,7 @@ const Fe = u({
       ]
     );
   }
-}), Ae = u({
+}), Ae = h({
   name: "VActionGroup",
   props: {
     /**
@@ -274,7 +286,10 @@ const Fe = u({
     /**
      * The appearance the ActionGroup should have.
      */
-    appearance: { type: String, default: void 0 },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates whether action group should have padding.
      */
@@ -315,11 +330,14 @@ const Fe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("action-group", $), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u(
+      "action-group",
+      $
+    ), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -342,7 +360,7 @@ const Fe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -368,20 +386,20 @@ const Fe = u({
   }
 });
 function ke(e, o) {
-  return o.forEach((n) => {
+  return o.forEach((a) => {
     var i;
-    n.data || (n.data = {}), n.data.attrs = { ...(i = n.data) == null ? void 0 : i.attrs, slot: e };
+    a.data || (a.data = {}), a.data.attrs = { ...(i = a.data) == null ? void 0 : i.attrs, slot: e };
   }), o;
 }
 function Se(e, o) {
-  return o.forEach((n) => {
-    n.props || (n.props = {}), n.props = { ...n.props, slot: e };
+  return o.forEach((a) => {
+    a.props || (a.props = {}), a.props = { ...a.props, slot: e };
   }), o;
 }
 function l(e, o) {
   return o ? r ? ke(e, o) : Se(e, o()) : null;
 }
-const qe = u({
+const qe = h({
   name: "VAlert",
   props: {
     /**
@@ -391,7 +409,10 @@ const qe = u({
       type: String,
       default: void 0
     },
-    dismissButtonAriaLabel: { type: String, default: void 0 },
+    dismissButtonAriaLabel: {
+      type: String,
+      default: void 0
+    },
     /**
      * if the alert is removable
      * accepts boolean
@@ -479,16 +500,16 @@ const qe = u({
     "close"
   ],
   setup(e, o) {
-    const n = p("alert", x), i = d(null);
+    const a = u("alert", x), i = d(null);
     return o.expose({
       openChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.openChanged(t, s);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -522,7 +543,7 @@ const qe = u({
         // @slot action-items Add action items to alert using this slot.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -554,7 +575,7 @@ const qe = u({
       ]
     );
   }
-}), Pe = u({
+}), Pe = h({
   name: "VAvatar",
   props: {
     /**
@@ -567,7 +588,10 @@ const qe = u({
     /**
      * The connotation the avatar should have.
      */
-    connotation: { type: String, default: void 0 },
+    connotation: {
+      type: String,
+      default: void 0
+    },
     /**
      * The shape the avatar should have.
      */
@@ -575,11 +599,17 @@ const qe = u({
     /**
      * The appearance the avatar should have.
      */
-    appearance: { type: String, default: void 0 },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     /**
      * The size the avatar should have.
      */
-    size: { type: String, default: void 0 },
+    size: {
+      type: String,
+      default: void 0
+    },
     /**
      * avatar header icon
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
@@ -623,11 +653,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("avatar", w), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("avatar", w), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -654,7 +684,7 @@ const qe = u({
         // @slot graphic Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).
         l("graphic", this.$slots.graphic)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -679,7 +709,7 @@ const qe = u({
       ]
     );
   }
-}), Oe = u({
+}), Oe = h({
   name: "VBadge",
   props: {
     /**
@@ -712,7 +742,10 @@ const qe = u({
     /**
      * The appearance the badge should have.
      */
-    appearance: { type: String, default: void 0 },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates the badge's text.
      */
@@ -751,11 +784,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("badge", C), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("badge", C), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -779,7 +812,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -801,7 +834,7 @@ const qe = u({
       []
     );
   }
-}), Ue = u({
+}), Ue = h({
   name: "VBanner",
   props: {
     /**
@@ -861,16 +894,16 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("banner", L), i = d(null);
+    const a = u("banner", L), i = d(null);
     return o.expose({
       remove() {
         var t;
         return (t = i.value) == null ? void 0 : t.remove();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -900,7 +933,7 @@ const qe = u({
         // @slot action-items Add action items to banner using this slot.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -928,7 +961,7 @@ const qe = u({
       ]
     );
   }
-}), Re = u({
+}), Re = h({
   name: "VBreadcrumb",
   props: {
     /**
@@ -972,15 +1005,17 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("breadcrumb", V), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("breadcrumb", V), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
-        attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
+        attrs: {
+          ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {}
+        },
         class: "vvd-component",
         on: {
           click: (e) => this.$emit("click", e),
@@ -992,7 +1027,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1011,7 +1046,7 @@ const qe = u({
       ]
     );
   }
-}), Ge = u({
+}), Ge = h({
   name: "VBreadcrumbItem",
   props: {
     /**
@@ -1048,7 +1083,10 @@ const qe = u({
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
      */
-    target: { type: String, default: void 0 },
+    target: {
+      type: String,
+      default: void 0
+    },
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
      */
@@ -1088,11 +1126,14 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("breadcrumb-item", B), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u(
+      "breadcrumb-item",
+      B
+    ), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1119,7 +1160,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1144,7 +1185,7 @@ const qe = u({
       []
     );
   }
-}), Ee = u({
+}), Ee = h({
   name: "VButton",
   props: {
     /**
@@ -1215,16 +1256,25 @@ const qe = u({
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    formtarget: { type: String, default: void 0 },
+    formtarget: {
+      type: String,
+      default: void 0
+    },
     /**
      * The button type.
      */
-    type: { type: String, default: void 0 },
+    type: {
+      type: String,
+      default: void 0
+    },
     title: { type: String, default: void 0 },
     /**
      * The connotation the button should have.
      */
-    connotation: { type: String, default: void 0 },
+    connotation: {
+      type: String,
+      default: void 0
+    },
     /**
      * The shape the button should have.
      */
@@ -1232,11 +1282,17 @@ const qe = u({
     /**
      * The appearance the button should have.
      */
-    appearance: { type: String, default: void 0 },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     /**
      * The size the button should have.
      */
-    size: { type: String, default: void 0 },
+    size: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates the icon is stacked.
      */
@@ -1283,7 +1339,7 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("button", T), i = d(null);
+    const a = u("button", T), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -1292,10 +1348,10 @@ const qe = u({
         var t;
         return (t = i.value) == null ? void 0 : t.validate();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1336,7 +1392,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1375,7 +1431,7 @@ const qe = u({
       []
     );
   }
-}), je = u({
+}), je = h({
   name: "VCalendar",
   props: {
     /**
@@ -1389,7 +1445,10 @@ const qe = u({
      * The date within a week of choice.
      * Accepts any parameter acceptable by the `Date()` constructor.
      */
-    datetime: { type: [Date, String], default: void 0 },
+    datetime: {
+      type: [Date, String],
+      default: void 0
+    },
     /**
      * The day to show as the first within a work week.
      * Accepts either Sunday or Monday
@@ -1397,7 +1456,10 @@ const qe = u({
      *
      * (only applicable for views of more than a single day)
      */
-    startDay: { type: String, default: void 0 },
+    startDay: {
+      type: String,
+      default: void 0
+    },
     /**
      * A locale string or array of locale strings that contain one or more language or locale tags.
      * If you include more than one locale string,
@@ -1406,7 +1468,10 @@ const qe = u({
      * This parameter must conform to BCP 47 standards; see the Intl.Collator object for details.
      * e.g. en-US | en-US, he-IL
      */
-    locales: { type: [String, Array], default: void 0 },
+    locales: {
+      type: [String, Array],
+      default: void 0
+    },
     /**
      * The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours.
      * Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24)
@@ -1446,16 +1511,16 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("calendar", N), i = d(null);
+    const a = u("calendar", N), i = d(null);
     return o.expose({
       onKeydown(t) {
         var s;
         return (s = i.value) == null ? void 0 : s.onKeydown(t);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1495,7 +1560,7 @@ const qe = u({
         // @slot day-6 Assign elements to corresponding day column using this slot.
         l("day-6", this.$slots["day-6"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1532,7 +1597,7 @@ const qe = u({
       ]
     );
   }
-}), He = u({
+}), He = h({
   name: "VCalendarEvent",
   props: {
     /**
@@ -1560,7 +1625,10 @@ const qe = u({
     /**
      * The appearance the calendar event should have.
      */
-    appearance: { type: String, default: void 0 },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     /**
      * sets card display precendence and indentation
      */
@@ -1607,11 +1675,14 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("calendar-event", z), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u(
+      "calendar-event",
+      z
+    ), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1636,7 +1707,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1659,7 +1730,7 @@ const qe = u({
       []
     );
   }
-}), We = u({
+}), We = h({
   name: "VCard",
   props: {
     /**
@@ -1672,7 +1743,10 @@ const qe = u({
     /**
      * The appearance the card should have.
      */
-    appearance: { type: String, default: void 0 },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     /**
      * the text of the card heading
      * accepts string
@@ -1696,7 +1770,10 @@ const qe = u({
     /**
      * card elevation dp
      */
-    elevation: { type: Number, default: void 0 }
+    elevation: {
+      type: Number,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -1731,11 +1808,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("card", M), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("card", M), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1770,7 +1847,7 @@ const qe = u({
         // @slot main Assign nodes to main slot to fully override a card's predefined flow and style with your own.
         l("main", this.$slots.main)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1803,7 +1880,7 @@ const qe = u({
       ]
     );
   }
-}), _e = u({
+}), _e = h({
   name: "VCheckbox",
   model: r ? {
     prop: "modelValue",
@@ -1879,7 +1956,10 @@ const qe = u({
     /**
      * The connotation the checklist should have.
      */
-    connotation: { type: String, default: void 0 }
+    connotation: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -1924,11 +2004,11 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("checkbox", D), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("checkbox", D), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1958,13 +2038,16 @@ const qe = u({
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
           change: (e) => {
-            this.$emit("update:modelValue", e.target.checked), this.$emit("change", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.checked
+            ), this.$emit("change", e);
           },
           input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1991,14 +2074,17 @@ const qe = u({
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
         onChange: (e) => {
-          this.$emit("update:modelValue", e.target.checked), this.$emit("change", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.checked
+          ), this.$emit("change", e);
         },
         onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), Xe = u({
+}), Xe = h({
   name: "VCombobox",
   model: r ? {
     prop: "modelValue",
@@ -2045,7 +2131,10 @@ const qe = u({
     /**
      * The autocomplete attribute.
      */
-    autocomplete: { type: String, default: void 0 },
+    autocomplete: {
+      type: String,
+      default: void 0
+    },
     /**
      * The open attribute.
      */
@@ -2057,7 +2146,10 @@ const qe = u({
     /**
      * The placement for the listbox when the combobox is open.
      */
-    position: { type: String, default: void 0 },
+    position: {
+      type: String,
+      default: void 0
+    },
     /**
      * The disabled state of the listbox.
      */
@@ -2067,7 +2159,10 @@ const qe = u({
      *
      * HTML Attribute: string
      */
-    placement: { type: String, default: void 0 }
+    placement: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -2112,7 +2207,7 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("combobox", F), i = d(null);
+    const a = u("combobox", F), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -2149,10 +2244,10 @@ const qe = u({
         var t;
         return (t = i.value) == null ? void 0 : t.setSelectedOptions();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2180,12 +2275,15 @@ const qe = u({
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => this.$emit("input", e),
           change: (e) => {
-            this.$emit("update:modelValue", e.target.value), this.$emit("change", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.value
+            ), this.$emit("change", e);
           }
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2210,7 +2308,10 @@ const qe = u({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e),
         onChange: (e) => {
-          this.$emit("update:modelValue", e.target.value), this.$emit("change", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.value
+          ), this.$emit("change", e);
         }
       },
       [
@@ -2219,7 +2320,7 @@ const qe = u({
       ]
     );
   }
-}), Je = u({
+}), Je = h({
   name: "VDataGrid",
   props: {
     /**
@@ -2237,11 +2338,17 @@ const qe = u({
     /**
      * Whether the grid should automatically generate a header row and its type
      */
-    generateHeader: { type: String, default: void 0 },
+    generateHeader: {
+      type: String,
+      default: void 0
+    },
     /**
      * String that gets applied to the the css gridTemplateColumns attribute of child rows
      */
-    gridTemplateColumns: { type: String, default: void 0 },
+    gridTemplateColumns: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates the selection mode.
      */
@@ -2287,16 +2394,16 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("data-grid", f), i = d(null);
+    const a = u("data-grid", f), i = d(null);
     return o.expose({
       selectionModeChanged(t) {
         var s;
         return (s = i.value) == null ? void 0 : s.selectionModeChanged(t);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2308,7 +2415,9 @@ const qe = u({
           ...this.selectionMode !== void 0 ? { "selection-mode": this.selectionMode } : {}
         },
         class: "vvd-component",
-        domProps: { ...this.rowsData !== void 0 ? { rowsData: this.rowsData } : {} },
+        domProps: {
+          ...this.rowsData !== void 0 ? { rowsData: this.rowsData } : {}
+        },
         on: {
           click: (e) => this.$emit("click", e),
           focus: (e) => this.$emit("focus", e),
@@ -2319,7 +2428,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2343,7 +2452,7 @@ const qe = u({
       ]
     );
   }
-}), Ze = u({
+}), Ze = h({
   name: "VDataGridRow",
   props: {
     /**
@@ -2356,11 +2465,17 @@ const qe = u({
     /**
      * String that gets applied to the the css gridTemplateColumns attribute for the row
      */
-    gridTemplateColumns: { type: String, default: void 0 },
+    gridTemplateColumns: {
+      type: String,
+      default: void 0
+    },
     /**
      * The type of row
      */
-    rowType: { type: String, default: void 0 },
+    rowType: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates the selected status.
      */
@@ -2404,7 +2519,7 @@ const qe = u({
     "row-focused"
   ],
   setup(e, o) {
-    const n = p("data-grid-row", f), i = d(null);
+    const a = u("data-grid-row", f), i = d(null);
     return o.expose({
       handleFocusout(t) {
         var s;
@@ -2418,10 +2533,10 @@ const qe = u({
         var s;
         return (s = i.value) == null ? void 0 : s.handleKeydown(t);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2443,7 +2558,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2466,13 +2581,16 @@ const qe = u({
       ]
     );
   }
-}), Qe = u({
+}), Qe = h({
   name: "VDataGridCell",
   props: {
     /**
      * Extends the data grid cell definition to hold more options.
      */
-    columnDefinition: { type: null, default: void 0 },
+    columnDefinition: {
+      type: null,
+      default: void 0
+    },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -2483,7 +2601,10 @@ const qe = u({
     /**
      * The type of cell
      */
-    cellType: { type: String, default: void 0 },
+    cellType: {
+      type: String,
+      default: void 0
+    },
     /**
      * The column index of the cell.
      * This will be applied to the css grid-column-index value
@@ -2542,15 +2663,15 @@ const qe = u({
     "sort"
   ],
   setup(e, o) {
-    const n = p("data-grid-cell", f), i = d(null);
+    const a = u("data-grid-cell", f), i = d(null);
     return o.expose({
       handleKeydown(t) {
         var s;
         return (s = i.value) == null ? void 0 : s.handleKeydown(t);
       },
       ariaSelectedChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.ariaSelectedChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.ariaSelectedChanged(t, s);
       },
       handleFocusin(t) {
         var s;
@@ -2560,10 +2681,10 @@ const qe = u({
         var s;
         return (s = i.value) == null ? void 0 : s.handleFocusout(t);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2588,7 +2709,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2614,7 +2735,7 @@ const qe = u({
       ]
     );
   }
-}), Ye = u({
+}), Ye = h({
   name: "VDatePicker",
   model: r ? {
     prop: "modelValue",
@@ -2707,11 +2828,11 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("date-picker", K), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("date-picker", K), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2736,12 +2857,15 @@ const qe = u({
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => {
-            this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.value
+            ), this.$emit("input", e);
           }
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2763,13 +2887,16 @@ const qe = u({
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => {
-          this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.value
+          ), this.$emit("input", e);
         }
       },
       []
     );
   }
-}), Ie = u({
+}), Ie = h({
   name: "VDateRangePicker",
   props: {
     /**
@@ -2889,11 +3016,14 @@ const qe = u({
     "update:end"
   ],
   setup(e, o) {
-    const n = p("date-range-picker", A), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u(
+      "date-range-picker",
+      A
+    ), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2929,7 +3059,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2963,7 +3093,7 @@ const qe = u({
       []
     );
   }
-}), ei = u({
+}), ei = h({
   name: "VDialog",
   props: {
     /**
@@ -2982,12 +3112,19 @@ const qe = u({
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
     icon: { type: String, default: void 0 },
-    iconPlacement: { type: String, default: void 0 },
+    iconPlacement: {
+      type: String,
+      default: void 0
+    },
     subtitle: { type: String, default: void 0 },
     headline: { type: String, default: void 0 },
     fullWidthBody: { type: Boolean, default: void 0 },
     ariaLabel: { type: String, default: void 0 },
-    dismissButtonAriaLabel: { type: String, default: void 0 }
+    dismissButtonAriaLabel: {
+      type: String,
+      default: void 0
+    },
+    noLightDismiss: { type: Boolean, default: void 0 }
   },
   emits: [
     /**
@@ -3027,12 +3164,8 @@ const qe = u({
     "close"
   ],
   setup(e, o) {
-    const n = p("dialog", q), i = d(null);
+    const a = u("dialog", q), i = d(null);
     return o.expose({
-      openChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
-      },
       close() {
         var t;
         return (t = i.value) == null ? void 0 : t.close();
@@ -3045,10 +3178,10 @@ const qe = u({
         var t;
         return (t = i.value) == null ? void 0 : t.showModal();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3061,7 +3194,8 @@ const qe = u({
           ...this.headline !== void 0 ? { headline: this.headline } : {},
           ...this.fullWidthBody !== void 0 ? { "full-width-body": this.fullWidthBody } : {},
           ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
-          ...this.dismissButtonAriaLabel !== void 0 ? { "dismiss-button-aria-label": this.dismissButtonAriaLabel } : {}
+          ...this.dismissButtonAriaLabel !== void 0 ? { "dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
+          ...this.noLightDismiss !== void 0 ? { "no-light-dismiss": this.noLightDismiss } : {}
         },
         class: "vvd-component",
         on: {
@@ -3086,7 +3220,7 @@ const qe = u({
         // @slot action-items Use the action-items slot in order to add action buttons to the bottom of the dialog.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3100,6 +3234,7 @@ const qe = u({
         ...this.fullWidthBody !== void 0 ? { "full-width-body": this.fullWidthBody } : {},
         ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
         ...this.dismissButtonAriaLabel !== void 0 ? { "dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
+        ...this.noLightDismiss !== void 0 ? { "no-light-dismiss": this.noLightDismiss } : {},
         onClick: (e) => this.$emit("click", e),
         onFocus: (e) => this.$emit("focus", e),
         onBlur: (e) => this.$emit("blur", e),
@@ -3122,7 +3257,7 @@ const qe = u({
       ]
     );
   }
-}), ii = u({
+}), ii = h({
   name: "VDivider",
   props: {
     /**
@@ -3135,11 +3270,17 @@ const qe = u({
     /**
      * The role of the element.
      */
-    role: { type: String, default: void 0 },
+    role: {
+      type: String,
+      default: void 0
+    },
     /**
      * The orientation of the divider.
      */
-    orientation: { type: String, default: void 0 }
+    orientation: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -3174,11 +3315,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("divider", P), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("divider", P), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3198,7 +3339,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3216,7 +3357,7 @@ const qe = u({
       []
     );
   }
-}), ti = u({
+}), ti = h({
   name: "VEmptyState",
   props: {
     /**
@@ -3269,11 +3410,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("empty-state", O), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("empty-state", O), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3299,7 +3440,7 @@ const qe = u({
         // @slot action-items Slot to add action items to the empty state
         l("action-items", this.$slots["action-items"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3324,7 +3465,7 @@ const qe = u({
       ]
     );
   }
-}), oi = u({
+}), oi = h({
   name: "VFab",
   props: {
     /**
@@ -3395,19 +3536,31 @@ const qe = u({
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details.
      */
-    formtarget: { type: String, default: void 0 },
+    formtarget: {
+      type: String,
+      default: void 0
+    },
     /**
      * The button type.
      */
-    type: { type: String, default: void 0 },
+    type: {
+      type: String,
+      default: void 0
+    },
     /**
      * The connotation the fab should have.
      */
-    connotation: { type: String, default: void 0 },
+    connotation: {
+      type: String,
+      default: void 0
+    },
     /**
      * The size the FAB should have.
      */
-    size: { type: String, default: void 0 },
+    size: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates the fab's label.
      */
@@ -3446,7 +3599,7 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("fab", U), i = d(null);
+    const a = u("fab", U), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -3455,10 +3608,10 @@ const qe = u({
         var t;
         return (t = i.value) == null ? void 0 : t.validate();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3497,7 +3650,7 @@ const qe = u({
         // @slot icon Slot to add an icon to fab.
         l("icon", this.$slots.icon)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3534,7 +3687,7 @@ const qe = u({
       ]
     );
   }
-}), ni = u({
+}), ai = h({
   name: "VHeader",
   props: {
     /**
@@ -3586,11 +3739,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("header", R), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("header", R), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3616,7 +3769,7 @@ const qe = u({
         // @slot app-content Content vertically aligned with header.
         l("app-content", this.$slots["app-content"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3641,7 +3794,7 @@ const qe = u({
       ]
     );
   }
-}), ai = u({
+}), ni = h({
   name: "VIcon",
   props: {
     /**
@@ -3658,7 +3811,10 @@ const qe = u({
       type: String,
       default: void 0
     },
-    size: { type: Number, default: void 0 },
+    size: {
+      type: Number,
+      default: void 0
+    },
     /**
      * Indicates which icon to resolve.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
@@ -3698,16 +3854,16 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("icon", G), i = d(null);
+    const a = u("icon", G), i = d(null);
     return o.expose({
       nameChanged() {
         var t;
         return (t = i.value) == null ? void 0 : t.nameChanged();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3728,7 +3884,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3750,7 +3906,7 @@ const qe = u({
       ]
     );
   }
-}), li = u({
+}), li = h({
   name: "VLayout",
   props: {
     /**
@@ -3763,23 +3919,38 @@ const qe = u({
     /**
      * sets the initial preferred margin from predefined available options
      */
-    gutters: { type: String, default: void 0 },
+    gutters: {
+      type: String,
+      default: void 0
+    },
     /**
      * sets the initial preferred measure of a column from predefined available options
      */
-    columnBasis: { type: String, default: void 0 },
+    columnBasis: {
+      type: String,
+      default: void 0
+    },
     /**
      * sets the initial preferred spacing of a column from predefined available options
      */
-    columnSpacing: { type: String, default: void 0 },
+    columnSpacing: {
+      type: String,
+      default: void 0
+    },
     /**
      * sets the initial preferred spacing of a row from predefined available options
      */
-    rowSpacing: { type: String, default: void 0 },
+    rowSpacing: {
+      type: String,
+      default: void 0
+    },
     /**
      * sets the initial preferred auto-sizing from predefined available options
      */
-    autoSizing: { type: String, default: void 0 }
+    autoSizing: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -3814,11 +3985,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("layout", E), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("layout", E), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3841,7 +4012,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3865,7 +4036,7 @@ const qe = u({
       ]
     );
   }
-}), si = u({
+}), si = h({
   name: "VMenu",
   props: {
     /**
@@ -3875,6 +4046,7 @@ const qe = u({
       type: String,
       default: void 0
     },
+    ariaLabel: { type: String, default: void 0 },
     /**
      * placement of the menu
      */
@@ -3885,7 +4057,10 @@ const qe = u({
     /**
      * id or direct reference to the menu's anchor element
      */
-    anchor: { type: [Object, String], default: void 0 },
+    anchor: {
+      type: [Object, String],
+      default: void 0
+    },
     /**
      * indicates whether the menu will automatically close when
      * the user clicks outside the menu
@@ -3939,7 +4114,7 @@ const qe = u({
     "close"
   ],
   setup(e, o) {
-    const n = p("menu", j), i = d(null);
+    const a = u("menu", j), i = d(null);
     return o.expose({
       /**
        * Focuses the first item in the menu.
@@ -3956,32 +4131,35 @@ const qe = u({
         return (t = i.value) == null ? void 0 : t.collapseExpandedItem();
       },
       anchorChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.anchorChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.anchorChanged(t, s);
       },
       autoDismissChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.autoDismissChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.autoDismissChanged(t, s);
       },
       openChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.openChanged(t, s);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
         attrs: {
           ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+          ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
           ...this.placement !== void 0 ? { placement: this.placement } : {},
           ...this.autoDismiss !== void 0 ? { "auto-dismiss": this.autoDismiss } : {},
           ...this.open !== void 0 ? { open: this.open } : {}
         },
         class: "vvd-component",
-        domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
+        domProps: {
+          ...this.anchor !== void 0 ? { anchor: this.anchor } : {}
+        },
         on: {
           click: (e) => this.$emit("click", e),
           focus: (e) => this.$emit("focus", e),
@@ -4000,12 +4178,13 @@ const qe = u({
         // @slot action-items Used to add action items to the bottom of the menu.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
         class: "vvd-component",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+        ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
         ...this.placement !== void 0 ? { placement: this.placement } : {},
         ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
         ...this.autoDismiss !== void 0 ? { "auto-dismiss": this.autoDismiss } : {},
@@ -4029,7 +4208,7 @@ const qe = u({
       ]
     );
   }
-}), ri = u({
+}), ri = h({
   name: "VMenuItem",
   model: r ? {
     prop: "modelValue",
@@ -4059,7 +4238,10 @@ const qe = u({
     /**
      * The role of the element.
      */
-    role: { type: String, default: void 0 },
+    role: {
+      type: String,
+      default: void 0
+    },
     /**
      * The checked value of the element.
      */
@@ -4079,7 +4261,10 @@ const qe = u({
     /**
      * Controls the appearance of the check indicator.
      */
-    checkAppearance: { type: String, default: void 0 }
+    checkAppearance: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -4129,11 +4314,11 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("menu-item", H), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("menu-item", H), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4159,7 +4344,10 @@ const qe = u({
           input: (e) => this.$emit("input", e),
           "expanded-change": (e) => this.$emit("expanded-change", e),
           change: (e) => {
-            this.$emit("update:modelValue", e.target.checked), this.$emit("change", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.checked
+            ), this.$emit("change", e);
           }
         }
       },
@@ -4169,7 +4357,7 @@ const qe = u({
         // @slot submenu Assign a Menu to the `submenu` slot to add a submenu.
         l("submenu", this.$slots.submenu)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4192,7 +4380,10 @@ const qe = u({
         onInput: (e) => this.$emit("input", e),
         onExpandedChange: (e) => this.$emit("expanded-change", e),
         onChange: (e) => {
-          this.$emit("update:modelValue", e.target.checked), this.$emit("change", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.checked
+          ), this.$emit("change", e);
         }
       },
       [
@@ -4203,7 +4394,7 @@ const qe = u({
       ]
     );
   }
-}), di = u({
+}), di = h({
   name: "VNav",
   props: {
     /**
@@ -4247,15 +4438,17 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("nav", W), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("nav", W), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
-        attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
+        attrs: {
+          ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {}
+        },
         class: "vvd-component",
         on: {
           click: (e) => this.$emit("click", e),
@@ -4267,7 +4460,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4286,7 +4479,7 @@ const qe = u({
       ]
     );
   }
-}), hi = u({
+}), hi = h({
   name: "VNavDisclosure",
   props: {
     /**
@@ -4339,11 +4532,14 @@ const qe = u({
     "toggle"
   ],
   setup(e, o) {
-    const n = p("nav-disclosure", _), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u(
+      "nav-disclosure",
+      _
+    ), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4369,7 +4565,7 @@ const qe = u({
         // @slot meta A slot to add additional content to the nav disclosure.
         l("meta", this.$slots.meta)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4394,7 +4590,7 @@ const qe = u({
       ]
     );
   }
-}), ui = u({
+}), ui = h({
   name: "VNavItem",
   props: {
     /**
@@ -4436,7 +4632,10 @@ const qe = u({
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
      */
-    target: { type: String, default: void 0 },
+    target: {
+      type: String,
+      default: void 0
+    },
     /**
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information.
      */
@@ -4479,16 +4678,16 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("nav-item", X), i = d(null);
+    const a = u("nav-item", X), i = d(null);
     return o.expose({
       getBodyTemplate() {
         var t;
         return (t = i.value) == null ? void 0 : t.getBodyTemplate();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4519,7 +4718,7 @@ const qe = u({
         // @slot meta A slot to add additional content to the nav item.
         l("meta", this.$slots.meta)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4548,7 +4747,7 @@ const qe = u({
       ]
     );
   }
-}), pi = u({
+}), pi = h({
   name: "VNote",
   props: {
     /**
@@ -4605,11 +4804,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("note", J), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("note", J), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4630,7 +4829,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4652,7 +4851,7 @@ const qe = u({
       ]
     );
   }
-}), ci = u({
+}), ci = h({
   name: "VNumberField",
   model: r ? {
     prop: "modelValue",
@@ -4760,9 +4959,18 @@ const qe = u({
      * The minimum the value can be
      */
     min: { type: Number, default: void 0 },
-    incrementButtonAriaLabel: { type: String, default: void 0 },
-    decrementButtonAriaLabel: { type: String, default: void 0 },
-    appearance: { type: String, default: void 0 },
+    incrementButtonAriaLabel: {
+      type: String,
+      default: void 0
+    },
+    decrementButtonAriaLabel: {
+      type: String,
+      default: void 0
+    },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     shape: { type: String, default: void 0 },
     autoComplete: { type: String, default: void 0 }
   },
@@ -4809,7 +5017,10 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("number-field", Z), i = d(null);
+    const a = u(
+      "number-field",
+      Z
+    ), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -4826,8 +5037,8 @@ const qe = u({
         return (t = i.value) == null ? void 0 : t.select();
       },
       stepChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.stepChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.stepChanged(t, s);
       },
       stepUp() {
         var t;
@@ -4837,10 +5048,10 @@ const qe = u({
         var t;
         return (t = i.value) == null ? void 0 : t.stepDown();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4882,13 +5093,16 @@ const qe = u({
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => {
-            this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.value
+            ), this.$emit("input", e);
           },
           change: (e) => this.$emit("change", e)
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4927,14 +5141,17 @@ const qe = u({
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => {
-          this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.value
+          ), this.$emit("input", e);
         },
         onChange: (e) => this.$emit("change", e)
       },
       []
     );
   }
-}), vi = u({
+}), vi = h({
   name: "VOption",
   props: {
     /**
@@ -5002,23 +5219,23 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("option", Q), i = d(null);
+    const a = u("option", Q), i = d(null);
     return o.expose({
       /**
        * Updates the ariaChecked property when the checked property changes.
        */
       checkedChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.checkedChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.checkedChanged(t, s);
       },
       initialValueChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.initialValueChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.initialValueChanged(t, s);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5046,7 +5263,7 @@ const qe = u({
         // @slot icon Slot to add an icon to the option.
         l("icon", this.$slots.icon)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5072,7 +5289,7 @@ const qe = u({
       ]
     );
   }
-}), mi = u({
+}), mi = h({
   name: "VPagination",
   props: {
     /**
@@ -5085,7 +5302,10 @@ const qe = u({
     /**
      * The size the pagination should have.
      */
-    size: { type: String, default: void 0 },
+    size: {
+      type: String,
+      default: void 0
+    },
     /**
      * The shape the pagination should have.
      */
@@ -5132,24 +5352,24 @@ const qe = u({
     "pagination-change"
   ],
   setup(e, o) {
-    const n = p("pagination", Y), i = d(null);
+    const a = u("pagination", Y), i = d(null);
     return o.expose({
       totalChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.totalChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.totalChanged(t, s);
       },
       selectedIndexChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.selectedIndexChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.selectedIndexChanged(t, s);
       },
       paginationButtonsChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.paginationButtonsChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.paginationButtonsChanged(t, s);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5173,7 +5393,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5195,7 +5415,7 @@ const qe = u({
       []
     );
   }
-}), fi = u({
+}), fi = h({
   name: "VProgress",
   props: {
     /**
@@ -5225,11 +5445,17 @@ const qe = u({
     /**
      * Indicates the progress' shape.
      */
-    shape: { type: String, default: void 0 },
+    shape: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates the progress' connotation.
      */
-    connotation: { type: String, default: void 0 },
+    connotation: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates the progress' reverse status.
      */
@@ -5268,11 +5494,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("progress", I), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("progress", I), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5298,7 +5524,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5322,7 +5548,7 @@ const qe = u({
       []
     );
   }
-}), gi = u({
+}), gi = h({
   name: "VProgressRing",
   props: {
     /**
@@ -5349,8 +5575,14 @@ const qe = u({
      */
     paused: { type: Boolean, default: void 0 },
     ariaLabel: { type: String, default: void 0 },
-    connotation: { type: String, default: void 0 },
-    size: { type: Number, default: void 0 }
+    connotation: {
+      type: String,
+      default: void 0
+    },
+    size: {
+      type: Number,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -5385,11 +5617,14 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("progress-ring", ee), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u(
+      "progress-ring",
+      ee
+    ), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5414,7 +5649,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5437,7 +5672,7 @@ const qe = u({
       []
     );
   }
-}), yi = u({
+}), yi = h({
   name: "VRadio",
   props: {
     /**
@@ -5496,7 +5731,10 @@ const qe = u({
     /**
      * The connotation the radioButton should have.
      */
-    connotation: { type: String, default: void 0 }
+    connotation: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -5536,11 +5774,11 @@ const qe = u({
     "change"
   ],
   setup(e, o) {
-    const n = p("radio", ie), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("radio", ie), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5570,7 +5808,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5598,7 +5836,7 @@ const qe = u({
       []
     );
   }
-}), bi = u({
+}), bi = h({
   name: "VRadioGroup",
   model: r ? {
     prop: "modelValue",
@@ -5684,11 +5922,11 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("radio-group", te), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("radio-group", te), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5710,12 +5948,15 @@ const qe = u({
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => this.$emit("input", e),
           change: (e) => {
-            this.$emit("update:modelValue", e.target.value), this.$emit("change", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.value
+            ), this.$emit("change", e);
           }
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5734,7 +5975,10 @@ const qe = u({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e),
         onChange: (e) => {
-          this.$emit("update:modelValue", e.target.value), this.$emit("change", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.value
+          ), this.$emit("change", e);
         }
       },
       [
@@ -5743,7 +5987,7 @@ const qe = u({
       ]
     );
   }
-}), ki = u({
+}), ki = h({
   name: "VSelectableBox",
   props: {
     /**
@@ -5769,11 +6013,17 @@ const qe = u({
     /**
      * The connotation the selectable box should have.
      */
-    connotation: { type: String, default: void 0 },
+    connotation: {
+      type: String,
+      default: void 0
+    },
     /**
      * The type of control the box should have: checkbox or radio.
      */
-    controlType: { type: String, default: void 0 },
+    controlType: {
+      type: String,
+      default: void 0
+    },
     /**
      * Removes the padding around the box's slot content
      */
@@ -5817,11 +6067,14 @@ const qe = u({
     "change"
   ],
   setup(e, o) {
-    const n = p("selectable-box", oe), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u(
+      "selectable-box",
+      oe
+    ), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5847,7 +6100,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5874,7 +6127,7 @@ const qe = u({
       ]
     );
   }
-}), Si = u({
+}), Si = h({
   name: "VSelect",
   model: r ? {
     prop: "modelValue",
@@ -5945,7 +6198,10 @@ const qe = u({
     /**
      * Reflects the placement for the listbox when the select is open.
      */
-    position: { type: String, default: void 0 },
+    position: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates if the listbox is in multi-selection mode.
      */
@@ -5953,7 +6209,10 @@ const qe = u({
     /**
      * The appearance attribute.
      */
-    appearance: { type: String, default: void 0 },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     /**
      * The shape attribute.
      */
@@ -6010,7 +6269,7 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("select", ne), i = d(null);
+    const a = u("select", ae), i = d(null);
     return o.expose({
       /**
        * Calculate and apply listbox positioning based on available viewport space.
@@ -6023,8 +6282,8 @@ const qe = u({
        * Sets the multiple property on the proxy element.
        */
       multipleChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.multipleChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.multipleChanged(t, s);
       },
       /**
        * Sets an option as selected and gives it focus.
@@ -6044,10 +6303,10 @@ const qe = u({
         var t;
         return (t = i.value) == null ? void 0 : t.setDefaultSelectedOption();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6080,7 +6339,10 @@ const qe = u({
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => {
-            this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.value
+            ), this.$emit("input", e);
           },
           change: (e) => this.$emit("change", e)
         }
@@ -6092,7 +6354,7 @@ const qe = u({
         // @slot meta Slot to add meta content to the select control.
         l("meta", this.$slots.meta)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6122,7 +6384,10 @@ const qe = u({
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => {
-          this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.value
+          ), this.$emit("input", e);
         },
         onChange: (e) => this.$emit("change", e)
       },
@@ -6136,7 +6401,7 @@ const qe = u({
       ]
     );
   }
-}), $i = u({
+}), $i = h({
   name: "VSideDrawer",
   props: {
     /**
@@ -6206,11 +6471,11 @@ const qe = u({
     "open"
   ],
   setup(e, o) {
-    const n = p("side-drawer", ae), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("side-drawer", ne), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6238,7 +6503,7 @@ const qe = u({
         // @slot app-content Sets assigned nodes to the main application content, the side drawer is opened next to.
         l("app-content", this.$slots["app-content"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6265,7 +6530,7 @@ const qe = u({
       ]
     );
   }
-}), xi = u({
+}), xi = h({
   name: "VSlider",
   model: r ? {
     prop: "modelValue",
@@ -6323,7 +6588,10 @@ const qe = u({
     /**
      * The orientation of the slider.
      */
-    orientation: { type: String, default: void 0 },
+    orientation: {
+      type: String,
+      default: void 0
+    },
     /**
      * The selection mode.
      */
@@ -6337,7 +6605,10 @@ const qe = u({
     /**
      * slider connotation
      */
-    connotation: { type: String, default: void 0 }
+    connotation: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -6382,7 +6653,7 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("slider", le), i = d(null);
+    const a = u("slider", le), i = d(null);
     return o.expose({
       /**
        * Increment the value by the step
@@ -6403,12 +6674,14 @@ const qe = u({
        */
       setThumbPositionForOrientation(t) {
         var s;
-        return (s = i.value) == null ? void 0 : s.setThumbPositionForOrientation(t);
+        return (s = i.value) == null ? void 0 : s.setThumbPositionForOrientation(
+          t
+        );
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6439,12 +6712,15 @@ const qe = u({
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => this.$emit("input", e),
           change: (e) => {
-            this.$emit("update:modelValue", e.target.value), this.$emit("change", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.value
+            ), this.$emit("change", e);
           }
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6472,13 +6748,16 @@ const qe = u({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e),
         onChange: (e) => {
-          this.$emit("update:modelValue", e.target.value), this.$emit("change", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.value
+          ), this.$emit("change", e);
         }
       },
       []
     );
   }
-}), wi = u({
+}), wi = h({
   name: "VSwitch",
   model: r ? {
     prop: "modelValue",
@@ -6499,7 +6778,10 @@ const qe = u({
     /**
      * Indicates the switch's connotation.
      */
-    connotation: { type: String, default: void 0 },
+    connotation: {
+      type: String,
+      default: void 0
+    },
     /**
      * The current checked state of the switch.
      */
@@ -6548,11 +6830,11 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("switch", se), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("switch", se), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6571,12 +6853,15 @@ const qe = u({
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => this.$emit("input", e),
           change: (e) => {
-            this.$emit("update:modelValue", e.target.checked), this.$emit("change", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.checked
+            ), this.$emit("change", e);
           }
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6592,13 +6877,16 @@ const qe = u({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e),
         onChange: (e) => {
-          this.$emit("update:modelValue", e.target.checked), this.$emit("change", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.checked
+          ), this.$emit("change", e);
         }
       },
       []
     );
   }
-}), Ci = u({
+}), Ci = h({
   name: "VTab",
   props: {
     /**
@@ -6624,11 +6912,17 @@ const qe = u({
     /**
      * The connotation the tab should have.
      */
-    connotation: { type: String, default: void 0 },
+    connotation: {
+      type: String,
+      default: void 0
+    },
     /**
      * The shape the tab should have.
      */
-    shape: { type: String, default: void 0 },
+    shape: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates the tab's label.
      */
@@ -6669,11 +6963,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("tab", re), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("tab", re), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6702,7 +6996,7 @@ const qe = u({
         // @slot icon Slot to add an icon to tab.
         l("icon", this.$slots.icon)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6729,7 +7023,7 @@ const qe = u({
       ]
     );
   }
-}), Li = u({
+}), Li = h({
   name: "VTabs",
   props: {
     /**
@@ -6742,7 +7036,10 @@ const qe = u({
     /**
      * The orientation
      */
-    orientation: { type: String, default: void 0 },
+    orientation: {
+      type: String,
+      default: void 0
+    },
     /**
      * The id of the active tab
      */
@@ -6754,7 +7051,10 @@ const qe = u({
     /**
      * The connotation the tabs should have.
      */
-    connotation: { type: String, default: void 0 }
+    connotation: {
+      type: String,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -6794,7 +7094,7 @@ const qe = u({
     "change"
   ],
   setup(e, o) {
-    const n = p("tabs", de), i = d(null);
+    const a = u("tabs", de), i = d(null);
     return o.expose({
       /**
        * The adjust method for FASTTabs
@@ -6812,8 +7112,8 @@ const qe = u({
         return (t = i.value) == null ? void 0 : t.orientationChanged();
       },
       activeidChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.activeidChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.activeidChanged(t, s);
       },
       tabsChanged() {
         var t;
@@ -6827,10 +7127,10 @@ const qe = u({
         var t;
         return (t = i.value) == null ? void 0 : t.patchIndicatorStyleTransition();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6853,7 +7153,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6877,7 +7177,7 @@ const qe = u({
       ]
     );
   }
-}), Vi = u({
+}), Vi = h({
   name: "VTabPanel",
   props: {
     /**
@@ -6921,15 +7221,17 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("tab-panel", he), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("tab-panel", he), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
-        attrs: { ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {} },
+        attrs: {
+          ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {}
+        },
         class: "vvd-component",
         on: {
           click: (e) => this.$emit("click", e),
@@ -6941,7 +7243,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6960,7 +7262,7 @@ const qe = u({
       ]
     );
   }
-}), Bi = u({
+}), Bi = h({
   name: "VTextArea",
   model: r ? {
     prop: "modelValue",
@@ -7010,15 +7312,17 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("text-area", ue), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("text-area", ue), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
-        attrs: { ...this.modelValue !== void 0 ? { "current-value": this.modelValue } : {} },
+        attrs: {
+          ...this.modelValue !== void 0 ? { "current-value": this.modelValue } : {}
+        },
         class: "vvd-component",
         on: {
           click: (e) => this.$emit("click", e),
@@ -7027,12 +7331,15 @@ const qe = u({
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => {
-            this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.value
+            ), this.$emit("input", e);
           }
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7044,13 +7351,16 @@ const qe = u({
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => {
-          this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.value
+          ), this.$emit("input", e);
         }
       },
       []
     );
   }
-}), Ti = u({
+}), Ti = h({
   name: "VTextField",
   model: r ? {
     prop: "modelValue",
@@ -7129,7 +7439,10 @@ const qe = u({
     /**
      * Allows setting a type or mode of text.
      */
-    type: { type: String, default: void 0 },
+    type: {
+      type: String,
+      default: void 0
+    },
     /**
      * Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.
      */
@@ -7154,7 +7467,10 @@ const qe = u({
      * Controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used.
      */
     spellcheck: { type: Boolean, default: void 0 },
-    appearance: { type: String, default: void 0 },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     shape: { type: String, default: void 0 },
     autoComplete: { type: String, default: void 0 }
   },
@@ -7201,7 +7517,7 @@ const qe = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const n = p("text-field", pe), i = d(null);
+    const a = u("text-field", pe), i = d(null);
     return o.expose({
       /**
        * Selects all the text in the text field
@@ -7221,10 +7537,10 @@ const qe = u({
         var t;
         return (t = i.value) == null ? void 0 : t.focus();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7263,18 +7579,24 @@ const qe = u({
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => {
-            this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+            this.$emit(
+              "update:modelValue",
+              e.target.value
+            ), this.$emit("input", e);
           },
           change: (e) => this.$emit("change", e)
         }
       },
       [
         // @slot leading-action-items Used to add action items to the start of the text-field.
-        l("leading-action-items", this.$slots["leading-action-items"]),
+        l(
+          "leading-action-items",
+          this.$slots["leading-action-items"]
+        ),
         // @slot action-items Used to add action items to the end of the text-field.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7310,19 +7632,25 @@ const qe = u({
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => {
-          this.$emit("update:modelValue", e.target.value), this.$emit("input", e);
+          this.$emit(
+            "update:modelValue",
+            e.target.value
+          ), this.$emit("input", e);
         },
         onChange: (e) => this.$emit("change", e)
       },
       [
         // @slot leading-action-items Used to add action items to the start of the text-field.
-        l("leading-action-items", this.$slots["leading-action-items"]),
+        l(
+          "leading-action-items",
+          this.$slots["leading-action-items"]
+        ),
         // @slot action-items Used to add action items to the end of the text-field.
         l("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), Ni = u({
+}), Ni = h({
   name: "VToggletip",
   props: {
     /**
@@ -7350,7 +7678,10 @@ const qe = u({
     /**
      * id or direct reference to the toggletip's anchor element
      */
-    anchor: { type: [String, Object], default: void 0 },
+    anchor: {
+      type: [String, Object],
+      default: void 0
+    },
     /**
      * indicates whether the toggletip is open
      */
@@ -7389,20 +7720,20 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("toggletip", ce), i = d(null);
+    const a = u("toggletip", ce), i = d(null);
     return o.expose({
       anchorChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.anchorChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.anchorChanged(t, s);
       },
       openChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.openChanged(t, s);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7414,7 +7745,9 @@ const qe = u({
           ...this.open !== void 0 ? { open: this.open } : {}
         },
         class: "vvd-component",
-        domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
+        domProps: {
+          ...this.anchor !== void 0 ? { anchor: this.anchor } : {}
+        },
         on: {
           click: (e) => this.$emit("click", e),
           focus: (e) => this.$emit("focus", e),
@@ -7429,7 +7762,7 @@ const qe = u({
         // @slot action-items The content to display in the toggletip action items.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7455,7 +7788,7 @@ const qe = u({
       ]
     );
   }
-}), zi = u({
+}), zi = h({
   name: "VTooltip",
   props: {
     /**
@@ -7475,7 +7808,10 @@ const qe = u({
       default: void 0
     },
     open: { type: Boolean, default: void 0 },
-    anchor: { type: [String, Object], default: void 0 }
+    anchor: {
+      type: [String, Object],
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -7510,20 +7846,20 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("tooltip", ve), i = d(null);
+    const a = u("tooltip", ve), i = d(null);
     return o.expose({
       anchorChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.anchorChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.anchorChanged(t, s);
       },
       openChanged(t, s) {
-        var h;
-        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
+        var p;
+        return (p = i.value) == null ? void 0 : p.openChanged(t, s);
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7534,7 +7870,9 @@ const qe = u({
           ...this.open !== void 0 ? { open: this.open } : {}
         },
         class: "vvd-component",
-        domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
+        domProps: {
+          ...this.anchor !== void 0 ? { anchor: this.anchor } : {}
+        },
         on: {
           click: (e) => this.$emit("click", e),
           focus: (e) => this.$emit("focus", e),
@@ -7545,7 +7883,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7565,7 +7903,7 @@ const qe = u({
       []
     );
   }
-}), Mi = u({
+}), Mi = h({
   name: "VTreeItem",
   props: {
     /**
@@ -7640,11 +7978,11 @@ const qe = u({
     "selected-change"
   ],
   setup(e, o) {
-    const n = p("tree-item", me), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("tree-item", me), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7672,7 +8010,7 @@ const qe = u({
         // @slot item To specify a child tree item.
         l("item", this.$slots.item)
       ]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7698,7 +8036,7 @@ const qe = u({
       ]
     );
   }
-}), Di = u({
+}), Di = h({
   name: "VTreeView",
   props: {
     /**
@@ -7712,7 +8050,10 @@ const qe = u({
      * /**
      *   When true, the control will be appear expanded by user interaction.
      */
-    renderCollapsedNodes: { type: Boolean, default: void 0 }
+    renderCollapsedNodes: {
+      type: Boolean,
+      default: void 0
+    }
   },
   emits: [
     /**
@@ -7747,11 +8088,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("tree-view", fe), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("tree-view", fe), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7770,7 +8111,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7790,7 +8131,7 @@ const qe = u({
       ]
     );
   }
-}), Fi = u({
+}), Fi = h({
   name: "VTag",
   props: {
     /**
@@ -7808,7 +8149,10 @@ const qe = u({
     /**
      * The connotation the tag should have.
      */
-    connotation: { type: String, default: void 0 },
+    connotation: {
+      type: String,
+      default: void 0
+    },
     /**
      * The shape the tag should have.
      */
@@ -7816,7 +8160,10 @@ const qe = u({
     /**
      * The appearance the tag should have.
      */
-    appearance: { type: String, default: void 0 },
+    appearance: {
+      type: String,
+      default: void 0
+    },
     /**
      * Indicates the tag's label.
      */
@@ -7871,7 +8218,7 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("tag", ge), i = d(null);
+    const a = u("tag", ge), i = d(null);
     return o.expose({
       remove() {
         var t;
@@ -7885,10 +8232,10 @@ const qe = u({
         var t;
         return (t = i.value) == null ? void 0 : t.handleClick();
       }
-    }), { componentName: n, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7915,7 +8262,7 @@ const qe = u({
         }
       },
       []
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7940,7 +8287,7 @@ const qe = u({
       []
     );
   }
-}), Ki = u({
+}), Ki = h({
   name: "VTagGroup",
   props: {
     /**
@@ -7985,11 +8332,11 @@ const qe = u({
     "input"
   ],
   setup(e, o) {
-    const n = p("tag-group", ye), i = d(null);
-    return o.expose({}), { componentName: n, element: i };
+    const a = u("tag-group", ye), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? a(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -8008,7 +8355,7 @@ const qe = u({
         }
       },
       [this.$slots.default]
-    ) : a(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -8032,19 +8379,19 @@ const qe = u({
 var $e = /* @__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))($e || {});
 const xe = `/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";
@@ -8260,19 +8607,19 @@ const xe = `/**
 /*# sourceMappingURL=theme-light.css.map */
 `, we = `/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";
@@ -8519,7 +8866,7 @@ const xe = `/**
 /*# sourceMappingURL=spezia-variable.css.map */
 `, Le = `/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 .vvd-root, ::part(vvd-root),
 .vvd-theme-alternate, ::part(vvd-theme-alternate) {
@@ -8533,7 +8880,7 @@ const xe = `/**
 /*# sourceMappingURL=vivid-2-compat.css.map */
 `, Ve = `/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);
@@ -8544,7 +8891,7 @@ const xe = `/**
 /*# sourceMappingURL=theme.css.map */
 `, Be = `/**
  * Do not edit directly
- * Generated on Thu, 07 Dec 2023 10:24:56 GMT
+ * Generated on Thu, 21 Dec 2023 10:43:18 GMT
  */
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;
@@ -8691,29 +9038,29 @@ const xe = `/**
   theme: Te,
   typography: Ne,
   vivid2Compat: ze
-}, g = "vvd-root", v = (e, o, n = !1) => {
+}, g = "vvd-root", v = (e, o, a = !1) => {
   const i = document.createElement("link");
-  i.setAttribute("rel", e), i.setAttribute("href", o), n && i.setAttribute("crossorigin", ""), document.head.append(i);
+  i.setAttribute("rel", e), i.setAttribute("href", o), a && i.setAttribute("crossorigin", ""), document.head.append(i);
 }, c = (e) => {
   const o = document.createElement("style");
   o.setAttribute("type", "text/css"), o.innerHTML = e, document.head.append(o);
 }, qi = {
   install(e, o) {
-    const n = o.addRootClassTo ?? "root";
-    switch (n) {
+    const a = o.addRootClassTo ?? "root";
+    switch (a) {
       case "root":
         document.documentElement.classList.add(g);
         break;
       case "app": {
-        const h = setInterval(() => {
-          e._container && (e._container.classList.add(g), clearInterval(h));
+        const p = setInterval(() => {
+          e._container && (e._container.classList.add(g), clearInterval(p));
         }, 30);
         break;
       }
       case "none":
         break;
       default:
-        throw new Error(`Invalid addRootClassTo option: ${n}`);
+        throw new Error(`Invalid addRootClassTo option: ${a}`);
     }
     const i = o.tokens ?? "light";
     switch (i) {
@@ -8729,8 +9076,8 @@ const xe = `/**
         throw new Error(`Invalid theme option: ${i}`);
     }
     const t = o.styles ?? [];
-    for (const h of t)
-      c(h.css);
+    for (const p of t)
+      c(p.css);
     const s = o.font ?? "oss";
     switch (s) {
       case "oss":
@@ -8776,8 +9123,8 @@ export {
   ii as VDivider,
   ti as VEmptyState,
   oi as VFab,
-  ni as VHeader,
-  ai as VIcon,
+  ai as VHeader,
+  ni as VIcon,
   li as VLayout,
   si as VMenu,
   ri as VMenuItem,