@vonage/vivid-vue 3.46.0 → 3.48.0

package/index.es.js

@@ -1,12 +1,12 @@
-import { ref as s, version as y, onBeforeMount as b, defineComponent as r, 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 K, registerDataGrid as v, registerDatePicker as D, registerDateRangePicker as A, registerDialog as q, registerDivider as O, registerEmptyState as P, registerFab as U, registerHeader as R, registerIcon as E, registerLayout as G, registerMenu as H, registerMenuItem as j, registerNav as W, registerNavDisclosure as J, registerNavItem as _, registerNote as X, registerNumberField as Z, registerOption as Q, registerPagination as Y, registerProgress as I, registerProgressRing as ee, registerRadio as ie, registerRadioGroup as te, registerSelectableBox as oe, registerSelect as ne, registerSideDrawer as ae, registerSlider as le, registerSplitButton as se, registerSwitch as re, registerTab as de, registerTabs as he, registerTabPanel as ue, registerTextArea as ce, registerTextField as pe, registerToggletip as ve, registerTooltip as me, registerTreeItem as fe, registerTreeView as ge, registerTag as ye, registerTagGroup as be } from "@vonage/vivid";
-const p = s("vvd3");
+import { ref as l, version as y, onBeforeMount as b, defineComponent as r, h as a } from "vue";
+import { registerAccordion as k, registerAccordionItem as $, registerActionGroup as S, 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 K, registerDataGrid as v, registerDatePicker as D, registerDateRangePicker as A, registerDialog as q, registerDivider as P, registerEmptyState as O, registerFab as U, registerHeader as E, registerIcon as G, registerLayout as R, registerMenu as W, registerMenuItem as H, registerNav as j, registerNavDisclosure as J, registerNavItem as _, registerNote as X, 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 se, registerSplitButton as le, registerSwitch as re, registerTab as de, registerTabs as he, registerTabPanel as ue, registerTextArea as ce, registerTextField as pe, registerToggletip as ve, registerTooltip as me, registerTreeItem as fe, registerTreeView as ge, registerTag as ye, registerTagGroup as be } from "@vonage/vivid";
+const p = l("vvd3");
 function ke(e) {
   p.value = e;
 }
