@vonage/vivid-vue 3.21.0 → 3.23.0

package/dist/index.es.js

@@ -1,17 +1,17 @@
-import { ref as d, version as v, onBeforeMount as f, defineComponent as u, h as s } from "vue";
-import { registerAccordion as g, registerAccordionItem as y, registerActionGroup as k, registerAlert as b, registerAvatar as $, registerBadge as S, registerBanner as C, registerBreadcrumb as w, registerBreadcrumbItem as L, registerButton as x, registerCalendar as V, registerCalendarEvent as N, registerCard as T, registerCheckbox as B, registerCombobox as z, registerDataGrid as c, registerDatePicker as K, registerDateRangePicker as M, registerDialog as D, registerDivider as F, registerEmptyState as q, registerFab as P, registerHeader as O, registerIcon as A, registerLayout as R, registerMenu as U, registerMenuItem as j, registerNav as G, registerNavDisclosure as H, registerNavItem as E, registerNote as W, registerNumberField as _, registerOption as J, registerPagination as Z, registerProgress as X, registerProgressRing as Q, registerRadio as Y, registerRadioGroup as I, registerSelect as ee, registerSideDrawer as ie, registerSlider as te, registerSwitch as oe, registerTab as le, registerTabs as se, registerTabPanel as ae, registerTextArea as ne, registerTextField as re, registerToggletip as de, registerTooltip as ue, registerTreeItem as he, registerTreeView as pe, registerTag as me, registerTagGroup as ce } from "@vonage/vivid";
+import { ref as d, version as y, onBeforeMount as b, defineComponent as u, 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 F, registerCombobox as D, 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 = v.startsWith("2");
-function h(e, o) {
-  const l = d(`${m.value}-${e}`);
-  return f(() => {
+const r = y.startsWith("2");
+function p(e, o) {
+  const a = d(`${m.value}-${e}`);
+  return b(() => {
     o(m.value);
-  }), l;
+  }), a;
 }
-const $e = u({
+const De = u({
   name: "VAccordion",
   props: {
     /**
@@ -65,16 +65,16 @@ const $e = u({
     "change"
   ],
   setup(e, o) {
-    const l = h("accordion", g), i = d(null);
+    const a = p("accordion", k), i = d(null);
     return o.expose({
       closeAll() {
         var t;
         return (t = i.value) == null ? void 0 : t.closeAll();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -94,7 +94,7 @@ const $e = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -115,7 +115,7 @@ const $e = u({
       ]
     );
   }
-}), Se = u({
+}), Ke = u({
   name: "VAccordionItem",
   props: {
     /**
@@ -196,11 +196,11 @@ const $e = u({
     "change"
   ],
   setup(e, o) {
-    const l = h("accordion-item", y), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("accordion-item", S), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -228,7 +228,7 @@ const $e = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -257,7 +257,7 @@ const $e = u({
       ]
     );
   }
-}), Ce = u({
+}), Ae = u({
   name: "VActionGroup",
   props: {
     /**
@@ -315,11 +315,11 @@ const $e = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("action-group", k), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("action-group", $), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -342,7 +342,7 @@ const $e = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -367,21 +367,21 @@ const $e = u({
     );
   }
 });
-function ve(e, o) {
-  return o.forEach((l) => {
+function ke(e, o) {
+  return o.forEach((a) => {
     var i;
-    l.data || (l.data = {}), l.data.attrs = { ...(i = l.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 fe(e, o) {
-  return o.forEach((l) => {
-    l.props || (l.props = {}), l.props = { ...l.props, slot: e };
+function Se(e, o) {
+  return o.forEach((a) => {
+    a.props || (a.props = {}), a.props = { ...a.props, slot: e };
   }), o;
 }
-function a(e, o) {
-  return o ? r ? ve(e, o) : fe(e, o()) : null;
+function l(e, o) {
+  return o ? r ? ke(e, o) : Se(e, o()) : null;
 }
-const we = u({
+const qe = u({
   name: "VAlert",
   props: {
     /**
@@ -391,6 +391,7 @@ const we = u({
       type: String,
       default: void 0
     },
+    dismissButtonAriaLabel: { type: String, default: void 0 },
     /**
      * if the alert is removable
      * accepts boolean
@@ -478,21 +479,22 @@ const we = u({
     "close"
   ],
   setup(e, o) {
-    const l = h("alert", b), i = d(null);
+    const a = p("alert", x), i = d(null);
     return o.expose({
-      openChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
+      openChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
         attrs: {
           ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+          ...this.dismissButtonAriaLabel !== void 0 ? { "dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
           ...this.removable !== void 0 ? { removable: this.removable } : {},
           ...this.placement !== void 0 ? { placement: this.placement } : {},
           ...this.headline !== void 0 ? { headline: this.headline } : {},
@@ -516,16 +518,17 @@ const we = u({
       },
       [
         // @slot main The main content of the alert.
-        a("main", this.$slots.main),
+        l("main", this.$slots.main),
         // @slot action-items Add action items to alert using this slot.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
         class: "vvd-component",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+        ...this.dismissButtonAriaLabel !== void 0 ? { "dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
         ...this.removable !== void 0 ? { removable: this.removable } : {},
         ...this.placement !== void 0 ? { placement: this.placement } : {},
         ...this.headline !== void 0 ? { headline: this.headline } : {},
@@ -545,13 +548,13 @@ const we = u({
       },
       [
         // @slot main The main content of the alert.
-        a("main", this.$slots.main),
+        l("main", this.$slots.main),
         // @slot action-items Add action items to alert using this slot.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), Le = u({
+}), Pe = u({
   name: "VAvatar",
   props: {
     /**
@@ -620,11 +623,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("avatar", $), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("avatar", w), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -649,9 +652,9 @@ const we = u({
       },
       [
         // @slot graphic Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).
-        a("graphic", this.$slots.graphic)
+        l("graphic", this.$slots.graphic)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -672,11 +675,11 @@ const we = u({
       },
       [
         // @slot graphic Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).
-        a("graphic", this.$slots.graphic)
+        l("graphic", this.$slots.graphic)
       ]
     );
   }
-}), xe = u({
+}), Oe = u({
   name: "VBadge",
   props: {
     /**
@@ -748,11 +751,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("badge", S), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("badge", C), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -776,7 +779,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -798,7 +801,7 @@ const we = u({
       []
     );
   }
-}), Ve = u({
+}), Ue = u({
   name: "VBanner",
   props: {
     /**
@@ -813,6 +816,7 @@ const we = u({
       type: String,
       default: void 0
     },
+    dismissAriaLabel: { type: String, default: void 0 },
     role: { type: String, default: void 0 },
     actionHref: { type: String, default: void 0 },
     actionText: { type: String, default: void 0 },
@@ -857,22 +861,23 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("banner", C), i = d(null);
+    const a = p("banner", L), i = d(null);
     return o.expose({
       remove() {
         var t;
         return (t = i.value) == null ? void 0 : t.remove();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
         attrs: {
           ...this.icon !== void 0 ? { icon: this.icon } : {},
           ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+          ...this.dismissAriaLabel !== void 0 ? { "dismiss-aria-label": this.dismissAriaLabel } : {},
           ...this.role !== void 0 ? { role: this.role } : {},
           ...this.actionHref !== void 0 ? { "action-href": this.actionHref } : {},
           ...this.actionText !== void 0 ? { "action-text": this.actionText } : {},
@@ -893,15 +898,16 @@ const we = u({
       },
       [
         // @slot action-items Add action items to banner using this slot.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
         class: "vvd-component",
         ...this.icon !== void 0 ? { icon: this.icon } : {},
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+        ...this.dismissAriaLabel !== void 0 ? { "dismiss-aria-label": this.dismissAriaLabel } : {},
         ...this.role !== void 0 ? { role: this.role } : {},
         ...this.actionHref !== void 0 ? { "action-href": this.actionHref } : {},
         ...this.actionText !== void 0 ? { "action-text": this.actionText } : {},
@@ -918,11 +924,11 @@ const we = u({
       },
       [
         // @slot action-items Add action items to banner using this slot.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), Ne = u({
+}), Re = u({
   name: "VBreadcrumb",
   props: {
     /**
@@ -966,11 +972,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("breadcrumb", w), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("breadcrumb", V), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -986,7 +992,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1005,7 +1011,7 @@ const we = u({
       ]
     );
   }
-}), Te = u({
+}), Ge = u({
   name: "VBreadcrumbItem",
   props: {
     /**
@@ -1082,11 +1088,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("breadcrumb-item", L), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("breadcrumb-item", B), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1113,7 +1119,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1138,7 +1144,7 @@ const we = u({
       []
     );
   }
-}), Be = u({
+}), Ee = u({
   name: "VButton",
   props: {
     /**
@@ -1277,7 +1283,7 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("button", x), i = d(null);
+    const a = p("button", T), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -1286,10 +1292,10 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.validate();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1330,7 +1336,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1369,7 +1375,7 @@ const we = u({
       []
     );
   }
-}), ze = u({
+}), je = u({
   name: "VCalendar",
   props: {
     /**
@@ -1440,16 +1446,16 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("calendar", V), i = d(null);
+    const a = p("calendar", N), i = d(null);
     return o.expose({
       onKeydown(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.onKeydown(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.onKeydown(t);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1475,21 +1481,21 @@ const we = u({
       [
         this.$slots.default,
         // @slot day-0 Assign elements to corresponding day column using this slot.
-        a("day-0", this.$slots["day-0"]),
+        l("day-0", this.$slots["day-0"]),
         // @slot day-1 Assign elements to corresponding day column using this slot.
-        a("day-1", this.$slots["day-1"]),
+        l("day-1", this.$slots["day-1"]),
         // @slot day-2 Assign elements to corresponding day column using this slot.
-        a("day-2", this.$slots["day-2"]),
+        l("day-2", this.$slots["day-2"]),
         // @slot day-3 Assign elements to corresponding day column using this slot.
-        a("day-3", this.$slots["day-3"]),
+        l("day-3", this.$slots["day-3"]),
         // @slot day-4 Assign elements to corresponding day column using this slot.
-        a("day-4", this.$slots["day-4"]),
+        l("day-4", this.$slots["day-4"]),
         // @slot day-5 Assign elements to corresponding day column using this slot.
-        a("day-5", this.$slots["day-5"]),
+        l("day-5", this.$slots["day-5"]),
         // @slot day-6 Assign elements to corresponding day column using this slot.
-        a("day-6", this.$slots["day-6"])
+        l("day-6", this.$slots["day-6"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1510,23 +1516,23 @@ const we = u({
         // @ts-ignore
         this.$slots.default && this.$slots.default(),
         // @slot day-0 Assign elements to corresponding day column using this slot.
-        a("day-0", this.$slots["day-0"]),
+        l("day-0", this.$slots["day-0"]),
         // @slot day-1 Assign elements to corresponding day column using this slot.
-        a("day-1", this.$slots["day-1"]),
+        l("day-1", this.$slots["day-1"]),
         // @slot day-2 Assign elements to corresponding day column using this slot.
-        a("day-2", this.$slots["day-2"]),
+        l("day-2", this.$slots["day-2"]),
         // @slot day-3 Assign elements to corresponding day column using this slot.
-        a("day-3", this.$slots["day-3"]),
+        l("day-3", this.$slots["day-3"]),
         // @slot day-4 Assign elements to corresponding day column using this slot.
-        a("day-4", this.$slots["day-4"]),
+        l("day-4", this.$slots["day-4"]),
         // @slot day-5 Assign elements to corresponding day column using this slot.
-        a("day-5", this.$slots["day-5"]),
+        l("day-5", this.$slots["day-5"]),
         // @slot day-6 Assign elements to corresponding day column using this slot.
-        a("day-6", this.$slots["day-6"])
+        l("day-6", this.$slots["day-6"])
       ]
     );
   }
-}), Ke = u({
+}), He = u({
   name: "VCalendarEvent",
   props: {
     /**
@@ -1601,11 +1607,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("calendar-event", N), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("calendar-event", z), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1630,7 +1636,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1653,7 +1659,7 @@ const we = u({
       []
     );
   }
-}), Me = u({
+}), We = u({
   name: "VCard",
   props: {
     /**
@@ -1663,6 +1669,10 @@ const we = u({
       type: String,
       default: void 0
     },
+    /**
+     * The appearance the card should have.
+     */
+    appearance: { type: String, default: void 0 },
     /**
      * the text of the card heading
      * accepts string
@@ -1721,16 +1731,17 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("card", T), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("card", M), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
         attrs: {
           ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+          ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
           ...this.headline !== void 0 ? { headline: this.headline } : {},
           ...this.subtitle !== void 0 ? { subtitle: this.subtitle } : {},
           ...this.text !== void 0 ? { text: this.text } : {},
@@ -1749,22 +1760,23 @@ const we = u({
       },
       [
         // @slot graphic The graphic slot overrides the icon property.
-        a("graphic", this.$slots.graphic),
+        l("graphic", this.$slots.graphic),
         // @slot media The media slot is mainly for images or video content above the card header.
-        a("media", this.$slots.media),
+        l("media", this.$slots.media),
         // @slot meta The meta slot is for action content in the card header.
-        a("meta", this.$slots.meta),
+        l("meta", this.$slots.meta),
         // @slot footer The footer slot is for content in the card footer.
-        a("footer", this.$slots.footer),
+        l("footer", this.$slots.footer),
         // @slot main Assign nodes to main slot to fully override a card's predefined flow and style with your own.
-        a("main", this.$slots.main)
+        l("main", this.$slots.main)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
         class: "vvd-component",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+        ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
         ...this.headline !== void 0 ? { headline: this.headline } : {},
         ...this.subtitle !== void 0 ? { subtitle: this.subtitle } : {},
         ...this.text !== void 0 ? { text: this.text } : {},
@@ -1779,19 +1791,19 @@ const we = u({
       },
       [
         // @slot graphic The graphic slot overrides the icon property.
-        a("graphic", this.$slots.graphic),
+        l("graphic", this.$slots.graphic),
         // @slot media The media slot is mainly for images or video content above the card header.
-        a("media", this.$slots.media),
+        l("media", this.$slots.media),
         // @slot meta The meta slot is for action content in the card header.
-        a("meta", this.$slots.meta),
+        l("meta", this.$slots.meta),
         // @slot footer The footer slot is for content in the card footer.
-        a("footer", this.$slots.footer),
+        l("footer", this.$slots.footer),
         // @slot main Assign nodes to main slot to fully override a card's predefined flow and style with your own.
-        a("main", this.$slots.main)
+        l("main", this.$slots.main)
       ]
     );
   }
-}), De = u({
+}), _e = u({
   name: "VCheckbox",
   model: r ? {
     prop: "modelValue",
@@ -1862,6 +1874,8 @@ const we = u({
      * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
      */
     readonly: { type: Boolean, default: void 0 },
+    ariaLabel: { type: String, default: void 0 },
+    tabindex: { type: String, default: void 0 },
     /**
      * The connotation the checklist should have.
      */
@@ -1893,16 +1907,16 @@ const we = u({
      * @type {KeyboardEvent}
      */
     "keyup",
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
-    "input",
     /**
      * Emits a custom change event when the checked state changes
      * @type {unknown}
      */
     "change",
+    /**
+     * Event that emits when the component checked state changes
+     * @type {unknown}
+     */
+    "input",
     /**
      * Emits a custom change event when the checked state changes
      * @type {boolean}
@@ -1910,11 +1924,11 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("checkbox", B), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("checkbox", F), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -1932,6 +1946,8 @@ const we = u({
           ...this.checked !== void 0 ? { checked: this.checked } : {},
           ...this.modelValue !== void 0 ? { "current-checked": this.modelValue } : {},
           ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
+          ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
+          ...this.tabindex !== void 0 ? { tabindex: this.tabindex } : {},
           ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
         },
         class: "vvd-component",
@@ -1941,14 +1957,14 @@ const we = u({
           blur: (e) => this.$emit("blur", e),
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
-          input: (e) => this.$emit("input", e),
           change: (e) => {
             this.$emit("update:modelValue", e.target.checked), this.$emit("change", e);
-          }
+          },
+          input: (e) => this.$emit("input", e)
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -1966,21 +1982,23 @@ const we = u({
         ...this.checked !== void 0 ? { checked: this.checked } : {},
         ...this.modelValue !== void 0 ? { "current-checked": this.modelValue } : {},
         ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
+        ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
+        ...this.tabindex !== void 0 ? { tabindex: this.tabindex } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         onClick: (e) => this.$emit("click", e),
         onFocus: (e) => this.$emit("focus", e),
         onBlur: (e) => this.$emit("blur", e),
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
-        onInput: (e) => this.$emit("input", e),
         onChange: (e) => {
           this.$emit("update:modelValue", e.target.checked), this.$emit("change", e);
-        }
+        },
+        onInput: (e) => this.$emit("input", e)
       },
       []
     );
   }
-}), Fe = u({
+}), Xe = u({
   name: "VCombobox",
   model: r ? {
     prop: "modelValue",
@@ -2094,7 +2112,7 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("combobox", z), i = d(null);
+    const a = p("combobox", D), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -2114,8 +2132,8 @@ const we = u({
        * Calculate and apply listbox positioning based on available viewport space.
        */
       setPositioning(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.setPositioning(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.setPositioning(t);
       },
       /**
        * Moves focus to the first selectable option.
@@ -2131,10 +2149,10 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.setSelectedOptions();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2167,7 +2185,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2201,7 +2219,7 @@ const we = u({
       ]
     );
   }
-}), qe = u({
+}), Je = u({
   name: "VDataGrid",
   props: {
     /**
@@ -2269,16 +2287,16 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("data-grid", c), i = d(null);
+    const a = p("data-grid", f), i = d(null);
     return o.expose({
       selectionModeChanged(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.selectionModeChanged(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.selectionModeChanged(t);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2301,7 +2319,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2325,7 +2343,7 @@ const we = u({
       ]
     );
   }
-}), Pe = u({
+}), Ze = u({
   name: "VDataGridRow",
   props: {
     /**
@@ -2386,24 +2404,24 @@ const we = u({
     "row-focused"
   ],
   setup(e, o) {
-    const l = h("data-grid-row", c), i = d(null);
+    const a = p("data-grid-row", f), i = d(null);
     return o.expose({
       handleFocusout(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.handleFocusout(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.handleFocusout(t);
       },
       handleCellFocus(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.handleCellFocus(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.handleCellFocus(t);
       },
       handleKeydown(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.handleKeydown(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.handleKeydown(t);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2425,7 +2443,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2448,7 +2466,7 @@ const we = u({
       ]
     );
   }
-}), Oe = u({
+}), Qe = u({
   name: "VDataGridCell",
   props: {
     /**
@@ -2516,31 +2534,36 @@ const we = u({
      * Fires a custom 'cell-focused' event when focus is on the cell or its contents
      * @type {unknown}
      */
-    "cell-focused"
+    "cell-focused",
+    /**
+     * Event that fires when a sortable column header is clicked
+     * @type {unknown}
+     */
+    "sort"
   ],
   setup(e, o) {
-    const l = h("data-grid-cell", c), i = d(null);
+    const a = p("data-grid-cell", f), i = d(null);
     return o.expose({
       handleKeydown(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.handleKeydown(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.handleKeydown(t);
       },
-      ariaSelectedChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.ariaSelectedChanged(t, n);
+      ariaSelectedChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.ariaSelectedChanged(t, s);
       },
       handleFocusin(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.handleFocusin(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.handleFocusin(t);
       },
       handleFocusout(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.handleFocusout(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.handleFocusout(t);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2560,11 +2583,12 @@ const we = u({
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => this.$emit("input", e),
-          "cell-focused": (e) => this.$emit("cell-focused", e)
+          "cell-focused": (e) => this.$emit("cell-focused", e),
+          sort: (e) => this.$emit("sort", e)
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2581,7 +2605,8 @@ const we = u({
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e),
-        onCellFocused: (e) => this.$emit("cell-focused", e)
+        onCellFocused: (e) => this.$emit("cell-focused", e),
+        onSort: (e) => this.$emit("sort", e)
       },
       [
         // @ts-ignore
@@ -2589,7 +2614,7 @@ const we = u({
       ]
     );
   }
-}), Ae = u({
+}), Ye = u({
   name: "VDatePicker",
   model: r ? {
     prop: "modelValue",
@@ -2682,11 +2707,11 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("date-picker", K), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("date-picker", K), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2716,7 +2741,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2744,7 +2769,7 @@ const we = u({
       []
     );
   }
-}), Re = u({
+}), Ie = u({
   name: "VDateRangePicker",
   props: {
     /**
@@ -2864,11 +2889,11 @@ const we = u({
     "update:end"
   ],
   setup(e, o) {
-    const l = h("date-range-picker", M), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("date-range-picker", A), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -2904,7 +2929,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -2938,7 +2963,7 @@ const we = u({
       []
     );
   }
-}), Ue = u({
+}), ei = u({
   name: "VDialog",
   props: {
     /**
@@ -2963,7 +2988,8 @@ const we = u({
     fullWidthBody: { type: Boolean, default: void 0 },
     ariaLabelledby: { type: String, default: void 0 },
     ariaLabel: { type: String, default: void 0 },
-    ariaDescribedby: { type: String, default: void 0 }
+    ariaDescribedby: { type: String, default: void 0 },
+    dismissButtonAriaLabel: { type: String, default: void 0 }
   },
   emits: [
     /**
@@ -3003,11 +3029,11 @@ const we = u({
     "close"
   ],
   setup(e, o) {
-    const l = h("dialog", D), i = d(null);
+    const a = p("dialog", q), i = d(null);
     return o.expose({
-      openChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
+      openChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
       },
       close() {
         var t;
@@ -3021,10 +3047,10 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.showModal();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3038,7 +3064,8 @@ const we = u({
           ...this.fullWidthBody !== void 0 ? { "full-width-body": this.fullWidthBody } : {},
           ...this.ariaLabelledby !== void 0 ? { "aria-labelledby": this.ariaLabelledby } : {},
           ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
-          ...this.ariaDescribedby !== void 0 ? { "aria-describedby": this.ariaDescribedby } : {}
+          ...this.ariaDescribedby !== void 0 ? { "aria-describedby": this.ariaDescribedby } : {},
+          ...this.dismissButtonAriaLabel !== void 0 ? { "dismiss-button-aria-label": this.dismissButtonAriaLabel } : {}
         },
         class: "vvd-component",
         on: {
@@ -3053,17 +3080,17 @@ const we = u({
       },
       [
         // @slot graphic Use the graphic slot in order to replace the icon.
-        a("graphic", this.$slots.graphic),
+        l("graphic", this.$slots.graphic),
         // @slot body Use the body slot in order to add custom HTML to the dialog.
-        a("body", this.$slots.body),
+        l("body", this.$slots.body),
         // @slot footer Use the footer slot in order to add action buttons to the bottom of the dialog.
-        a("footer", this.$slots.footer),
+        l("footer", this.$slots.footer),
         // @slot main Assign nodes to the main slot to fully override a dialog’s predefined flow and style with your own.
-        a("main", this.$slots.main),
+        l("main", this.$slots.main),
         // @slot action-items Use the action-items slot in order to add action buttons to the bottom of the dialog.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3078,6 +3105,7 @@ const we = u({
         ...this.ariaLabelledby !== void 0 ? { "aria-labelledby": this.ariaLabelledby } : {},
         ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
         ...this.ariaDescribedby !== void 0 ? { "aria-describedby": this.ariaDescribedby } : {},
+        ...this.dismissButtonAriaLabel !== void 0 ? { "dismiss-button-aria-label": this.dismissButtonAriaLabel } : {},
         onClick: (e) => this.$emit("click", e),
         onFocus: (e) => this.$emit("focus", e),
         onBlur: (e) => this.$emit("blur", e),
@@ -3088,19 +3116,19 @@ const we = u({
       },
       [
         // @slot graphic Use the graphic slot in order to replace the icon.
-        a("graphic", this.$slots.graphic),
+        l("graphic", this.$slots.graphic),
         // @slot body Use the body slot in order to add custom HTML to the dialog.
-        a("body", this.$slots.body),
+        l("body", this.$slots.body),
         // @slot footer Use the footer slot in order to add action buttons to the bottom of the dialog.
-        a("footer", this.$slots.footer),
+        l("footer", this.$slots.footer),
         // @slot main Assign nodes to the main slot to fully override a dialog’s predefined flow and style with your own.
-        a("main", this.$slots.main),
+        l("main", this.$slots.main),
         // @slot action-items Use the action-items slot in order to add action buttons to the bottom of the dialog.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), je = u({
+}), ii = u({
   name: "VDivider",
   props: {
     /**
@@ -3152,11 +3180,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("divider", F), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("divider", P), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3176,7 +3204,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3194,7 +3222,7 @@ const we = u({
       []
     );
   }
-}), Ge = u({
+}), ti = u({
   name: "VEmptyState",
   props: {
     /**
@@ -3247,11 +3275,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("empty-state", q), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("empty-state", O), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3273,11 +3301,11 @@ const we = u({
       [
         this.$slots.default,
         // @slot graphic The graphic slot allows overriding the icon with a custom illustration
-        a("graphic", this.$slots.graphic),
+        l("graphic", this.$slots.graphic),
         // @slot action-items Slot to add action items to the empty state
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3296,13 +3324,13 @@ const we = u({
         // @ts-ignore
         this.$slots.default && this.$slots.default(),
         // @slot graphic The graphic slot allows overriding the icon with a custom illustration
-        a("graphic", this.$slots.graphic),
+        l("graphic", this.$slots.graphic),
         // @slot action-items Slot to add action items to the empty state
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), He = u({
+}), oi = u({
   name: "VFab",
   props: {
     /**
@@ -3424,7 +3452,7 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("fab", P), i = d(null);
+    const a = p("fab", U), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -3433,10 +3461,10 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.validate();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3473,9 +3501,9 @@ const we = u({
       },
       [
         // @slot icon Slot to add an icon to fab.
-        a("icon", this.$slots.icon)
+        l("icon", this.$slots.icon)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3508,11 +3536,11 @@ const we = u({
       },
       [
         // @slot icon Slot to add an icon to fab.
-        a("icon", this.$slots.icon)
+        l("icon", this.$slots.icon)
       ]
     );
   }
-}), Ee = u({
+}), ai = u({
   name: "VHeader",
   props: {
     /**
@@ -3564,11 +3592,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("header", O), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("header", R), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3590,11 +3618,11 @@ const we = u({
       [
         this.$slots.default,
         // @slot action-items Nodes assigned to action-items slot will be set at the end of the header.
-        a("action-items", this.$slots["action-items"]),
+        l("action-items", this.$slots["action-items"]),
         // @slot app-content Content vertically aligned with header.
-        a("app-content", this.$slots["app-content"])
+        l("app-content", this.$slots["app-content"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3613,13 +3641,13 @@ const we = u({
         // @ts-ignore
         this.$slots.default && this.$slots.default(),
         // @slot action-items Nodes assigned to action-items slot will be set at the end of the header.
-        a("action-items", this.$slots["action-items"]),
+        l("action-items", this.$slots["action-items"]),
         // @slot app-content Content vertically aligned with header.
-        a("app-content", this.$slots["app-content"])
+        l("app-content", this.$slots["app-content"])
       ]
     );
   }
-}), We = u({
+}), ni = u({
   name: "VIcon",
   props: {
     /**
@@ -3676,16 +3704,16 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("icon", A), i = d(null);
+    const a = p("icon", G), i = d(null);
     return o.expose({
       nameChanged() {
         var t;
         return (t = i.value) == null ? void 0 : t.nameChanged();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3706,7 +3734,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3728,7 +3756,7 @@ const we = u({
       ]
     );
   }
-}), _e = u({
+}), li = u({
   name: "VLayout",
   props: {
     /**
@@ -3792,11 +3820,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("layout", R), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("layout", E), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3819,7 +3847,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -3843,7 +3871,7 @@ const we = u({
       ]
     );
   }
-}), Je = u({
+}), si = u({
   name: "VMenu",
   props: {
     /**
@@ -3917,7 +3945,7 @@ const we = u({
     "close"
   ],
   setup(e, o) {
-    const l = h("menu", U), i = d(null);
+    const a = p("menu", j), i = d(null);
     return o.expose({
       /**
        * Focuses the first item in the menu.
@@ -3933,22 +3961,22 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.collapseExpandedItem();
       },
-      anchorChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.anchorChanged(t, n);
+      anchorChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.anchorChanged(t, s);
       },
-      autoDismissChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.autoDismissChanged(t, n);
+      autoDismissChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.autoDismissChanged(t, s);
       },
-      openChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
+      openChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -3974,11 +4002,11 @@ const we = u({
       [
         this.$slots.default,
         // @slot header Used to add additional content to the top of the menu.
-        a("header", this.$slots.header),
+        l("header", this.$slots.header),
         // @slot action-items Used to add action items to the bottom of the menu.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4001,13 +4029,13 @@ const we = u({
         // @ts-ignore
         this.$slots.default && this.$slots.default(),
         // @slot header Used to add additional content to the top of the menu.
-        a("header", this.$slots.header),
+        l("header", this.$slots.header),
         // @slot action-items Used to add action items to the bottom of the menu.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), Ze = u({
+}), ri = u({
   name: "VMenuItem",
   model: r ? {
     prop: "modelValue",
@@ -4107,11 +4135,11 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("menu-item", j), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("menu-item", H), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4143,11 +4171,11 @@ const we = u({
       },
       [
         // @slot meta Assign nodes to the `meta` slot to set a badge or an additional icon.
-        a("meta", this.$slots.meta),
+        l("meta", this.$slots.meta),
         // @slot submenu Assign a Menu to the `submenu` slot to add a submenu.
-        a("submenu", this.$slots.submenu)
+        l("submenu", this.$slots.submenu)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4175,13 +4203,13 @@ const we = u({
       },
       [
         // @slot meta Assign nodes to the `meta` slot to set a badge or an additional icon.
-        a("meta", this.$slots.meta),
+        l("meta", this.$slots.meta),
         // @slot submenu Assign a Menu to the `submenu` slot to add a submenu.
-        a("submenu", this.$slots.submenu)
+        l("submenu", this.$slots.submenu)
       ]
     );
   }
-}), Xe = u({
+}), di = u({
   name: "VNav",
   props: {
     /**
@@ -4225,11 +4253,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("nav", G), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("nav", W), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4245,7 +4273,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4264,7 +4292,7 @@ const we = u({
       ]
     );
   }
-}), Qe = u({
+}), hi = u({
   name: "VNavDisclosure",
   props: {
     /**
@@ -4317,11 +4345,11 @@ const we = u({
     "toggle"
   ],
   setup(e, o) {
-    const l = h("nav-disclosure", H), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("nav-disclosure", _), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4345,9 +4373,9 @@ const we = u({
       [
         this.$slots.default,
         // @slot meta A slot to add additional content to the nav disclosure.
-        a("meta", this.$slots.meta)
+        l("meta", this.$slots.meta)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4368,11 +4396,11 @@ const we = u({
         // @ts-ignore
         this.$slots.default && this.$slots.default(),
         // @slot meta A slot to add additional content to the nav disclosure.
-        a("meta", this.$slots.meta)
+        l("meta", this.$slots.meta)
       ]
     );
   }
-}), Ye = u({
+}), ui = u({
   name: "VNavItem",
   props: {
     /**
@@ -4457,16 +4485,16 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("nav-item", E), i = d(null);
+    const a = p("nav-item", X), i = d(null);
     return o.expose({
       getBodyTemplate() {
         var t;
         return (t = i.value) == null ? void 0 : t.getBodyTemplate();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4495,9 +4523,9 @@ const we = u({
       },
       [
         // @slot meta A slot to add additional content to the nav item.
-        a("meta", this.$slots.meta)
+        l("meta", this.$slots.meta)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4522,11 +4550,11 @@ const we = u({
       },
       [
         // @slot meta A slot to add additional content to the nav item.
-        a("meta", this.$slots.meta)
+        l("meta", this.$slots.meta)
       ]
     );
   }
-}), Ie = u({
+}), pi = u({
   name: "VNote",
   props: {
     /**
@@ -4583,11 +4611,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("note", W), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("note", J), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4608,7 +4636,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4630,7 +4658,7 @@ const we = u({
       ]
     );
   }
-}), ei = u({
+}), ci = u({
   name: "VNumberField",
   model: r ? {
     prop: "modelValue",
@@ -4738,6 +4766,8 @@ const we = 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 },
     shape: { type: String, default: void 0 },
     autoComplete: { type: String, default: void 0 }
@@ -4785,7 +4815,7 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("number-field", _), i = d(null);
+    const a = p("number-field", Z), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -4801,9 +4831,9 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.select();
       },
-      stepChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.stepChanged(t, n);
+      stepChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.stepChanged(t, s);
       },
       stepUp() {
         var t;
@@ -4813,10 +4843,10 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.stepDown();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -4844,6 +4874,8 @@ const we = u({
           ...this.step !== void 0 ? { step: this.step } : {},
           ...this.max !== void 0 ? { max: this.max } : {},
           ...this.min !== void 0 ? { min: this.min } : {},
+          ...this.incrementButtonAriaLabel !== void 0 ? { "increment-button-aria-label": this.incrementButtonAriaLabel } : {},
+          ...this.decrementButtonAriaLabel !== void 0 ? { "decrement-button-aria-label": this.decrementButtonAriaLabel } : {},
           ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
           ...this.shape !== void 0 ? { shape: this.shape } : {},
           ...this.autoComplete !== void 0 ? { autoComplete: this.autoComplete } : {}
@@ -4862,7 +4894,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -4890,6 +4922,8 @@ const we = u({
         ...this.step !== void 0 ? { step: this.step } : {},
         ...this.max !== void 0 ? { max: this.max } : {},
         ...this.min !== void 0 ? { min: this.min } : {},
+        ...this.incrementButtonAriaLabel !== void 0 ? { "increment-button-aria-label": this.incrementButtonAriaLabel } : {},
+        ...this.decrementButtonAriaLabel !== void 0 ? { "decrement-button-aria-label": this.decrementButtonAriaLabel } : {},
         ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
         ...this.shape !== void 0 ? { shape: this.shape } : {},
         ...this.autoComplete !== void 0 ? { autoComplete: this.autoComplete } : {},
@@ -4906,7 +4940,7 @@ const we = u({
       []
     );
   }
-}), ii = u({
+}), vi = u({
   name: "VOption",
   props: {
     /**
@@ -4974,23 +5008,23 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("option", J), i = d(null);
+    const a = p("option", Q), i = d(null);
     return o.expose({
       /**
        * Updates the ariaChecked property when the checked property changes.
        */
-      checkedChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.checkedChanged(t, n);
+      checkedChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.checkedChanged(t, s);
       },
-      initialValueChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.initialValueChanged(t, n);
+      initialValueChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.initialValueChanged(t, s);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5016,9 +5050,9 @@ const we = u({
       },
       [
         // @slot icon Slot to add an icon to the option.
-        a("icon", this.$slots.icon)
+        l("icon", this.$slots.icon)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5040,11 +5074,11 @@ const we = u({
       },
       [
         // @slot icon Slot to add an icon to the option.
-        a("icon", this.$slots.icon)
+        l("icon", this.$slots.icon)
       ]
     );
   }
-}), ti = u({
+}), mi = u({
   name: "VPagination",
   props: {
     /**
@@ -5104,24 +5138,24 @@ const we = u({
     "pagination-change"
   ],
   setup(e, o) {
-    const l = h("pagination", Z), i = d(null);
+    const a = p("pagination", Y), i = d(null);
     return o.expose({
-      totalChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.totalChanged(t, n);
+      totalChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.totalChanged(t, s);
       },
-      selectedIndexChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.selectedIndexChanged(t, n);
+      selectedIndexChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.selectedIndexChanged(t, s);
       },
-      paginationButtonsChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.paginationButtonsChanged(t, n);
+      paginationButtonsChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.paginationButtonsChanged(t, s);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5145,7 +5179,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5167,7 +5201,7 @@ const we = u({
       []
     );
   }
-}), oi = u({
+}), fi = u({
   name: "VProgress",
   props: {
     /**
@@ -5193,6 +5227,7 @@ const we = u({
      * Indicates the progress is paused
      */
     paused: { type: Boolean, default: void 0 },
+    ariaLabel: { type: String, default: void 0 },
     /**
      * Indicates the progress' shape.
      */
@@ -5239,11 +5274,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("progress", X), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("progress", I), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5253,6 +5288,7 @@ const we = u({
           ...this.min !== void 0 ? { min: this.min } : {},
           ...this.max !== void 0 ? { max: this.max } : {},
           ...this.paused !== void 0 ? { paused: this.paused } : {},
+          ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
           ...this.shape !== void 0 ? { shape: this.shape } : {},
           ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
           ...this.reverse !== void 0 ? { reverse: this.reverse } : {}
@@ -5268,7 +5304,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5278,6 +5314,7 @@ const we = u({
         ...this.min !== void 0 ? { min: this.min } : {},
         ...this.max !== void 0 ? { max: this.max } : {},
         ...this.paused !== void 0 ? { paused: this.paused } : {},
+        ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
         ...this.shape !== void 0 ? { shape: this.shape } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         ...this.reverse !== void 0 ? { reverse: this.reverse } : {},
@@ -5291,7 +5328,7 @@ const we = u({
       []
     );
   }
-}), li = u({
+}), gi = u({
   name: "VProgressRing",
   props: {
     /**
@@ -5317,6 +5354,7 @@ const we = u({
      * Indicates the progress is paused
      */
     paused: { type: Boolean, default: void 0 },
+    ariaLabel: { type: String, default: void 0 },
     connotation: { type: String, default: void 0 },
     size: { type: Number, default: void 0 }
   },
@@ -5353,11 +5391,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("progress-ring", Q), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("progress-ring", ee), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5367,6 +5405,7 @@ const we = u({
           ...this.min !== void 0 ? { min: this.min } : {},
           ...this.max !== void 0 ? { max: this.max } : {},
           ...this.paused !== void 0 ? { paused: this.paused } : {},
+          ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
           ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
           ...this.size !== void 0 ? { size: this.size } : {}
         },
@@ -5381,7 +5420,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5391,6 +5430,7 @@ const we = u({
         ...this.min !== void 0 ? { min: this.min } : {},
         ...this.max !== void 0 ? { max: this.max } : {},
         ...this.paused !== void 0 ? { paused: this.paused } : {},
+        ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         ...this.size !== void 0 ? { size: this.size } : {},
         onClick: (e) => this.$emit("click", e),
@@ -5403,7 +5443,7 @@ const we = u({
       []
     );
   }
-}), si = u({
+}), yi = u({
   name: "VRadio",
   props: {
     /**
@@ -5454,6 +5494,7 @@ const we = u({
      * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
      */
     readonly: { type: Boolean, default: void 0 },
+    ariaLabel: { type: String, default: void 0 },
     /**
      * Indicates the radio's label.
      */
@@ -5501,11 +5542,11 @@ const we = u({
     "change"
   ],
   setup(e, o) {
-    const l = h("radio", Y), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("radio", ie), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5519,6 +5560,7 @@ const we = u({
           ...this.checked !== void 0 ? { checked: this.checked } : {},
           ...this.currentChecked !== void 0 ? { "current-checked": this.currentChecked } : {},
           ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
+          ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
           ...this.label !== void 0 ? { label: this.label } : {},
           ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
         },
@@ -5534,7 +5576,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5548,6 +5590,7 @@ const we = u({
         ...this.checked !== void 0 ? { checked: this.checked } : {},
         ...this.currentChecked !== void 0 ? { "current-checked": this.currentChecked } : {},
         ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
+        ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
         ...this.label !== void 0 ? { label: this.label } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         onClick: (e) => this.$emit("click", e),
@@ -5561,7 +5604,7 @@ const we = u({
       []
     );
   }
-}), ai = u({
+}), bi = u({
   name: "VRadioGroup",
   model: r ? {
     prop: "modelValue",
@@ -5647,11 +5690,11 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("radio-group", I), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("radio-group", te), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5678,7 +5721,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5706,7 +5749,138 @@ const we = u({
       ]
     );
   }
-}), ni = u({
+}), ki = u({
+  name: "VSelectableBox",
+  props: {
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+      type: String,
+      default: void 0
+    },
+    ariaLabel: { type: String, default: void 0 },
+    /**
+     * Controls the checked state of the box
+     */
+    checked: { type: Boolean, default: void 0 },
+    /**
+     * DEPRECATED: Replaced by the clickable-box prop
+     */
+    clickable: { type: Boolean, default: void 0 },
+    /**
+     * Makes the entire selectable box clickable
+     */
+    clickableBox: { type: Boolean, default: void 0 },
+    /**
+     * The connotation the selectable box should have.
+     */
+    connotation: { type: String, default: void 0 },
+    /**
+     * The type of control the box should have: checkbox or radio.
+     */
+    controlType: { type: String, default: void 0 },
+    /**
+     * Removes the padding around the box's slot content
+     */
+    tight: { type: Boolean, default: void 0 }
+  },
+  emits: [
+    /**
+     * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
+     * @type {MouseEvent}
+     */
+    "click",
+    /**
+     * Fires when the element receives focus.
+     * @type {FocusEvent}
+     */
+    "focus",
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    "blur",
+    /**
+     * Fires when a key is pressed.
+     * @type {KeyboardEvent}
+     */
+    "keydown",
+    /**
+     * Fires when a key is released.
+     * @type {KeyboardEvent}
+     */
+    "keyup",
+    /**
+     * Fires when the value of an element has been changed.
+     * @type {Event}
+     */
+    "input",
+    /**
+     * Fired when the checked state changes
+     * @type {unknown}
+     */
+    "change"
+  ],
+  setup(e, o) {
+    const a = p("selectable-box", oe), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
+  },
+  render() {
+    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.checked !== void 0 ? { checked: this.checked } : {},
+          ...this.clickable !== void 0 ? { clickable: this.clickable } : {},
+          ...this.clickableBox !== void 0 ? { "clickable-box": this.clickableBox } : {},
+          ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
+          ...this.controlType !== void 0 ? { "control-type": this.controlType } : {},
+          ...this.tight !== void 0 ? { tight: this.tight } : {}
+        },
+        class: "vvd-component",
+        on: {
+          click: (e) => this.$emit("click", e),
+          focus: (e) => this.$emit("focus", e),
+          blur: (e) => this.$emit("blur", e),
+          keydown: (e) => this.$emit("keydown", e),
+          keyup: (e) => this.$emit("keyup", e),
+          input: (e) => this.$emit("input", e),
+          change: (e) => this.$emit("change", e)
+        }
+      },
+      [this.$slots.default]
+    ) : n(
+      this.componentName,
+      {
+        ref: "element",
+        class: "vvd-component",
+        ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+        ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
+        ...this.checked !== void 0 ? { checked: this.checked } : {},
+        ...this.clickable !== void 0 ? { clickable: this.clickable } : {},
+        ...this.clickableBox !== void 0 ? { "clickable-box": this.clickableBox } : {},
+        ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
+        ...this.controlType !== void 0 ? { "control-type": this.controlType } : {},
+        ...this.tight !== void 0 ? { tight: this.tight } : {},
+        onClick: (e) => this.$emit("click", e),
+        onFocus: (e) => this.$emit("focus", e),
+        onBlur: (e) => this.$emit("blur", e),
+        onKeydown: (e) => this.$emit("keydown", e),
+        onKeyup: (e) => this.$emit("keyup", e),
+        onInput: (e) => this.$emit("input", e),
+        onChange: (e) => this.$emit("change", e)
+      },
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
+    );
+  }
+}), Si = u({
   name: "VSelect",
   model: r ? {
     prop: "modelValue",
@@ -5842,7 +6016,7 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("select", ee), i = d(null);
+    const a = p("select", ae), i = d(null);
     return o.expose({
       /**
        * Calculate and apply listbox positioning based on available viewport space.
@@ -5854,9 +6028,9 @@ const we = u({
       /**
        * Sets the multiple property on the proxy element.
        */
-      multipleChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.multipleChanged(t, n);
+      multipleChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.multipleChanged(t, s);
       },
       /**
        * Sets an option as selected and gives it focus.
@@ -5876,10 +6050,10 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.setDefaultSelectedOption();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -5920,11 +6094,11 @@ const we = u({
       [
         this.$slots.default,
         // @slot icon Slot to add an icon to the select control.
-        a("icon", this.$slots.icon),
+        l("icon", this.$slots.icon),
         // @slot meta Slot to add meta content to the select control.
-        a("meta", this.$slots.meta)
+        l("meta", this.$slots.meta)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -5962,13 +6136,13 @@ const we = u({
         // @ts-ignore
         this.$slots.default && this.$slots.default(),
         // @slot icon Slot to add an icon to the select control.
-        a("icon", this.$slots.icon),
+        l("icon", this.$slots.icon),
         // @slot meta Slot to add meta content to the select control.
-        a("meta", this.$slots.meta)
+        l("meta", this.$slots.meta)
       ]
     );
   }
-}), ri = u({
+}), $i = u({
   name: "VSideDrawer",
   props: {
     /**
@@ -6038,11 +6212,11 @@ const we = u({
     "open"
   ],
   setup(e, o) {
-    const l = h("side-drawer", ie), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("side-drawer", ne), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6068,9 +6242,9 @@ const we = u({
       [
         this.$slots.default,
         // @slot app-content Sets assigned nodes to the main application content, the side drawer is opened next to.
-        a("app-content", this.$slots["app-content"])
+        l("app-content", this.$slots["app-content"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6093,11 +6267,11 @@ const we = u({
         // @ts-ignore
         this.$slots.default && this.$slots.default(),
         // @slot app-content Sets assigned nodes to the main application content, the side drawer is opened next to.
-        a("app-content", this.$slots["app-content"])
+        l("app-content", this.$slots["app-content"])
       ]
     );
   }
-}), di = u({
+}), xi = u({
   name: "VSlider",
   model: r ? {
     prop: "modelValue",
@@ -6160,10 +6334,16 @@ const we = u({
      * The selection mode.
      */
     mode: { type: String, default: void 0 },
+    ariaLabel: { type: String, default: void 0 },
+    ariaValuetext: { type: String, default: void 0 },
     /**
      * Display markers on/off
      */
-    markers: { type: Boolean, default: void 0 }
+    markers: { type: Boolean, default: void 0 },
+    /**
+     * slider connotation
+     */
+    connotation: { type: String, default: void 0 }
   },
   emits: [
     /**
@@ -6208,7 +6388,7 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("slider", te), i = d(null);
+    const a = p("slider", le), i = d(null);
     return o.expose({
       /**
        * Increment the value by the step
@@ -6228,13 +6408,13 @@ const we = u({
        * Places the thumb based on the current value
        */
       setThumbPositionForOrientation(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.setThumbPositionForOrientation(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.setThumbPositionForOrientation(t);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6251,7 +6431,10 @@ const we = u({
           ...this.step !== void 0 ? { step: this.step } : {},
           ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
           ...this.mode !== void 0 ? { mode: this.mode } : {},
-          ...this.markers !== void 0 ? { markers: this.markers } : {}
+          ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
+          ...this.ariaValuetext !== void 0 ? { "aria-valuetext": this.ariaValuetext } : {},
+          ...this.markers !== void 0 ? { markers: this.markers } : {},
+          ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
         },
         class: "vvd-component",
         on: {
@@ -6267,7 +6450,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6284,7 +6467,10 @@ const we = u({
         ...this.step !== void 0 ? { step: this.step } : {},
         ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
         ...this.mode !== void 0 ? { mode: this.mode } : {},
+        ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
+        ...this.ariaValuetext !== void 0 ? { "aria-valuetext": this.ariaValuetext } : {},
         ...this.markers !== void 0 ? { markers: this.markers } : {},
+        ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         onClick: (e) => this.$emit("click", e),
         onFocus: (e) => this.$emit("focus", e),
         onBlur: (e) => this.$emit("blur", e),
@@ -6298,7 +6484,7 @@ const we = u({
       []
     );
   }
-}), ui = u({
+}), wi = u({
   name: "VSwitch",
   model: r ? {
     prop: "modelValue",
@@ -6368,11 +6554,11 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("switch", oe), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("switch", se), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6396,7 +6582,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6418,7 +6604,7 @@ const we = u({
       []
     );
   }
-}), hi = u({
+}), Ci = u({
   name: "VTab",
   props: {
     /**
@@ -6489,11 +6675,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("tab", le), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("tab", re), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6520,9 +6706,9 @@ const we = u({
       },
       [
         // @slot icon Slot to add an icon to tab.
-        a("icon", this.$slots.icon)
+        l("icon", this.$slots.icon)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6545,11 +6731,11 @@ const we = u({
       },
       [
         // @slot icon Slot to add an icon to tab.
-        a("icon", this.$slots.icon)
+        l("icon", this.$slots.icon)
       ]
     );
   }
-}), pi = u({
+}), Li = u({
   name: "VTabs",
   props: {
     /**
@@ -6614,14 +6800,14 @@ const we = u({
     "change"
   ],
   setup(e, o) {
-    const l = h("tabs", se), i = d(null);
+    const a = p("tabs", de), i = d(null);
     return o.expose({
       /**
        * The adjust method for FASTTabs
        */
       adjust(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.adjust(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.adjust(t);
       },
       connotationChanged() {
         var t;
@@ -6631,9 +6817,9 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.orientationChanged();
       },
-      activeidChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.activeidChanged(t, n);
+      activeidChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.activeidChanged(t, s);
       },
       tabsChanged() {
         var t;
@@ -6647,10 +6833,10 @@ const we = u({
         var t;
         return (t = i.value) == null ? void 0 : t.patchIndicatorStyleTransition();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6673,7 +6859,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6697,7 +6883,7 @@ const we = u({
       ]
     );
   }
-}), mi = u({
+}), Vi = u({
   name: "VTabPanel",
   props: {
     /**
@@ -6741,11 +6927,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("tab-panel", ae), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("tab-panel", he), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6761,7 +6947,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6780,7 +6966,7 @@ const we = u({
       ]
     );
   }
-}), ci = u({
+}), Bi = u({
   name: "VTextArea",
   model: r ? {
     prop: "modelValue",
@@ -6830,11 +7016,11 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("text-area", ne), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("text-area", ue), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -6852,7 +7038,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -6870,7 +7056,7 @@ const we = u({
       []
     );
   }
-}), vi = u({
+}), Ti = u({
   name: "VTextField",
   model: r ? {
     prop: "modelValue",
@@ -7021,7 +7207,7 @@ const we = u({
     "update:modelValue"
   ],
   setup(e, o) {
-    const l = h("text-field", re), i = d(null);
+    const a = p("text-field", pe), i = d(null);
     return o.expose({
       /**
        * Selects all the text in the text field
@@ -7036,11 +7222,15 @@ const we = u({
       validate() {
         var t;
         return (t = i.value) == null ? void 0 : t.validate();
+      },
+      focus() {
+        var t;
+        return (t = i.value) == null ? void 0 : t.focus();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7086,11 +7276,11 @@ const we = u({
       },
       [
         // @slot leading-action-items Used to add action items to the start of the text-field.
-        a("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.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7132,13 +7322,13 @@ const we = u({
       },
       [
         // @slot leading-action-items Used to add action items to the start of the text-field.
-        a("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.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), fi = u({
+}), Ni = u({
   name: "VToggletip",
   props: {
     /**
@@ -7205,20 +7395,20 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("toggletip", de), i = d(null);
+    const a = p("toggletip", ce), i = d(null);
     return o.expose({
-      anchorChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.anchorChanged(t, n);
+      anchorChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.anchorChanged(t, s);
       },
-      openChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
+      openChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7243,9 +7433,9 @@ const we = u({
       [
         this.$slots.default,
         // @slot action-items The content to display in the toggletip action items.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7267,11 +7457,11 @@ const we = u({
         // @ts-ignore
         this.$slots.default && this.$slots.default(),
         // @slot action-items The content to display in the toggletip action items.
-        a("action-items", this.$slots["action-items"])
+        l("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), gi = u({
+}), zi = u({
   name: "VTooltip",
   props: {
     /**
@@ -7326,20 +7516,20 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("tooltip", ue), i = d(null);
+    const a = p("tooltip", ve), i = d(null);
     return o.expose({
-      anchorChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.anchorChanged(t, n);
+      anchorChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.anchorChanged(t, s);
       },
-      openChanged(t, n) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.openChanged(t, n);
+      openChanged(t, s) {
+        var h;
+        return (h = i.value) == null ? void 0 : h.openChanged(t, s);
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7361,7 +7551,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7381,7 +7571,7 @@ const we = u({
       []
     );
   }
-}), yi = u({
+}), Mi = u({
   name: "VTreeItem",
   props: {
     /**
@@ -7456,11 +7646,11 @@ const we = u({
     "selected-change"
   ],
   setup(e, o) {
-    const l = h("tree-item", he), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("tree-item", me), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7486,9 +7676,9 @@ const we = u({
       },
       [
         // @slot item To specify a child tree item.
-        a("item", this.$slots.item)
+        l("item", this.$slots.item)
       ]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7510,11 +7700,11 @@ const we = u({
       },
       [
         // @slot item To specify a child tree item.
-        a("item", this.$slots.item)
+        l("item", this.$slots.item)
       ]
     );
   }
-}), ki = u({
+}), Fi = u({
   name: "VTreeView",
   props: {
     /**
@@ -7563,11 +7753,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("tree-view", pe), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("tree-view", fe), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7586,7 +7776,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7606,7 +7796,7 @@ const we = u({
       ]
     );
   }
-}), bi = u({
+}), Di = u({
   name: "VTag",
   props: {
     /**
@@ -7687,24 +7877,24 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("tag", me), i = d(null);
+    const a = p("tag", ge), i = d(null);
     return o.expose({
       remove() {
         var t;
         return (t = i.value) == null ? void 0 : t.remove();
       },
       handleKeydown(t) {
-        var n;
-        return (n = i.value) == null ? void 0 : n.handleKeydown(t);
+        var s;
+        return (s = i.value) == null ? void 0 : s.handleKeydown(t);
       },
       handleClick() {
         var t;
         return (t = i.value) == null ? void 0 : t.handleClick();
       }
-    }), { componentName: l, element: i };
+    }), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7731,7 +7921,7 @@ const we = u({
         }
       },
       []
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7756,7 +7946,7 @@ const we = u({
       []
     );
   }
-}), $i = u({
+}), Ki = u({
   name: "VTagGroup",
   props: {
     /**
@@ -7801,11 +7991,11 @@ const we = u({
     "input"
   ],
   setup(e, o) {
-    const l = h("tag-group", ce), i = d(null);
-    return o.expose({}), { componentName: l, element: i };
+    const a = p("tag-group", ye), i = d(null);
+    return o.expose({}), { componentName: a, element: i };
   },
   render() {
-    return r ? s(
+    return r ? n(
       this.componentName,
       {
         ref: "element",
@@ -7824,7 +8014,7 @@ const we = u({
         }
       },
       [this.$slots.default]
-    ) : s(
+    ) : n(
       this.componentName,
       {
         ref: "element",
@@ -7845,63 +8035,786 @@ const we = u({
     );
   }
 });
-var ge = /* @__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))(ge || {});
+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, 30 Nov 2023 11:42:28 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+@property --vvd-size-density {
+  syntax: "<integer>";
+  inherits: true;
+  initial-value: 0;
+}
+@property --vvd-size-font-scale-base {
+  syntax: "<length>";
+  inherits: true;
+  initial-value: 16px;
+}
+.vvd-root, ::part(vvd-root) {
+  --vvd-color-scheme: light;
+  --vvd-color-canvas: #ffffff;
+  --vvd-color-canvas-text: #0d0d0d;
+  --vvd-color-neutral-50: #F2F2F2;
+  --vvd-color-neutral-100: #E6E6E6;
+  --vvd-color-neutral-200: #cccccc;
+  --vvd-color-neutral-300: #b3b3b3;
+  --vvd-color-neutral-400: #929292;
+  --vvd-color-neutral-500: #757575;
+  --vvd-color-neutral-600: #666666;
+  --vvd-color-neutral-700: #4d4d4d;
+  --vvd-color-neutral-800: #333333;
+  --vvd-color-neutral-900: #1a1a1a;
+  --vvd-color-neutral-950: #0d0d0d;
+  --vvd-color-cta-50: #f5f0fd;
+  --vvd-color-cta-100: #ece2fa;
+  --vvd-color-cta-200: #dcc1fc;
+  --vvd-color-cta-300: #cba1fa;
+  --vvd-color-cta-400: #b27bf2;
+  --vvd-color-cta-500: #9941ff;
+  --vvd-color-cta-600: #871eff;
+  --vvd-color-cta-700: #6405d1;
+  --vvd-color-cta-800: #440291;
+  --vvd-color-cta-900: #26044d;
+  --vvd-color-cta-950: #140623;
+  --vvd-color-warning-50: #FDF5D4;
+  --vvd-color-warning-100: #FDEAA0;
+  --vvd-color-warning-200: #FACC4B;
+  --vvd-color-warning-300: #fa9f00;
+  --vvd-color-warning-400: #e07902;
+  --vvd-color-warning-500: #be5702;
+  --vvd-color-warning-600: #A64C03;
+  --vvd-color-warning-700: #893000;
+  --vvd-color-warning-800: #522801;
+  --vvd-color-warning-900: #2A1502;
+  --vvd-color-warning-950: #150B01;
+  --vvd-color-information-50: #e8f4fb;
+  --vvd-color-information-100: #d3e9fc;
+  --vvd-color-information-200: #9dd2fe;
+  --vvd-color-information-300: #65baff;
+  --vvd-color-information-400: #2997f0;
+  --vvd-color-information-500: #0276d5;
+  --vvd-color-information-600: #0e65c2;
+  --vvd-color-information-700: #094a9e;
+  --vvd-color-information-800: #0e306d;
+  --vvd-color-information-900: #071939;
+  --vvd-color-information-950: #040d1d;
+  --vvd-color-announcement-50: #ffedfb;
+  --vvd-color-announcement-100: #ffdcf7;
+  --vvd-color-announcement-200: #f8b9e7;
+  --vvd-color-announcement-300: #fb8fd8;
+  --vvd-color-announcement-400: #e560bb;
+  --vvd-color-announcement-500: #d6219c;
+  --vvd-color-announcement-600: #bb1e89;
+  --vvd-color-announcement-700: #8f1669;
+  --vvd-color-announcement-800: #620256;
+  --vvd-color-announcement-900: #32082c;
+  --vvd-color-announcement-950: #1d031a;
+  --vvd-color-success-50: #e1f8e5;
+  --vvd-color-success-100: #cfeed4;
+  --vvd-color-success-200: #86e090;
+  --vvd-color-success-300: #53ca6a;
+  --vvd-color-success-400: #30a849;
+  --vvd-color-success-500: #1c8731;
+  --vvd-color-success-600: #167629;
+  --vvd-color-success-700: #155923;
+  --vvd-color-success-800: #183a1e;
+  --vvd-color-success-900: #0a1e11;
+  --vvd-color-success-950: #060f09;
+  --vvd-color-alert-50: #ffeef2;
+  --vvd-color-alert-100: #fedfdf;
+  --vvd-color-alert-200: #ffbbbb;
+  --vvd-color-alert-300: #fe9696;
+  --vvd-color-alert-400: #f75959;
+  --vvd-color-alert-500: #e61d1d;
+  --vvd-color-alert-600: #cd0d0d;
+  --vvd-color-alert-700: #9f0202;
+  --vvd-color-alert-800: #6e0000;
+  --vvd-color-alert-900: #3e0004;
+  --vvd-color-alert-950: #250004;
+  --vvd-color-surface-0dp: #ffffff;
+  --vvd-color-surface-2dp: #ffffff;
+  --vvd-color-surface-4dp: #ffffff;
+  --vvd-color-surface-8dp: #ffffff;
+  --vvd-color-surface-12dp: #ffffff;
+  --vvd-color-surface-16dp: #ffffff;
+  --vvd-color-surface-24dp: #ffffff;
+  --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
+  --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);
+  --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);
+  --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);
+  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);
+  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);
+  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);
+  --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;
+  --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;
+  --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;
+  --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;
+  --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;
+  --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;
+  --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;
+  --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;
+  --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;
+  --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;
+  --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;
+  --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;
+  --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;
+}
+
+.vvd-theme-alternate, ::part(vvd-theme-alternate) {
+  --vvd-color-scheme: dark;
+  --vvd-color-canvas: #000000;
+  --vvd-color-canvas-text: #ffffff;
+  --vvd-color-neutral-50: #1a1a1a;
+  --vvd-color-neutral-100: #333333;
+  --vvd-color-neutral-200: #4d4d4d;
+  --vvd-color-neutral-300: #666666;
+  --vvd-color-neutral-400: #757575;
+  --vvd-color-neutral-500: #929292;
+  --vvd-color-neutral-600: #b3b3b3;
+  --vvd-color-neutral-700: #cccccc;
+  --vvd-color-neutral-800: #E6E6E6;
+  --vvd-color-neutral-900: #F2F2F2;
+  --vvd-color-neutral-950: #ffffff;
+  --vvd-color-cta-50: #26044d;
+  --vvd-color-cta-100: #440291;
+  --vvd-color-cta-200: #6405d1;
+  --vvd-color-cta-300: #871eff;
+  --vvd-color-cta-400: #9941ff;
+  --vvd-color-cta-500: #b27bf2;
+  --vvd-color-cta-600: #cba1fa;
+  --vvd-color-cta-700: #dcc1fc;
+  --vvd-color-cta-800: #ece2fa;
+  --vvd-color-cta-900: #f5f0fd;
+  --vvd-color-warning-50: #2A1502;
+  --vvd-color-warning-100: #522801;
+  --vvd-color-warning-200: #803807;
+  --vvd-color-warning-300: #A64C03;
+  --vvd-color-warning-400: #be5702;
+  --vvd-color-warning-500: #e07902;
+  --vvd-color-warning-600: #fa9f00;
+  --vvd-color-warning-700: #FACC4B;
+  --vvd-color-warning-800: #FDEAA0;
+  --vvd-color-warning-900: #FDF5D4;
+  --vvd-color-information-50: #071939;
+  --vvd-color-information-100: #0e306d;
+  --vvd-color-information-200: #094a9e;
+  --vvd-color-information-300: #0e65c2;
+  --vvd-color-information-400: #0276d5;
+  --vvd-color-information-500: #2997f0;
+  --vvd-color-information-600: #65baff;
+  --vvd-color-information-700: #9dd2fe;
+  --vvd-color-information-800: #d3e9fc;
+  --vvd-color-information-900: #e8f4fb;
+  --vvd-color-announcement-50: #32082c;
+  --vvd-color-announcement-100: #620256;
+  --vvd-color-announcement-200: #8f1669;
+  --vvd-color-announcement-300: #bb1e89;
+  --vvd-color-announcement-400: #d6219c;
+  --vvd-color-announcement-500: #e560bb;
+  --vvd-color-announcement-600: #fb8fd8;
+  --vvd-color-announcement-700: #f8b9e7;
+  --vvd-color-announcement-800: #ffdcf7;
+  --vvd-color-announcement-900: #ffedfb;
+  --vvd-color-alert-50: #3e0004;
+  --vvd-color-alert-100: #6e0000;
+  --vvd-color-alert-200: #9f0202;
+  --vvd-color-alert-300: #cd0d0d;
+  --vvd-color-alert-400: #e61d1d;
+  --vvd-color-alert-500: #f75959;
+  --vvd-color-alert-600: #fe9696;
+  --vvd-color-alert-700: #ffbbbb;
+  --vvd-color-alert-800: #fedfdf;
+  --vvd-color-alert-900: #ffeef2;
+  --vvd-color-success-50: #0a1e11;
+  --vvd-color-success-100: #183a1e;
+  --vvd-color-success-200: #155923;
+  --vvd-color-success-300: #167629;
+  --vvd-color-success-400: #1c8731;
+  --vvd-color-success-500: #30a849;
+  --vvd-color-success-600: #53ca6a;
+  --vvd-color-success-700: #86e090;
+  --vvd-color-success-800: #cfeed4;
+  --vvd-color-success-900: #e1f8e5;
+  --vvd-color-surface-0dp: #0d0d0d;
+  --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;
+  --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;
+  --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;
+  --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;
+  --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;
+  --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;
+  --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
+  --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);
+  --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);
+  --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);
+  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);
+  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);
+  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);
+}
+
+/*# sourceMappingURL=theme-light.css.map */
+`, we = `/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+@property --vvd-size-density {
+  syntax: "<integer>";
+  inherits: true;
+  initial-value: 0;
+}
+@property --vvd-size-font-scale-base {
+  syntax: "<length>";
+  inherits: true;
+  initial-value: 16px;
+}
+.vvd-root, ::part(vvd-root) {
+  --vvd-color-scheme: dark;
+  --vvd-color-canvas: #000000;
+  --vvd-color-canvas-text: #ffffff;
+  --vvd-color-neutral-50: #1a1a1a;
+  --vvd-color-neutral-100: #333333;
+  --vvd-color-neutral-200: #4d4d4d;
+  --vvd-color-neutral-300: #666666;
+  --vvd-color-neutral-400: #757575;
+  --vvd-color-neutral-500: #929292;
+  --vvd-color-neutral-600: #b3b3b3;
+  --vvd-color-neutral-700: #cccccc;
+  --vvd-color-neutral-800: #E6E6E6;
+  --vvd-color-neutral-900: #F2F2F2;
+  --vvd-color-neutral-950: #ffffff;
+  --vvd-color-cta-50: #26044d;
+  --vvd-color-cta-100: #440291;
+  --vvd-color-cta-200: #6405d1;
+  --vvd-color-cta-300: #871eff;
+  --vvd-color-cta-400: #9941ff;
+  --vvd-color-cta-500: #b27bf2;
+  --vvd-color-cta-600: #cba1fa;
+  --vvd-color-cta-700: #dcc1fc;
+  --vvd-color-cta-800: #ece2fa;
+  --vvd-color-cta-900: #f5f0fd;
+  --vvd-color-warning-50: #2A1502;
+  --vvd-color-warning-100: #522801;
+  --vvd-color-warning-200: #803807;
+  --vvd-color-warning-300: #A64C03;
+  --vvd-color-warning-400: #be5702;
+  --vvd-color-warning-500: #e07902;
+  --vvd-color-warning-600: #fa9f00;
+  --vvd-color-warning-700: #FACC4B;
+  --vvd-color-warning-800: #FDEAA0;
+  --vvd-color-warning-900: #FDF5D4;
+  --vvd-color-information-50: #071939;
+  --vvd-color-information-100: #0e306d;
+  --vvd-color-information-200: #094a9e;
+  --vvd-color-information-300: #0e65c2;
+  --vvd-color-information-400: #0276d5;
+  --vvd-color-information-500: #2997f0;
+  --vvd-color-information-600: #65baff;
+  --vvd-color-information-700: #9dd2fe;
+  --vvd-color-information-800: #d3e9fc;
+  --vvd-color-information-900: #e8f4fb;
+  --vvd-color-announcement-50: #32082c;
+  --vvd-color-announcement-100: #620256;
+  --vvd-color-announcement-200: #8f1669;
+  --vvd-color-announcement-300: #bb1e89;
+  --vvd-color-announcement-400: #d6219c;
+  --vvd-color-announcement-500: #e560bb;
+  --vvd-color-announcement-600: #fb8fd8;
+  --vvd-color-announcement-700: #f8b9e7;
+  --vvd-color-announcement-800: #ffdcf7;
+  --vvd-color-announcement-900: #ffedfb;
+  --vvd-color-alert-50: #3e0004;
+  --vvd-color-alert-100: #6e0000;
+  --vvd-color-alert-200: #9f0202;
+  --vvd-color-alert-300: #cd0d0d;
+  --vvd-color-alert-400: #e61d1d;
+  --vvd-color-alert-500: #f75959;
+  --vvd-color-alert-600: #fe9696;
+  --vvd-color-alert-700: #ffbbbb;
+  --vvd-color-alert-800: #fedfdf;
+  --vvd-color-alert-900: #ffeef2;
+  --vvd-color-success-50: #0a1e11;
+  --vvd-color-success-100: #183a1e;
+  --vvd-color-success-200: #155923;
+  --vvd-color-success-300: #167629;
+  --vvd-color-success-400: #1c8731;
+  --vvd-color-success-500: #30a849;
+  --vvd-color-success-600: #53ca6a;
+  --vvd-color-success-700: #86e090;
+  --vvd-color-success-800: #cfeed4;
+  --vvd-color-success-900: #e1f8e5;
+  --vvd-color-surface-0dp: #0d0d0d;
+  --vvd-color-surface-2dp: linear-gradient(#ffffff0f, #ffffff0f), #0d0d0d;
+  --vvd-color-surface-4dp: linear-gradient(#ffffff14, #ffffff14), #0d0d0d;
+  --vvd-color-surface-8dp: linear-gradient(#ffffff1a, #ffffff1a), #0d0d0d;
+  --vvd-color-surface-12dp: linear-gradient(#ffffff1f, #ffffff1f), #0d0d0d;
+  --vvd-color-surface-16dp: linear-gradient(#ffffff24, #ffffff24), #0d0d0d;
+  --vvd-color-surface-24dp: linear-gradient(#ffffff29, #ffffff29), #0d0d0d;
+  --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
+  --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #00000040) drop-shadow(0px 1px 2px #00000040) drop-shadow(0px 2px 1px #00000040);
+  --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #00000040) drop-shadow(0px 2px 4px #00000040) drop-shadow(0px 4px 4px #00000040);
+  --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #00000040) drop-shadow(0px 8px 8px #00000040) drop-shadow(0px 4px 4px #00000040);
+  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);
+  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);
+  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);
+  --vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;
+  --vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;
+  --vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;
+  --vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;
+  --vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;
+  --vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;
+  --vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;
+  --vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;
+  --vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;
+  --vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;
+  --vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;
+  --vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;
+  --vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;
+}
+
+.vvd-theme-alternate, ::part(vvd-theme-alternate) {
+  --vvd-color-scheme: light;
+  --vvd-color-canvas: #ffffff;
+  --vvd-color-canvas-text: #0d0d0d;
+  --vvd-color-neutral-50: #F2F2F2;
+  --vvd-color-neutral-100: #E6E6E6;
+  --vvd-color-neutral-200: #cccccc;
+  --vvd-color-neutral-300: #b3b3b3;
+  --vvd-color-neutral-400: #929292;
+  --vvd-color-neutral-500: #757575;
+  --vvd-color-neutral-600: #666666;
+  --vvd-color-neutral-700: #4d4d4d;
+  --vvd-color-neutral-800: #333333;
+  --vvd-color-neutral-900: #1a1a1a;
+  --vvd-color-neutral-950: #0d0d0d;
+  --vvd-color-cta-50: #f5f0fd;
+  --vvd-color-cta-100: #ece2fa;
+  --vvd-color-cta-200: #dcc1fc;
+  --vvd-color-cta-300: #cba1fa;
+  --vvd-color-cta-400: #b27bf2;
+  --vvd-color-cta-500: #9941ff;
+  --vvd-color-cta-600: #871eff;
+  --vvd-color-cta-700: #6405d1;
+  --vvd-color-cta-800: #440291;
+  --vvd-color-cta-900: #26044d;
+  --vvd-color-cta-950: #140623;
+  --vvd-color-warning-50: #FDF5D4;
+  --vvd-color-warning-100: #FDEAA0;
+  --vvd-color-warning-200: #FACC4B;
+  --vvd-color-warning-300: #fa9f00;
+  --vvd-color-warning-400: #e07902;
+  --vvd-color-warning-500: #be5702;
+  --vvd-color-warning-600: #A64C03;
+  --vvd-color-warning-700: #893000;
+  --vvd-color-warning-800: #522801;
+  --vvd-color-warning-900: #2A1502;
+  --vvd-color-warning-950: #150B01;
+  --vvd-color-information-50: #e8f4fb;
+  --vvd-color-information-100: #d3e9fc;
+  --vvd-color-information-200: #9dd2fe;
+  --vvd-color-information-300: #65baff;
+  --vvd-color-information-400: #2997f0;
+  --vvd-color-information-500: #0276d5;
+  --vvd-color-information-600: #0e65c2;
+  --vvd-color-information-700: #094a9e;
+  --vvd-color-information-800: #0e306d;
+  --vvd-color-information-900: #071939;
+  --vvd-color-information-950: #040d1d;
+  --vvd-color-announcement-50: #ffedfb;
+  --vvd-color-announcement-100: #ffdcf7;
+  --vvd-color-announcement-200: #f8b9e7;
+  --vvd-color-announcement-300: #fb8fd8;
+  --vvd-color-announcement-400: #e560bb;
+  --vvd-color-announcement-500: #d6219c;
+  --vvd-color-announcement-600: #bb1e89;
+  --vvd-color-announcement-700: #8f1669;
+  --vvd-color-announcement-800: #620256;
+  --vvd-color-announcement-900: #32082c;
+  --vvd-color-announcement-950: #1d031a;
+  --vvd-color-success-50: #e1f8e5;
+  --vvd-color-success-100: #cfeed4;
+  --vvd-color-success-200: #86e090;
+  --vvd-color-success-300: #53ca6a;
+  --vvd-color-success-400: #30a849;
+  --vvd-color-success-500: #1c8731;
+  --vvd-color-success-600: #167629;
+  --vvd-color-success-700: #155923;
+  --vvd-color-success-800: #183a1e;
+  --vvd-color-success-900: #0a1e11;
+  --vvd-color-success-950: #060f09;
+  --vvd-color-alert-50: #ffeef2;
+  --vvd-color-alert-100: #fedfdf;
+  --vvd-color-alert-200: #ffbbbb;
+  --vvd-color-alert-300: #fe9696;
+  --vvd-color-alert-400: #f75959;
+  --vvd-color-alert-500: #e61d1d;
+  --vvd-color-alert-600: #cd0d0d;
+  --vvd-color-alert-700: #9f0202;
+  --vvd-color-alert-800: #6e0000;
+  --vvd-color-alert-900: #3e0004;
+  --vvd-color-alert-950: #250004;
+  --vvd-color-surface-0dp: #ffffff;
+  --vvd-color-surface-2dp: #ffffff;
+  --vvd-color-surface-4dp: #ffffff;
+  --vvd-color-surface-8dp: #ffffff;
+  --vvd-color-surface-12dp: #ffffff;
+  --vvd-color-surface-16dp: #ffffff;
+  --vvd-color-surface-24dp: #ffffff;
+  --vvd-shadow-surface-0dp: drop-shadow(1px 0px 0px #cccccc) drop-shadow(0px 1px 0px #cccccc) drop-shadow(0px -1px 0px #cccccc) drop-shadow(-1px 0px 0px #cccccc);
+  --vvd-shadow-surface-2dp: drop-shadow(0px 1px 4px #0000001a) drop-shadow(0px 1px 2px #0000000d) drop-shadow(0px 2px 1px #0000000d);
+  --vvd-shadow-surface-4dp: drop-shadow(0px 2px 8px #0000001a) drop-shadow(0px 2px 4px #0000000d) drop-shadow(0px 4px 2px #0000000d);
+  --vvd-shadow-surface-8dp: drop-shadow(0px 2px 16px #0000001a) drop-shadow(0px 8px 8px #0000000d) drop-shadow(0px 4px 4px #0000000d);
+  --vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);
+  --vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);
+  --vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);
+}
+
+/*# sourceMappingURL=theme-dark.css.map */
+`, Ce = `@font-face {
+  font-family: SpeziaCompleteVariableUpright;
+  font-stretch: 50% 200%;
+  font-weight: 1 1000;
+  font-display: block;
+  src: url("https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2") format("woff2");
+}
+@font-face {
+  font-family: SpeziaMonoCompleteVariable;
+  font-stretch: 50% 200%;
+  font-weight: 1 1000;
+  font-display: block;
+  src: url("https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2") format("woff2");
+}
+.vvd-root {
+  --vvd-typography-headline: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 SpeziaCompleteVariableUpright;
+  --vvd-typography-subtitle: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 SpeziaCompleteVariableUpright;
+  --vvd-typography-heading-1: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 SpeziaCompleteVariableUpright;
+  --vvd-typography-heading-2: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 SpeziaCompleteVariableUpright;
+  --vvd-typography-heading-3: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 SpeziaCompleteVariableUpright;
+  --vvd-typography-heading-4: 500 condensed calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 SpeziaCompleteVariableUpright;
+  --vvd-typography-base: 400 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 SpeziaCompleteVariableUpright;
+  --vvd-typography-base-bold: 600 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 SpeziaCompleteVariableUpright;
+  --vvd-typography-base-code: 400 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 SpeziaMonoCompleteVariable;
+  --vvd-typography-base-condensed: 400 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 SpeziaCompleteVariableUpright;
+  --vvd-typography-base-condensed-bold: 600 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 SpeziaCompleteVariableUpright;
+  --vvd-typography-base-extended: 400 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px))/1.5 SpeziaCompleteVariableUpright;
+  --vvd-typography-base-extended-bold: 600 ultra-condensed calc(var(--vvd-size-font-scale-base, 16px))/1.5 SpeziaCompleteVariableUpright;
+}
+
+/*# sourceMappingURL=spezia-variable.css.map */
+`, Le = `/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+.vvd-root, ::part(vvd-root),
+.vvd-theme-alternate, ::part(vvd-theme-alternate) {
+  --_vvd3--vvd-color-neutral-50: var(--vvd-color-neutral-50);
+}
+
+.vvd-component:not(.vvd-theme-alternate) {
+  --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);
+}
+
+/*# sourceMappingURL=vivid-2-compat.css.map */
+`, Ve = `/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+.vvd-root {
+  color-scheme: var(--vvd-color-scheme);
+  background-color: var(--vvd-color-canvas);
+  color: var(--vvd-color-canvas-text);
+}
+
+/*# sourceMappingURL=theme.css.map */
+`, Be = `/**
+ * Do not edit directly
+ * Generated on Thu, 30 Nov 2023 11:42:28 GMT
+ */
+.vvd-root:root {
+  --vvd-size-font-scale-base: 1rem;
+  font-size: unset;
+}
+.vvd-root:root > body {
+  font: var(--vvd-typography-base);
+  font-feature-settings: "kern"; /* turns on kerning */
+  text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */
+  -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */
+  -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */
+}
+.vvd-root:not(:root) {
+  font: var(--vvd-typography-base);
+  font-feature-settings: "kern"; /* turns on kerning */
+  text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */
+  -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */
+  -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */
+}
+.vvd-root p,
+.vvd-root .font-base {
+  font: var(--vvd-typography-base);
+  margin-block: 16px;
+}
+.vvd-root p.tight,
+.vvd-root .font-base.tight {
+  margin-block: 0;
+}
+.vvd-root .font-base-bold {
+  font: var(--vvd-typography-base-bold);
+}
+.vvd-root .font-base-condensed {
+  font: var(--vvd-typography-base-condensed);
+}
+.vvd-root .font-base-condensed-bold {
+  font: var(--vvd-typography-base-condensed-bold);
+}
+.vvd-root .font-base-extended {
+  font: var(--vvd-typography-base-extended);
+}
+.vvd-root .font-base-extended-bold {
+  font: var(--vvd-typography-base-extended-bold);
+}
+.vvd-root .font-base-code {
+  font: var(--vvd-typography-base-code);
+}
+.vvd-root b, .vvd-root strong {
+  font-weight: 600;
+}
+.vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {
+  font: var(--vvd-typography-base-code);
+}
+.vvd-root .headline {
+  font: var(--vvd-typography-headline);
+  margin-block: 40px;
+}
+.vvd-root .subtitle {
+  font: var(--vvd-typography-subtitle);
+  margin-block: 40px;
+}
+.vvd-root h1,
+.vvd-root .heading1 {
+  font: var(--vvd-typography-heading-1);
+  margin-block: 32px;
+}
+.vvd-root h2,
+.vvd-root .heading2 {
+  font: var(--vvd-typography-heading-2);
+  margin-block: 32px;
+}
+.vvd-root h3,
+.vvd-root .heading3 {
+  font: var(--vvd-typography-heading-3);
+  margin-block: 24px;
+}
+.vvd-root h4,
+.vvd-root .heading4 {
+  font: var(--vvd-typography-heading-4);
+  margin-block: 24px;
+}
+.vvd-root .headline b, .vvd-root .headline strong,
+.vvd-root .subtitle b,
+.vvd-root .subtitle strong,
+.vvd-root h1 b,
+.vvd-root h1 strong,
+.vvd-root .heading1 b,
+.vvd-root .heading1 strong,
+.vvd-root h2 b,
+.vvd-root h2 strong,
+.vvd-root .heading2 b,
+.vvd-root .heading2 strong,
+.vvd-root h3 b,
+.vvd-root h3 strong,
+.vvd-root .heading3 b,
+.vvd-root .heading3 strong,
+.vvd-root h4 b,
+.vvd-root h4 strong,
+.vvd-root .heading4 b,
+.vvd-root .heading4 strong {
+  font-weight: 500;
+}
+.vvd-root .headline.tight,
+.vvd-root .subtitle.tight,
+.vvd-root h1.tight,
+.vvd-root .heading1.tight,
+.vvd-root h2.tight,
+.vvd-root .heading2.tight,
+.vvd-root h3.tight,
+.vvd-root .heading3.tight,
+.vvd-root h4.tight,
+.vvd-root .heading4.tight {
+  margin-block: 0;
+}
+.vvd-root small,
+.vvd-root figcaption {
+  font: var(--vvd-typography-base-condensed);
+}
+.vvd-root sub,
+.vvd-root sup {
+  font: var(--vvd-typography-base-condensed);
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+.vvd-root sub {
+  bottom: -0.25em;
+}
+.vvd-root sup {
+  top: -0.5em;
+}
+
+/*# sourceMappingURL=typography.css.map */
+`, Te = {
+  name: "core/theme",
+  css: Ve
+}, Ne = {
+  name: "core/typography",
+  css: Be
+}, ze = {
+  name: "tokens/vivid-2-compat",
+  css: Le
+}, Ai = {
+  theme: Te,
+  typography: Ne,
+  vivid2Compat: ze
+}, g = "vvd-root", v = (e, o, a = !1) => {
+  const i = document.createElement("link");
+  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 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));
+        }, 30);
+        break;
+      }
+      case "none":
+        break;
+      default:
+        throw new Error(`Invalid addRootClassTo option: ${a}`);
+    }
+    const i = o.tokens ?? "light";
+    switch (i) {
+      case "light":
+        c(xe);
+        break;
+      case "dark":
+        c(we);
+        break;
+      case "none":
+        break;
+      default:
+        throw new Error(`Invalid theme option: ${i}`);
+    }
+    const t = o.styles ?? [];
+    for (const h of t)
+      c(h.css);
+    const s = o.font ?? "oss";
+    switch (s) {
+      case "oss":
+        v("preconnect", "https://fonts.googleapis.com"), v("preconnect", "https://fonts.gstatic.com", !0), v(
+          "stylesheet",
+          "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Roboto+Mono:wght@400;500&display=swap"
+        );
+        break;
+      case "spezia":
+        c(Ce);
+        break;
+      case "none":
+        break;
+      default:
+        throw new Error(`Invalid font option: ${s}`);
+    }
+    o.customComponentPrefix && be(o.customComponentPrefix);
+  }
+};
 export {
-  ge as Icon,
-  $e as VAccordion,
-  Se as VAccordionItem,
-  Ce as VActionGroup,
-  we as VAlert,
-  Le as VAvatar,
-  xe as VBadge,
-  Ve as VBanner,
-  Ne as VBreadcrumb,
-  Te as VBreadcrumbItem,
-  Be as VButton,
-  ze as VCalendar,
-  Ke as VCalendarEvent,
-  Me as VCard,
-  De as VCheckbox,
-  Fe as VCombobox,
-  qe as VDataGrid,
-  Oe as VDataGridCell,
-  Pe as VDataGridRow,
-  Ae as VDatePicker,
-  Re as VDateRangePicker,
-  Ue as VDialog,
-  je as VDivider,
-  Ge as VEmptyState,
-  He as VFab,
-  Ee as VHeader,
-  We as VIcon,
-  _e as VLayout,
-  Je as VMenu,
-  Ze as VMenuItem,
-  Xe as VNav,
-  Qe as VNavDisclosure,
-  Ye as VNavItem,
-  Ie as VNote,
-  ei as VNumberField,
-  ii as VOption,
-  ti as VPagination,
-  oi as VProgress,
-  li as VProgressRing,
-  si as VRadio,
-  ai as VRadioGroup,
-  ni as VSelect,
-  ri as VSideDrawer,
-  di as VSlider,
-  ui as VSwitch,
-  hi as VTab,
-  mi as VTabPanel,
-  pi as VTabs,
-  bi as VTag,
-  $i as VTagGroup,
-  ci as VTextArea,
-  vi as VTextField,
-  fi as VToggletip,
-  gi as VTooltip,
-  yi as VTreeItem,
-  ki as VTreeView,
-  be as setCustomComponentPrefix
+  $e as Icon,
+  De as VAccordion,
+  Ke as VAccordionItem,
+  Ae as VActionGroup,
+  qe as VAlert,
+  Pe as VAvatar,
+  Oe as VBadge,
+  Ue as VBanner,
+  Re as VBreadcrumb,
+  Ge as VBreadcrumbItem,
+  Ee as VButton,
+  je as VCalendar,
+  He as VCalendarEvent,
+  We as VCard,
+  _e as VCheckbox,
+  Xe as VCombobox,
+  Je as VDataGrid,
+  Qe as VDataGridCell,
+  Ze as VDataGridRow,
+  Ye as VDatePicker,
+  Ie as VDateRangePicker,
+  ei as VDialog,
+  ii as VDivider,
+  ti as VEmptyState,
+  oi as VFab,
+  ai as VHeader,
+  ni as VIcon,
+  li as VLayout,
+  si as VMenu,
+  ri as VMenuItem,
+  di as VNav,
+  hi as VNavDisclosure,
+  ui as VNavItem,
+  pi as VNote,
+  ci as VNumberField,
+  vi as VOption,
+  mi as VPagination,
+  fi as VProgress,
+  gi as VProgressRing,
+  yi as VRadio,
+  bi as VRadioGroup,
+  Si as VSelect,
+  ki as VSelectableBox,
+  $i as VSideDrawer,
+  xi as VSlider,
+  wi as VSwitch,
+  Ci as VTab,
+  Vi as VTabPanel,
+  Li as VTabs,
+  Di as VTag,
+  Ki as VTagGroup,
+  Bi as VTextArea,
+  Ti as VTextField,
+  Ni as VToggletip,
+  zi as VTooltip,
+  Mi as VTreeItem,
+  Fi as VTreeView,
+  Ai as optionalStyles,
+  be as setCustomComponentPrefix,
+  qi as vivid3
 };