-const l = y.startsWith("2");
+const s = y.startsWith("2");
 function d(e, t) {
-  const i = s(`${p.value}-${e}`);
+  const i = l(`${p.value}-${e}`);
   return b(() => {
     t(p.value);
   }), i;
@@ -74,11 +74,11 @@ const De = r({
     }
   },
   setup(e, t) {
-    const i = d("accordion", k), o = s(null);
+    const i = d("accordion", k), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -98,7 +98,7 @@ const De = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -119,7 +119,22 @@ const De = r({
       ]
     );
   }
-}), Ae = r({
+});
+function $e(e, t) {
+  return t.forEach((i) => {
+    var o;
+    i.data || (i.data = {}), i.data.attrs = { ...(o = i.data) == null ? void 0 : o.attrs, slot: e };
+  }), t;
+}
+function Se(e, t) {
+  return t.forEach((i) => {
+    i.props || (i.props = {}), i.props = { ...i.props, slot: e };
+  }), t;
+}
+function n(e, t) {
+  return t ? s ? $e(e, t) : Se(e, t()) : null;
+}
+const Ae = r({
   name: "VAccordionItem",
   props: {
     /**
@@ -209,12 +224,12 @@ const De = r({
   setup(e, t) {
     const i = d(
       "accordion-item",
-      S
-    ), o = s(null);
+      $
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -241,8 +256,12 @@ const De = r({
           change: (e) => this.$emit("change", e)
         }
       },
-      [this.$slots.default]
-    ) : n(
+      [
+        this.$slots.default,
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
+      ]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -267,7 +286,9 @@ const De = r({
       },
       [
         // @ts-ignore
-        this.$slots.default && this.$slots.default()
+        this.$slots.default && this.$slots.default(),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
     );
   }
@@ -335,12 +356,12 @@ const De = r({
   setup(e, t) {
     const i = d(
       "action-group",
-      $
-    ), o = s(null);
+      S
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -363,7 +384,7 @@ const De = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -387,22 +408,7 @@ const De = r({
       ]
     );
   }
-});
-function Se(e, t) {
-  return t.forEach((i) => {
-    var o;
-    i.data || (i.data = {}), i.data.attrs = { ...(o = i.data) == null ? void 0 : o.attrs, slot: e };
-  }), t;
-}
-function $e(e, t) {
-  return t.forEach((i) => {
-    i.props || (i.props = {}), i.props = { ...i.props, slot: e };
-  }), t;
-}
-function a(e, t) {
-  return t ? l ? Se(e, t) : $e(e, t()) : null;
-}
-const Oe = r({
+}), Pe = r({
   name: "VAlert",
   props: {
     /**
@@ -516,11 +522,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("alert", x), o = s(null);
+    const i = d("alert", x), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -550,12 +556,13 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot main The main content of the alert.
-        a("main", this.$slots.main),
+        n("main", this.$slots.main),
         // @slot action-items Add action items to alert using this slot.
-        a("action-items", this.$slots["action-items"])
+        n("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -581,14 +588,16 @@ const Oe = r({
         onClose: (e) => this.$emit("close", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot main The main content of the alert.
-        a("main", this.$slots.main),
+        n("main", this.$slots.main),
         // @slot action-items Add action items to alert using this slot.
-        a("action-items", this.$slots["action-items"])
+        n("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), Pe = r({
+}), Oe = r({
   name: "VAvatar",
   props: {
     /**
@@ -667,11 +676,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("avatar", w), o = s(null);
+    const i = d("avatar", w), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -695,10 +704,11 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot graphic Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).
-        a("graphic", this.$slots.graphic)
+        n("graphic", this.$slots.graphic)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -718,8 +728,10 @@ const Oe = r({
         onInput: (e) => this.$emit("input", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot graphic Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).
-        a("graphic", this.$slots.graphic)
+        n("graphic", this.$slots.graphic)
       ]
     );
   }
@@ -799,11 +811,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("badge", C), o = s(null);
+    const i = d("badge", C), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -826,8 +838,12 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [
+        this.$slots.default,
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
+      ]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -846,10 +862,15 @@ const Oe = r({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
+      ]
     );
   }
-}), Re = r({
+}), Ee = r({
   name: "VBanner",
   props: {
     /**
@@ -915,11 +936,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("banner", L), o = s(null);
+    const i = d("banner", L), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -946,10 +967,13 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot action-items Add action items to banner using this slot.
-        a("action-items", this.$slots["action-items"])
+        n("action-items", this.$slots["action-items"]),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -972,12 +996,16 @@ const Oe = r({
         onInput: (e) => this.$emit("input", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot action-items Add action items to banner using this slot.
-        a("action-items", this.$slots["action-items"])
+        n("action-items", this.$slots["action-items"]),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
     );
   }
-}), Ee = r({
+}), Ge = r({
   name: "VBreadcrumb",
   props: {
     /**
@@ -1022,11 +1050,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("breadcrumb", V), o = s(null);
+    const i = d("breadcrumb", V), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1044,7 +1072,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1063,7 +1091,7 @@ const Oe = r({
       ]
     );
   }
-}), Ge = r({
+}), Re = r({
   name: "VBreadcrumbItem",
   props: {
     /**
@@ -1147,11 +1175,11 @@ const Oe = r({
     const i = d(
       "breadcrumb-item",
       B
-    ), o = s(null);
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1177,8 +1205,8 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1200,10 +1228,13 @@ const Oe = r({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
-}), He = r({
+}), We = r({
   name: "VButton",
   props: {
     /**
@@ -1366,11 +1397,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("button", T), o = s(null);
+    const i = d("button", T), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1410,8 +1441,12 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [
+        this.$slots.default,
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
+      ]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1447,10 +1482,15 @@ const Oe = r({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
+      ]
     );
   }
-}), je = r({
+}), He = r({
   name: "VCalendar",
   props: {
     /**
@@ -1536,11 +1576,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("calendar", N), o = s(null);
+    const i = d("calendar", N), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1566,21 +1606,21 @@ const Oe = r({
       [
         this.$slots.default,
         // @slot day-0 Assign elements to corresponding day column using this slot.
-        a("day-0", this.$slots["day-0"]),
+        n("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"]),
+        n("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"]),
+        n("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"]),
+        n("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"]),
+        n("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"]),
+        n("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"])
+        n("day-6", this.$slots["day-6"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1601,23 +1641,23 @@ const Oe = r({
         // @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"]),
+        n("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"]),
+        n("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"]),
+        n("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"]),
+        n("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"]),
+        n("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"]),
+        n("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"])
+        n("day-6", this.$slots["day-6"])
       ]
     );
   }
-}), We = r({
+}), je = r({
   name: "VCalendarEvent",
   props: {
     /**
@@ -1699,11 +1739,11 @@ const Oe = r({
     const i = d(
       "calendar-event",
       z
-    ), o = s(null);
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1727,8 +1767,8 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1748,7 +1788,10 @@ const Oe = r({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), Je = r({
@@ -1830,11 +1873,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("card", M), o = s(null);
+    const i = d("card", M), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1858,18 +1901,19 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot graphic The graphic slot overrides the icon property.
-        a("graphic", this.$slots.graphic),
+        n("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),
+        n("media", this.$slots.media),
         // @slot meta The meta slot is for action content in the card header.
-        a("meta", this.$slots.meta),
+        n("meta", this.$slots.meta),
         // @slot footer The footer slot is for content in the card footer.
-        a("footer", this.$slots.footer),
+        n("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)
+        n("main", this.$slots.main)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1889,22 +1933,24 @@ const Oe = r({
         onInput: (e) => this.$emit("input", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot graphic The graphic slot overrides the icon property.
-        a("graphic", this.$slots.graphic),
+        n("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),
+        n("media", this.$slots.media),
         // @slot meta The meta slot is for action content in the card header.
-        a("meta", this.$slots.meta),
+        n("meta", this.$slots.meta),
         // @slot footer The footer slot is for content in the card footer.
-        a("footer", this.$slots.footer),
+        n("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)
+        n("main", this.$slots.main)
       ]
     );
   }
 }), _e = r({
   name: "VCheckbox",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -2027,11 +2073,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("checkbox", F), o = s(null);
+    const i = d("checkbox", F), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2069,8 +2115,8 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2104,12 +2150,15 @@ const Oe = r({
         },
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), Xe = r({
   name: "VCombobox",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -2267,11 +2316,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("combobox", K), o = s(null);
+    const i = d("combobox", K), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2307,7 +2356,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2429,11 +2478,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("data-grid", v), o = s(null);
+    const i = d("data-grid", v), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2459,7 +2508,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2570,11 +2619,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("data-grid-row", v), o = s(null);
+    const i = d("data-grid-row", v), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2597,7 +2646,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2726,11 +2775,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("data-grid-cell", v), o = s(null);
+    const i = d("data-grid-cell", v), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2756,7 +2805,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2785,7 +2834,7 @@ const Oe = r({
   }
 }), Ie = r({
   name: "VDatePicker",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -2869,6 +2918,11 @@ const Oe = r({
      * @type {Event}
      */
     "input",
+    /**
+     * Event emitted when the clear value changes
+     * @type {unknown}
+     */
+    "clear-click",
     /**
      * Fires when the value of an element has been changed.
      * @type {string}
@@ -2877,11 +2931,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("date-picker", D), o = s(null);
+    const i = d("date-picker", D), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2910,11 +2964,12 @@ const Oe = r({
               "update:modelValue",
               e.target.value
             ), this.$emit("input", e);
-          }
+          },
+          "clear-click": (e) => this.$emit("clear-click", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2940,9 +2995,13 @@ const Oe = r({
             "update:modelValue",
             e.target.value
           ), this.$emit("input", e);
-        }
+        },
+        onClearClick: (e) => this.$emit("clear-click", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), ei = r({
@@ -3053,6 +3112,11 @@ const Oe = r({
      * @type {unknown}
      */
     "input:end",
+    /**
+     * Event emitted when the clear value changes
+     * @type {unknown}
+     */
+    "clear-click",
     /**
      * Event emitted when the start value changes
      * @type {string}
@@ -3069,11 +3133,11 @@ const Oe = r({
     const i = d(
       "date-range-picker",
       A
-    ), o = s(null);
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3105,11 +3169,12 @@ const Oe = r({
           },
           "input:end": (e) => {
             this.$emit("update:end", e.target.end), this.$emit("input:end", e);
-          }
+          },
+          "clear-click": (e) => this.$emit("clear-click", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3138,9 +3203,13 @@ const Oe = r({
         },
         "onInput:end": (e) => {
           this.$emit("update:end", e.target.end), this.$emit("input:end", e);
-        }
+        },
+        onClearClick: (e) => this.$emit("clear-click", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), ii = r({
@@ -3228,11 +3297,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("dialog", q), o = s(null);
+    const i = d("dialog", q), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3260,18 +3329,19 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot graphic Use the graphic slot in order to replace the icon.
-        a("graphic", this.$slots.graphic),
+        n("graphic", this.$slots.graphic),
         // @slot body Use the body slot in order to add custom HTML to the dialog.
-        a("body", this.$slots.body),
+        n("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),
+        n("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),
+        n("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"])
+        n("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3295,16 +3365,18 @@ const Oe = r({
         onClose: (e) => this.$emit("close", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot graphic Use the graphic slot in order to replace the icon.
-        a("graphic", this.$slots.graphic),
+        n("graphic", this.$slots.graphic),
         // @slot body Use the body slot in order to add custom HTML to the dialog.
-        a("body", this.$slots.body),
+        n("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),
+        n("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),
+        n("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"])
+        n("action-items", this.$slots["action-items"])
       ]
     );
   }
@@ -3367,11 +3439,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("divider", O), o = s(null);
+    const i = d("divider", P), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3390,8 +3462,8 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3406,7 +3478,10 @@ const Oe = r({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), oi = r({
@@ -3463,11 +3538,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("empty-state", P), o = s(null);
+    const i = d("empty-state", O), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3489,11 +3564,11 @@ const Oe = r({
       [
         this.$slots.default,
         // @slot graphic The graphic slot allows overriding the icon with a custom illustration
-        a("graphic", this.$slots.graphic),
+        n("graphic", this.$slots.graphic),
         // @slot action-items Slot to add action items to the empty state
-        a("action-items", this.$slots["action-items"])
+        n("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3512,13 +3587,13 @@ const Oe = r({
         // @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),
+        n("graphic", this.$slots.graphic),
         // @slot action-items Slot to add action items to the empty state
-        a("action-items", this.$slots["action-items"])
+        n("action-items", this.$slots["action-items"])
       ]
     );
   }
-}), ni = r({
+}), ai = r({
   name: "VFab",
   props: {
     /**
@@ -3661,11 +3736,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("fab", U), o = s(null);
+    const i = d("fab", U), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3701,10 +3776,11 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot icon Slot to add an icon to fab.
-        a("icon", this.$slots.icon)
+        n("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3736,12 +3812,14 @@ const Oe = r({
         onInput: (e) => this.$emit("input", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot icon Slot to add an icon to fab.
-        a("icon", this.$slots.icon)
+        n("icon", this.$slots.icon)
       ]
     );
   }
-}), ai = r({
+}), ni = r({
   name: "VHeader",
   props: {
     /**
@@ -3794,11 +3872,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("header", R), o = s(null);
+    const i = d("header", E), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3820,11 +3898,11 @@ const Oe = r({
       [
         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"]),
+        n("action-items", this.$slots["action-items"]),
         // @slot app-content Content vertically aligned with header.
-        a("app-content", this.$slots["app-content"])
+        n("app-content", this.$slots["app-content"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3843,13 +3921,13 @@ const Oe = r({
         // @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"]),
+        n("action-items", this.$slots["action-items"]),
         // @slot app-content Content vertically aligned with header.
-        a("app-content", this.$slots["app-content"])
+        n("app-content", this.$slots["app-content"])
       ]
     );
   }
-}), li = r({
+}), si = r({
   name: "VIcon",
   props: {
     /**
@@ -3915,11 +3993,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("icon", E), o = s(null);
+    const i = d("icon", G), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3940,7 +4018,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3962,7 +4040,7 @@ const Oe = r({
       ]
     );
   }
-}), si = r({
+}), li = r({
   name: "VLayout",
   props: {
     /**
@@ -4042,11 +4120,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("layout", G), o = s(null);
+    const i = d("layout", R), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4069,7 +4147,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4195,11 +4273,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("menu", H), o = s(null);
+    const i = d("menu", W), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4228,11 +4306,11 @@ const Oe = r({
       [
         this.$slots.default,
         // @slot header Used to add additional content to the top of the menu.
-        a("header", this.$slots.header),
+        n("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"])
+        n("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4256,15 +4334,15 @@ const Oe = r({
         // @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),
+        n("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"])
+        n("action-items", this.$slots["action-items"])
       ]
     );
   }
 }), di = r({
   name: "VMenuItem",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -4369,11 +4447,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("menu-item", j), o = s(null);
+    const i = d("menu-item", H), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4407,12 +4485,15 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot meta Assign nodes to the `meta` slot to set a badge or an additional icon.
-        a("meta", this.$slots.meta),
+        n("meta", this.$slots.meta),
+        // @slot trailing-meta Assign nodes to the `meta` slot to set a badge or an additional icon.
+        n("trailing-meta", this.$slots["trailing-meta"]),
         // @slot submenu Assign a Menu to the `submenu` slot to add a submenu.
-        a("submenu", this.$slots.submenu)
+        n("submenu", this.$slots.submenu)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4442,10 +4523,14 @@ const Oe = r({
         }
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot meta Assign nodes to the `meta` slot to set a badge or an additional icon.
-        a("meta", this.$slots.meta),
+        n("meta", this.$slots.meta),
+        // @slot trailing-meta Assign nodes to the `meta` slot to set a badge or an additional icon.
+        n("trailing-meta", this.$slots["trailing-meta"]),
         // @slot submenu Assign a Menu to the `submenu` slot to add a submenu.
-        a("submenu", this.$slots.submenu)
+        n("submenu", this.$slots.submenu)
       ]
     );
   }
@@ -4494,11 +4579,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("nav", W), o = s(null);
+    const i = d("nav", j), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4516,7 +4601,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4592,11 +4677,11 @@ const Oe = r({
     const i = d(
       "nav-disclosure",
       J
-    ), o = s(null);
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4620,9 +4705,11 @@ const Oe = r({
       [
         this.$slots.default,
         // @slot meta A slot to add additional content to the nav disclosure.
-        a("meta", this.$slots.meta)
+        n("meta", this.$slots.meta),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4643,7 +4730,9 @@ const Oe = r({
         // @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)
+        n("meta", this.$slots.meta),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
     );
   }
@@ -4741,11 +4830,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("nav-item", _), o = s(null);
+    const i = d("nav-item", _), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4773,10 +4862,13 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot meta A slot to add additional content to the nav item.
-        a("meta", this.$slots.meta)
+        n("meta", this.$slots.meta),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4800,8 +4892,12 @@ const Oe = r({
         onInput: (e) => this.$emit("input", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot meta A slot to add additional content to the nav item.
-        a("meta", this.$slots.meta)
+        n("meta", this.$slots.meta),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
     );
   }
@@ -4863,11 +4959,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("note", X), o = s(null);
+    const i = d("note", X), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4887,8 +4983,12 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      [this.$slots.default]
-    ) : n(
+      [
+        this.$slots.default,
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
+      ]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4906,13 +5006,15 @@ const Oe = r({
       },
       [
         // @ts-ignore
-        this.$slots.default && this.$slots.default()
+        this.$slots.default && this.$slots.default(),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
     );
   }
 }), vi = r({
   name: "VNumberField",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -5107,11 +5209,11 @@ const Oe = r({
     const i = d(
       "number-field",
       Z
-    ), o = s(null);
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5161,8 +5263,8 @@ const Oe = r({
           change: (e) => this.$emit("change", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5208,7 +5310,10 @@ const Oe = r({
         },
         onChange: (e) => this.$emit("change", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), mi = r({
@@ -5292,11 +5397,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("option", Q), o = s(null);
+    const i = d("option", Q), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5321,10 +5426,11 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot icon Slot to add an icon to the option.
-        a("icon", this.$slots.icon)
+        n("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5345,8 +5451,10 @@ const Oe = r({
         onInput: (e) => this.$emit("input", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot icon Slot to add an icon to the option.
-        a("icon", this.$slots.icon)
+        n("icon", this.$slots.icon)
       ]
     );
   }
@@ -5427,11 +5535,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("pagination", Y), o = s(null);
+    const i = d("pagination", Y), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5454,8 +5562,8 @@ const Oe = r({
           "pagination-change": (e) => this.$emit("pagination-change", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5474,7 +5582,10 @@ const Oe = r({
         onInput: (e) => this.$emit("input", e),
         onPaginationChange: (e) => this.$emit("pagination-change", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), gi = r({
@@ -5557,11 +5668,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("progress", I), o = s(null);
+    const i = d("progress", I), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5586,8 +5697,8 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5608,7 +5719,10 @@ const Oe = r({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), yi = r({
@@ -5684,11 +5798,11 @@ const Oe = r({
     const i = d(
       "progress-ring",
       ee
-    ), o = s(null);
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5712,8 +5826,8 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5733,7 +5847,10 @@ const Oe = r({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), bi = r({
@@ -5839,11 +5956,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("radio", ie), o = s(null);
+    const i = d("radio", ie), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5872,8 +5989,8 @@ const Oe = r({
           change: (e) => this.$emit("change", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5898,12 +6015,15 @@ const Oe = r({
         onInput: (e) => this.$emit("input", e),
         onChange: (e) => this.$emit("change", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), ki = r({
   name: "VRadioGroup",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -5988,11 +6108,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("radio-group", te), o = s(null);
+    const i = d("radio-group", te), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6022,7 +6142,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6053,7 +6173,7 @@ const Oe = r({
       ]
     );
   }
-}), Si = r({
+}), $i = r({
   name: "VSelectableBox",
   props: {
     /**
@@ -6137,11 +6257,11 @@ const Oe = r({
     const i = d(
       "selectable-box",
       oe
-    ), o = s(null);
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6167,7 +6287,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6194,9 +6314,9 @@ const Oe = r({
       ]
     );
   }
-}), $i = r({
+}), Si = r({
   name: "VSelect",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -6370,11 +6490,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("select", ne), o = s(null);
+    const i = d("select", ae), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6418,11 +6538,11 @@ const Oe = r({
       [
         this.$slots.default,
         // @slot icon Slot to add an icon to the select control.
-        a("icon", this.$slots.icon),
+        n("icon", this.$slots.icon),
         // @slot meta Slot to add meta content to the select control.
-        a("meta", this.$slots.meta)
+        n("meta", this.$slots.meta)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6463,9 +6583,9 @@ const Oe = r({
         // @ts-ignore
         this.$slots.default && this.$slots.default(),
         // @slot icon Slot to add an icon to the select control.
-        a("icon", this.$slots.icon),
+        n("icon", this.$slots.icon),
         // @slot meta Slot to add meta content to the select control.
-        a("meta", this.$slots.meta)
+        n("meta", this.$slots.meta)
       ]
     );
   }
@@ -6540,11 +6660,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("side-drawer", ae), o = s(null);
+    const i = d("side-drawer", ne), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6570,9 +6690,9 @@ const Oe = r({
       [
         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"])
+        n("app-content", this.$slots["app-content"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6595,13 +6715,13 @@ const Oe = r({
         // @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"])
+        n("app-content", this.$slots["app-content"])
       ]
     );
   }
 }), wi = r({
   name: "VSlider",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -6745,11 +6865,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("slider", le), o = s(null);
+    const i = d("slider", se), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6787,8 +6907,8 @@ const Oe = r({
           }
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6822,7 +6942,10 @@ const Oe = r({
           ), this.$emit("change", e);
         }
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), Ci = r({
@@ -6935,12 +7058,12 @@ const Oe = r({
   setup(e, t) {
     const i = d(
       "split-button",
-      se
-    ), o = s(null);
+      le
+    ), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6970,8 +7093,12 @@ const Oe = r({
           "indicator-click": (e) => this.$emit("indicator-click", e)
         }
       },
-      [this.$slots.default]
-    ) : n(
+      [
+        this.$slots.default,
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
+      ]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6999,13 +7126,15 @@ const Oe = r({
       },
       [
         // @ts-ignore
-        this.$slots.default && this.$slots.default()
+        this.$slots.default && this.$slots.default(),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
     );
   }
 }), Li = r({
   name: "VSwitch",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -7077,11 +7206,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("switch", re), o = s(null);
+    const i = d("switch", re), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7107,8 +7236,8 @@ const Oe = r({
           }
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7130,7 +7259,10 @@ const Oe = r({
           ), this.$emit("change", e);
         }
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), Vi = r({
@@ -7211,11 +7343,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("tab", de), o = s(null);
+    const i = d("tab", de), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7241,10 +7373,11 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot icon Slot to add an icon to tab.
-        a("icon", this.$slots.icon)
+        n("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7266,8 +7399,10 @@ const Oe = r({
         onInput: (e) => this.$emit("input", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot icon Slot to add an icon to tab.
-        a("icon", this.$slots.icon)
+        n("icon", this.$slots.icon)
       ]
     );
   }
@@ -7309,7 +7444,11 @@ const Oe = r({
     gutters: {
       type: String,
       default: void 0
-    }
+    },
+    /**
+     * sets overflow to the tab-panel
+     */
+    scrollablePanel: { type: Boolean, default: void 0 }
   },
   emits: [
     /**
@@ -7382,11 +7521,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("tabs", he), o = s(null);
+    const i = d("tabs", he), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7396,7 +7535,8 @@ const Oe = r({
           ...this.activeid !== void 0 ? { activeid: this.activeid } : {},
           ...this.activeindicator !== void 0 ? { activeindicator: this.activeindicator } : {},
           ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
-          ...this.gutters !== void 0 ? { gutters: this.gutters } : {}
+          ...this.gutters !== void 0 ? { gutters: this.gutters } : {},
+          ...this.scrollablePanel !== void 0 ? { "scrollable-panel": this.scrollablePanel } : {}
         },
         class: "vvd-component",
         on: {
@@ -7410,7 +7550,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7421,6 +7561,7 @@ const Oe = r({
         ...this.activeindicator !== void 0 ? { activeindicator: this.activeindicator } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         ...this.gutters !== void 0 ? { gutters: this.gutters } : {},
+        ...this.scrollablePanel !== void 0 ? { "scrollable-panel": this.scrollablePanel } : {},
         onClick: (e) => this.$emit("click", e),
         onFocus: (e) => this.$emit("focus", e),
         onBlur: (e) => this.$emit("blur", e),
@@ -7480,11 +7621,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("tab-panel", ue), o = s(null);
+    const i = d("tab-panel", ue), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7502,7 +7643,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7523,7 +7664,7 @@ const Oe = r({
   }
 }), Ni = r({
   name: "VTextArea",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -7695,11 +7836,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("text-area", ce), o = s(null);
+    const i = d("text-area", ce), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7744,8 +7885,8 @@ const Oe = r({
           change: (e) => this.$emit("change", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7786,12 +7927,15 @@ const Oe = r({
         },
         onChange: (e) => this.$emit("change", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), zi = r({
   name: "VTextField",
-  model: l ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -7966,11 +8110,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("text-field", pe), o = s(null);
+    const i = d("text-field", pe), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8018,15 +8162,16 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot leading-action-items Used to add action items to the start of the text-field.
-        a(
+        n(
           "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"])
+        n("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8070,13 +8215,15 @@ const Oe = r({
         onChange: (e) => this.$emit("change", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot leading-action-items Used to add action items to the start of the text-field.
-        a(
+        n(
           "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"])
+        n("action-items", this.$slots["action-items"])
       ]
     );
   }
@@ -8156,11 +8303,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("toggletip", ve), o = s(null);
+    const i = d("toggletip", ve), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8187,9 +8334,9 @@ const Oe = r({
       [
         this.$slots.default,
         // @slot action-items The content to display in the toggletip action items.
-        a("action-items", this.$slots["action-items"])
+        n("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8211,7 +8358,7 @@ const Oe = r({
         // @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"])
+        n("action-items", this.$slots["action-items"])
       ]
     );
   }
@@ -8277,11 +8424,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("tooltip", me), o = s(null);
+    const i = d("tooltip", me), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8304,8 +8451,8 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [this.$slots.default]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8322,7 +8469,10 @@ const Oe = r({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default()
+      ]
     );
   }
 }), Ki = r({
@@ -8401,11 +8551,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("tree-item", fe), o = s(null);
+    const i = d("tree-item", fe), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8430,10 +8580,13 @@ const Oe = r({
         }
       },
       [
+        this.$slots.default,
         // @slot item To specify a child tree item.
-        a("item", this.$slots.item)
+        n("item", this.$slots.item),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8454,8 +8607,12 @@ const Oe = r({
         onSelectedChange: (e) => this.$emit("selected-change", e)
       },
       [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
         // @slot item To specify a child tree item.
-        a("item", this.$slots.item)
+        n("item", this.$slots.item),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
       ]
     );
   }
@@ -8512,11 +8669,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("tree-view", ge), o = s(null);
+    const i = d("tree-view", ge), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8535,7 +8692,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8656,11 +8813,11 @@ const Oe = r({
     }
   },
   setup(e, t) {
-    const i = d("tag", ye), o = s(null);
+    const i = d("tag", ye), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8686,8 +8843,12 @@ const Oe = r({
           input: (e) => this.$emit("input", e)
         }
       },
-      []
-    ) : n(
+      [
+        this.$slots.default,
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
+      ]
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8709,7 +8870,12 @@ const Oe = r({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e)
       },
-      []
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
+        // @slot icon Add an icon to the component.
+        n("icon", this.$slots.icon)
+      ]
     );
   }
 }), qi = r({
@@ -8758,11 +8924,11 @@ const Oe = r({
   ],
   methods: {},
   setup(e, t) {
-    const i = d("tag-group", be), o = s(null);
+    const i = d("tag-group", be), o = l(null);
     return { componentName: i, element: o };
   },
   render() {
-    return l ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8781,7 +8947,7 @@ const Oe = r({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8805,19 +8971,19 @@ const Oe = r({
 var xe = /* @__PURE__ */ ((e) => (e["10SecBackwardSolid"] = "10-sec-backward-solid", e["10SecForwardLine"] = "10-sec-forward-line", e["10SecForwardSolid"] = "10-sec-forward-solid", 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.backLine = "back-line", e.backSolid = "back-solid", e.backspaceLine = "backspace-line", e.backspaceSolid = "backspace-solid", e.backwardLine = "backward-line", e.backwardSolid = "backward-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.cellReceptionLine = "cell-reception-line", e.cellReceptionSolid = "cell-reception-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.checkboxChecked2Line = "checkbox-checked-2-line", e.checkboxChecked2Solid = "checkbox-checked-2-solid", e.checkboxCheckedLine = "checkbox-checked-line", e.checkboxCheckedSolid = "checkbox-checked-solid", e.checkboxPartCheckedLine = "checkbox-part-checked-line", e.checkboxPartCheckedSolid = "checkbox-part-checked-solid", e.checkboxUnchecked2Line = "checkbox-unchecked-2-line", e.checkboxUnchecked2Solid = "checkbox-unchecked-2-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.clearFileLine = "clear-file-line", e.clearFileSolid = "clear-file-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.closedCaptioningOffLine = "closed-captioning-off-line", e.closedCaptioningOffSolid = "closed-captioning-off-solid", 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.commsOnlineColor = "comms-online-color", e.commsOnlineMono = "comms-online-mono", e.companyLine = "company-line", e.companySolid = "company-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.dynamicsColor = "dynamics-color", e.dynamicsMono = "dynamics-mono", 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.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.flagAlandIslands = "flag-aland-islands", 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.forwardLine = "forward-line", e.forwardSolid = "forward-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.linuxColor = "linux-color", e.linuxMono = "linux-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.nextLine = "next-line", e.nextSolid = "next-solid", 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.pinUnverifiedLine = "pin-unverified-line", e.pinUnverifiedSolid = "pin-unverified-solid", e.pinVerifiedLine = "pin-verified-line", e.pinVerifiedSolid = "pin-verified-solid", e.play2Solid = "play-2-solid", e.playLine = "play-line", e.playSolid = "play-solid", e.playbackSpeedLine = "playback-speed-line", e.playbackSpeedSolid = "playback-speed-solid", e.playlistLine = "playlist-line", e.playlistSolid = "playlist-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.radioChecked2Line = "radio-checked-2-line", e.radioChecked2Solid = "radio-checked-2-solid", e.radioCheckedLine = "radio-checked-line", e.radioCheckedSolid = "radio-checked-solid", e.radioUnchecked2Line = "radio-unchecked-2-line", e.radioUnchecked2Solid = "radio-unchecked-2-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.reorderVerticalLine = "reorder-vertical-line", e.reorderVerticalSolid = "reorder-vertical-solid", 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.timelineLine = "timeline-line", e.timelineSolid = "timeline-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.triggerNodeSolid = "trigger-node-solid", 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.unfavouriteLine = "unfavourite-line", e.unfavouriteSolid = "unfavourite-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.vonageColor = "vonage-color", e.vonageLine = "vonage-line", e.vonageMono = "vonage-mono", 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.windowsColor = "windows-color", e.windowsMono = "windows-mono", 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.xTwitterColor = "x-twitter-color", e.xTwitterMono = "x-twitter-mono", 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.zeroLine = "zero-line", e.zeroSolid = "zero-solid", 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))(xe || {});
 const we = `/**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";
@@ -9029,23 +9195,21 @@ const we = `/**
   --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 */
 `, Ce = `/**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 /**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";
@@ -9257,8 +9421,6 @@ const we = `/**
   --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 */
 `, Le = `@font-face {
   font-family: SpeziaCompleteVariableUpright;
   font-stretch: 50% 200%;
@@ -9288,11 +9450,9 @@ const we = `/**
   --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 */
 `, Ve = `/**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 .vvd-root, ::part(vvd-root),
 .vvd-theme-alternate, ::part(vvd-theme-alternate) {
@@ -9302,22 +9462,18 @@ const we = `/**
 .vvd-component:not(.vvd-theme-alternate) {
   --vvd-color-neutral-50: var(--_vvd3--vvd-color-neutral-50);
 }
-
-/*# sourceMappingURL=vivid-2-compat.css.map */
 `, Be = `/**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 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 */
 `, Te = `/**
  * Do not edit directly
- * Generated on Mon, 15 Jan 2024 13:38:12 GMT
+ * Generated on Wed, 31 Jan 2024 15:12:41 GMT
  */
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;
@@ -9449,8 +9605,6 @@ const we = `/**
 .vvd-root sup {
   top: -0.5em;
 }
-
-/*# sourceMappingURL=typography.css.map */
 `, Ne = {
   name: "core/theme",
   css: Be
@@ -9460,7 +9614,7 @@ const we = `/**
 }, Me = {
   name: "tokens/vivid-2-compat",
   css: Ve
-}, Oi = {
+}, Pi = {
   theme: Ne,
   typography: ze,
   vivid2Compat: Me
@@ -9470,7 +9624,7 @@ const we = `/**
 }, h = (e) => {
   const t = document.createElement("style");
   t.setAttribute("type", "text/css"), t.innerHTML = e, document.head.append(t);
-}, Pi = {
+}, Oi = {
   install(e, t) {
     const i = t.addRootClassTo ?? "root";
     switch (i) {
@@ -9528,15 +9682,15 @@ export {
   De as VAccordion,
   Ae as VAccordionItem,
   qe as VActionGroup,
-  Oe as VAlert,
-  Pe as VAvatar,
+  Pe as VAlert,
+  Oe as VAvatar,
   Ue as VBadge,
-  Re as VBanner,
-  Ee as VBreadcrumb,
-  Ge as VBreadcrumbItem,
-  He as VButton,
-  je as VCalendar,
-  We as VCalendarEvent,
+  Ee as VBanner,
+  Ge as VBreadcrumb,
+  Re as VBreadcrumbItem,
+  We as VButton,
+  He as VCalendar,
+  je as VCalendarEvent,
   Je as VCard,
   _e as VCheckbox,
   Xe as VCombobox,
@@ -9548,10 +9702,10 @@ export {
   ii as VDialog,
   ti as VDivider,
   oi as VEmptyState,
-  ni as VFab,
-  ai as VHeader,
-  li as VIcon,
-  si as VLayout,
+  ai as VFab,
+  ni as VHeader,
+  si as VIcon,
+  li as VLayout,
   ri as VMenu,
   di as VMenuItem,
   hi as VNav,
@@ -9565,8 +9719,8 @@ export {
   yi as VProgressRing,
   bi as VRadio,
   ki as VRadioGroup,
-  $i as VSelect,
-  Si as VSelectableBox,
+  Si as VSelect,
+  $i as VSelectableBox,
   xi as VSideDrawer,
   wi as VSlider,
   Ci as VSplitButton,
@@ -9582,7 +9736,7 @@ export {
   Fi as VTooltip,
   Ki as VTreeItem,
   Di as VTreeView,
-  Oi as optionalStyles,
+  Pi as optionalStyles,
   ke as setCustomComponentPrefix,
-  Pi as vivid3
+  Oi as vivid3
 };