@vonage/vivid-vue 3.44.0 → 3.45.0

package/index.es.js

@@ -1,17 +1,17 @@
-import { ref as d, version as y, onBeforeMount as b, defineComponent as h, h as n } from "vue";
-import { registerAccordion as k, registerAccordionItem as S, registerActionGroup as $, registerAlert as x, registerAvatar as w, registerBadge as C, registerBanner as L, registerBreadcrumb as V, registerBreadcrumbItem as B, registerButton as T, registerCalendar as N, registerCalendarEvent as z, registerCard as M, registerCheckbox as D, registerCombobox as F, registerDataGrid as f, registerDatePicker as K, registerDateRangePicker as A, registerDialog as q, registerDivider as P, registerEmptyState as O, registerFab as U, registerHeader as R, registerIcon as G, registerLayout as E, registerMenu as j, registerMenuItem as H, registerNav as W, registerNavDisclosure as _, registerNavItem as X, registerNote as J, registerNumberField as Z, registerOption as Q, registerPagination as Y, registerProgress as I, registerProgressRing as ee, registerRadio as ie, registerRadioGroup as te, registerSelectableBox as oe, registerSelect as ae, registerSideDrawer as ne, registerSlider as le, registerSwitch as se, registerTab as re, registerTabs as de, registerTabPanel as he, registerTextArea as ue, registerTextField as pe, registerToggletip as ce, registerTooltip as ve, registerTreeItem as me, registerTreeView as fe, registerTag as ge, registerTagGroup as ye } from "@vonage/vivid";
+import { ref as d, version as y, onBeforeMount as b, defineComponent as h, h as a } from "vue";
+import { registerAccordion as k, registerAccordionItem as S, registerActionGroup as $, registerAlert as x, registerAvatar as w, registerBadge as C, registerBanner as L, registerBreadcrumb as V, registerBreadcrumbItem as B, registerButton as T, registerCalendar as N, registerCalendarEvent as z, registerCard as M, registerCheckbox as F, registerCombobox as D, registerDataGrid as f, registerDatePicker as K, registerDateRangePicker as A, registerDialog as q, registerDivider as P, registerEmptyState as O, registerFab as U, registerHeader as R, registerIcon as G, registerLayout as E, registerMenu as 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, registerSwitch as se, registerTab as re, registerTabs as de, registerTabPanel as he, registerTextArea as ue, registerTextField as pe, registerToggletip as ce, registerTooltip as ve, registerTreeItem as me, registerTreeView as fe, registerTag as ge, registerTagGroup as ye } from "@vonage/vivid";
 const m = d("vvd3");
 function be(e) {
   m.value = e;
 }
-const r = y.startsWith("2");
+const s = y.startsWith("2");
 function u(e, o) {
-  const a = d(`${m.value}-${e}`);
+  const n = d(`${m.value}-${e}`);
   return b(() => {
     o(m.value);
-  }), a;
+  }), n;
 }
-const Fe = h({
+const De = h({
   name: "VAccordion",
   props: {
     /**
@@ -68,16 +68,16 @@ const Fe = h({
     "change"
   ],
   setup(e, o) {
-    const a = u("accordion", k), i = d(null);
+    const n = u("accordion", k), i = d(null);
     return o.expose({
       closeAll() {
         var t;
         return (t = i.value) == null ? void 0 : t.closeAll();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -97,7 +97,7 @@ const Fe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -205,14 +205,14 @@ const Fe = h({
     "change"
   ],
   setup(e, o) {
-    const a = u(
+    const n = u(
       "accordion-item",
       S
     ), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -240,7 +240,7 @@ const Fe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -330,14 +330,14 @@ const Fe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u(
+    const n = u(
       "action-group",
       $
     ), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -360,7 +360,7 @@ const Fe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -386,18 +386,18 @@ const Fe = h({
   }
 });
 function ke(e, o) {
-  return o.forEach((a) => {
+  return o.forEach((n) => {
     var i;
-    a.data || (a.data = {}), a.data.attrs = { ...(i = a.data) == null ? void 0 : i.attrs, slot: e };
+    n.data || (n.data = {}), n.data.attrs = { ...(i = n.data) == null ? void 0 : i.attrs, slot: e };
   }), o;
 }
 function Se(e, o) {
-  return o.forEach((a) => {
-    a.props || (a.props = {}), a.props = { ...a.props, slot: e };
+  return o.forEach((n) => {
+    n.props || (n.props = {}), n.props = { ...n.props, slot: e };
   }), o;
 }
 function l(e, o) {
-  return o ? r ? ke(e, o) : Se(e, o()) : null;
+  return o ? s ? ke(e, o) : Se(e, o()) : null;
 }
 const qe = h({
   name: "VAlert",
@@ -452,6 +452,13 @@ const qe = h({
       type: String,
       default: void 0
     },
+    /**
+     * alert state
+     */
+    strategy: {
+      type: String,
+      default: void 0
+    },
     /**
      * indicates whether the alert is open
      */
@@ -500,16 +507,16 @@ const qe = h({
     "close"
   ],
   setup(e, o) {
-    const a = u("alert", x), i = d(null);
+    const n = u("alert", x), i = d(null);
     return o.expose({
-      openChanged(t, s) {
+      openChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.openChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.openChanged(t, r);
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -523,6 +530,7 @@ const qe = h({
           ...this.icon !== void 0 ? { icon: this.icon } : {},
           ...this.timeoutms !== void 0 ? { timeoutms: this.timeoutms } : {},
           ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
+          ...this.strategy !== void 0 ? { strategy: this.strategy } : {},
           ...this.open !== void 0 ? { open: this.open } : {}
         },
         class: "vvd-component",
@@ -543,7 +551,7 @@ const qe = h({
         // @slot action-items Add action items to alert using this slot.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -557,6 +565,7 @@ const qe = h({
         ...this.icon !== void 0 ? { icon: this.icon } : {},
         ...this.timeoutms !== void 0 ? { timeoutms: this.timeoutms } : {},
         ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
+        ...this.strategy !== void 0 ? { strategy: this.strategy } : {},
         ...this.open !== void 0 ? { open: this.open } : {},
         onClick: (e) => this.$emit("click", e),
         onFocus: (e) => this.$emit("focus", e),
@@ -653,11 +662,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("avatar", w), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("avatar", w), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -684,7 +693,7 @@ const qe = h({
         // @slot graphic Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).
         l("graphic", this.$slots.graphic)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -784,11 +793,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("badge", C), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("badge", C), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -812,7 +821,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -894,16 +903,16 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("banner", L), i = d(null);
+    const n = u("banner", L), i = d(null);
     return o.expose({
       remove() {
         var t;
         return (t = i.value) == null ? void 0 : t.remove();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -933,7 +942,7 @@ const qe = h({
         // @slot action-items Add action items to banner using this slot.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1005,11 +1014,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("breadcrumb", V), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("breadcrumb", V), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1027,7 +1036,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1126,14 +1135,14 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u(
+    const n = u(
       "breadcrumb-item",
       B
     ), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1160,7 +1169,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1339,7 +1348,7 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("button", T), i = d(null);
+    const n = u("button", T), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -1348,10 +1357,10 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.validate();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1392,7 +1401,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1431,7 +1440,7 @@ const qe = h({
       []
     );
   }
-}), je = h({
+}), He = h({
   name: "VCalendar",
   props: {
     /**
@@ -1511,16 +1520,16 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("calendar", N), i = d(null);
+    const n = u("calendar", N), i = d(null);
     return o.expose({
       onKeydown(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.onKeydown(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.onKeydown(t);
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1560,7 +1569,7 @@ const qe = h({
         // @slot day-6 Assign elements to corresponding day column using this slot.
         l("day-6", this.$slots["day-6"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1597,7 +1606,7 @@ const qe = h({
       ]
     );
   }
-}), He = h({
+}), je = h({
   name: "VCalendarEvent",
   props: {
     /**
@@ -1675,14 +1684,14 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u(
+    const n = u(
       "calendar-event",
       z
     ), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1707,7 +1716,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1808,11 +1817,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("card", M), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("card", M), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -1847,7 +1856,7 @@ const qe = h({
         // @slot main Assign nodes to main slot to fully override a card's predefined flow and style with your own.
         l("main", this.$slots.main)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -1880,9 +1889,9 @@ const qe = h({
       ]
     );
   }
-}), _e = h({
+}), Je = h({
   name: "VCheckbox",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -2004,11 +2013,11 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("checkbox", D), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("checkbox", F), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2047,7 +2056,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2084,9 +2093,9 @@ const qe = h({
       []
     );
   }
-}), Xe = h({
+}), _e = h({
   name: "VCombobox",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -2207,7 +2216,7 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("combobox", F), i = d(null);
+    const n = u("combobox", D), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -2227,8 +2236,8 @@ const qe = h({
        * Calculate and apply listbox positioning based on available viewport space.
        */
       setPositioning(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.setPositioning(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.setPositioning(t);
       },
       /**
        * Moves focus to the first selectable option.
@@ -2244,10 +2253,10 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.setSelectedOptions();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2283,7 +2292,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2320,7 +2329,7 @@ const qe = h({
       ]
     );
   }
-}), Je = h({
+}), Xe = h({
   name: "VDataGrid",
   props: {
     /**
@@ -2391,19 +2400,24 @@ const qe = h({
      * Fires when the value of an element has been changed.
      * @type {Event}
      */
-    "input"
+    "input",
+    /**
+     * Event that fires when a cell is clicked
+     * @type {unknown}
+     */
+    "cell-click"
   ],
   setup(e, o) {
-    const a = u("data-grid", f), i = d(null);
+    const n = u("data-grid", f), i = d(null);
     return o.expose({
       selectionModeChanged(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.selectionModeChanged(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.selectionModeChanged(t);
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2424,11 +2438,12 @@ const qe = h({
           blur: (e) => this.$emit("blur", e),
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
-          input: (e) => this.$emit("input", e)
+          input: (e) => this.$emit("input", e),
+          "cell-click": (e) => this.$emit("cell-click", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2444,7 +2459,8 @@ const qe = h({
         onBlur: (e) => this.$emit("blur", e),
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
-        onInput: (e) => this.$emit("input", e)
+        onInput: (e) => this.$emit("input", e),
+        onCellClick: (e) => this.$emit("cell-click", e)
       },
       [
         // @ts-ignore
@@ -2516,27 +2532,32 @@ const qe = h({
      * Fires a custom 'row-focused' event when focus is on an element (usually a cell or its contents) in the row
      * @type {unknown}
      */
-    "row-focused"
+    "row-focused",
+    /**
+     * Event that fires when a cell is clicked
+     * @type {unknown}
+     */
+    "cell-click"
   ],
   setup(e, o) {
-    const a = u("data-grid-row", f), i = d(null);
+    const n = u("data-grid-row", f), i = d(null);
     return o.expose({
       handleFocusout(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.handleFocusout(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.handleFocusout(t);
       },
       handleCellFocus(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.handleCellFocus(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.handleCellFocus(t);
       },
       handleKeydown(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.handleKeydown(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.handleKeydown(t);
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2554,11 +2575,12 @@ const qe = h({
           keydown: (e) => this.$emit("keydown", e),
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => this.$emit("input", e),
-          "row-focused": (e) => this.$emit("row-focused", e)
+          "row-focused": (e) => this.$emit("row-focused", e),
+          "cell-click": (e) => this.$emit("cell-click", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2573,7 +2595,8 @@ const qe = h({
         onKeydown: (e) => this.$emit("keydown", e),
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e),
-        onRowFocused: (e) => this.$emit("row-focused", e)
+        onRowFocused: (e) => this.$emit("row-focused", e),
+        onCellClick: (e) => this.$emit("cell-click", e)
       },
       [
         // @ts-ignore
@@ -2660,31 +2683,36 @@ const qe = h({
      * Event that fires when a sortable column header is clicked
      * @type {unknown}
      */
-    "sort"
+    "sort",
+    /**
+     * Event that fires when a cell is clicked
+     * @type {unknown}
+     */
+    "cell-click"
   ],
   setup(e, o) {
-    const a = u("data-grid-cell", f), i = d(null);
+    const n = u("data-grid-cell", f), i = d(null);
     return o.expose({
       handleKeydown(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.handleKeydown(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.handleKeydown(t);
       },
-      ariaSelectedChanged(t, s) {
+      ariaSelectedChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.ariaSelectedChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.ariaSelectedChanged(t, r);
       },
       handleFocusin(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.handleFocusin(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.handleFocusin(t);
       },
       handleFocusout(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.handleFocusout(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.handleFocusout(t);
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2705,11 +2733,12 @@ const qe = h({
           keyup: (e) => this.$emit("keyup", e),
           input: (e) => this.$emit("input", e),
           "cell-focused": (e) => this.$emit("cell-focused", e),
-          sort: (e) => this.$emit("sort", e)
+          sort: (e) => this.$emit("sort", e),
+          "cell-click": (e) => this.$emit("cell-click", e)
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -2727,7 +2756,8 @@ const qe = h({
         onKeyup: (e) => this.$emit("keyup", e),
         onInput: (e) => this.$emit("input", e),
         onCellFocused: (e) => this.$emit("cell-focused", e),
-        onSort: (e) => this.$emit("sort", e)
+        onSort: (e) => this.$emit("sort", e),
+        onCellClick: (e) => this.$emit("cell-click", e)
       },
       [
         // @ts-ignore
@@ -2737,7 +2767,7 @@ const qe = h({
   }
 }), Ye = h({
   name: "VDatePicker",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -2828,11 +2858,11 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("date-picker", K), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("date-picker", K), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -2865,7 +2895,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3016,14 +3046,14 @@ const qe = h({
     "update:end"
   ],
   setup(e, o) {
-    const a = u(
+    const n = u(
       "date-range-picker",
       A
     ), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3059,7 +3089,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3164,7 +3194,7 @@ const qe = h({
     "close"
   ],
   setup(e, o) {
-    const a = u("dialog", q), i = d(null);
+    const n = u("dialog", q), i = d(null);
     return o.expose({
       close() {
         var t;
@@ -3178,10 +3208,10 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.showModal();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3220,7 +3250,7 @@ const qe = h({
         // @slot action-items Use the action-items slot in order to add action buttons to the bottom of the dialog.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3315,11 +3345,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("divider", P), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("divider", P), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3339,7 +3369,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3410,11 +3440,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("empty-state", O), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("empty-state", O), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3440,7 +3470,7 @@ const qe = h({
         // @slot action-items Slot to add action items to the empty state
         l("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3599,7 +3629,7 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("fab", U), i = d(null);
+    const n = u("fab", U), i = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -3608,10 +3638,10 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.validate();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3650,7 +3680,7 @@ const qe = h({
         // @slot icon Slot to add an icon to fab.
         l("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3687,7 +3717,7 @@ const qe = h({
       ]
     );
   }
-}), ai = h({
+}), ni = h({
   name: "VHeader",
   props: {
     /**
@@ -3739,11 +3769,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("header", R), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("header", R), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3769,7 +3799,7 @@ const qe = h({
         // @slot app-content Content vertically aligned with header.
         l("app-content", this.$slots["app-content"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3794,7 +3824,7 @@ const qe = h({
       ]
     );
   }
-}), ni = h({
+}), ai = h({
   name: "VIcon",
   props: {
     /**
@@ -3854,16 +3884,16 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("icon", G), i = d(null);
+    const n = u("icon", G), i = d(null);
     return o.expose({
       nameChanged() {
         var t;
         return (t = i.value) == null ? void 0 : t.nameChanged();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -3884,7 +3914,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -3985,11 +4015,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("layout", E), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("layout", E), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4012,7 +4042,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4039,6 +4069,13 @@ const qe = h({
 }), si = h({
   name: "VMenu",
   props: {
+    /**
+     * ID or direct reference to the component's anchor element.
+     */
+    anchor: {
+      type: [Object, String],
+      default: void 0
+    },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -4054,13 +4091,6 @@ const qe = h({
       type: String,
       default: void 0
     },
-    /**
-     * id or direct reference to the menu's anchor element
-     */
-    anchor: {
-      type: [Object, String],
-      default: void 0
-    },
     /**
      * indicates whether the menu will automatically close when
      * the user clicks outside the menu
@@ -4114,7 +4144,7 @@ const qe = h({
     "close"
   ],
   setup(e, o) {
-    const a = u("menu", j), i = d(null);
+    const n = u("menu", H), i = d(null);
     return o.expose({
       /**
        * Focuses the first item in the menu.
@@ -4130,22 +4160,18 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.collapseExpandedItem();
       },
-      anchorChanged(t, s) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.anchorChanged(t, s);
-      },
-      autoDismissChanged(t, s) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.autoDismissChanged(t, s);
+      autoDismissChanged(t) {
+        var r;
+        return (r = i.value) == null ? void 0 : r.autoDismissChanged(t);
       },
-      openChanged(t, s) {
+      openChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.openChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.openChanged(t, r);
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4178,15 +4204,15 @@ const qe = h({
         // @slot action-items Used to add action items to the bottom of the menu.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
         class: "vvd-component",
+        ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
         ...this.placement !== void 0 ? { placement: this.placement } : {},
-        ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
         ...this.autoDismiss !== void 0 ? { "auto-dismiss": this.autoDismiss } : {},
         ...this.open !== void 0 ? { open: this.open } : {},
         onClick: (e) => this.$emit("click", e),
@@ -4210,7 +4236,7 @@ const qe = h({
   }
 }), ri = h({
   name: "VMenuItem",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -4314,11 +4340,11 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("menu-item", H), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("menu-item", j), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4357,7 +4383,7 @@ const qe = h({
         // @slot submenu Assign a Menu to the `submenu` slot to add a submenu.
         l("submenu", this.$slots.submenu)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4438,11 +4464,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("nav", W), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("nav", W), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4460,7 +4486,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4532,14 +4558,14 @@ const qe = h({
     "toggle"
   ],
   setup(e, o) {
-    const a = u(
+    const n = u(
       "nav-disclosure",
-      _
+      J
     ), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4565,7 +4591,7 @@ const qe = h({
         // @slot meta A slot to add additional content to the nav disclosure.
         l("meta", this.$slots.meta)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4678,16 +4704,16 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("nav-item", X), i = d(null);
+    const n = u("nav-item", _), i = d(null);
     return o.expose({
       getBodyTemplate() {
         var t;
         return (t = i.value) == null ? void 0 : t.getBodyTemplate();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4718,7 +4744,7 @@ const qe = h({
         // @slot meta A slot to add additional content to the nav item.
         l("meta", this.$slots.meta)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4804,11 +4830,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("note", J), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("note", X), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -4829,7 +4855,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -4853,7 +4879,7 @@ const qe = h({
   }
 }), ci = h({
   name: "VNumberField",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -5017,7 +5043,7 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u(
+    const n = u(
       "number-field",
       Z
     ), i = d(null);
@@ -5036,9 +5062,9 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.select();
       },
-      stepChanged(t, s) {
+      stepChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.stepChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.stepChanged(t, r);
       },
       stepUp() {
         var t;
@@ -5048,10 +5074,10 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.stepDown();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5102,7 +5128,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5219,23 +5245,23 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("option", Q), i = d(null);
+    const n = u("option", Q), i = d(null);
     return o.expose({
       /**
        * Updates the ariaChecked property when the checked property changes.
        */
-      checkedChanged(t, s) {
+      checkedChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.checkedChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.checkedChanged(t, r);
       },
-      initialValueChanged(t, s) {
+      initialValueChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.initialValueChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.initialValueChanged(t, r);
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5263,7 +5289,7 @@ const qe = h({
         // @slot icon Slot to add an icon to the option.
         l("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5352,24 +5378,24 @@ const qe = h({
     "pagination-change"
   ],
   setup(e, o) {
-    const a = u("pagination", Y), i = d(null);
+    const n = u("pagination", Y), i = d(null);
     return o.expose({
-      totalChanged(t, s) {
+      totalChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.totalChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.totalChanged(t, r);
       },
-      selectedIndexChanged(t, s) {
+      selectedIndexChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.selectedIndexChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.selectedIndexChanged(t, r);
       },
-      paginationButtonsChanged(t, s) {
+      paginationButtonsChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.paginationButtonsChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.paginationButtonsChanged(t, r);
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5393,7 +5419,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5494,11 +5520,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("progress", I), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("progress", I), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5524,7 +5550,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5617,14 +5643,14 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u(
+    const n = u(
       "progress-ring",
       ee
     ), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5649,7 +5675,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5774,11 +5800,11 @@ const qe = h({
     "change"
   ],
   setup(e, o) {
-    const a = u("radio", ie), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("radio", ie), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5808,7 +5834,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -5838,7 +5864,7 @@ const qe = h({
   }
 }), bi = h({
   name: "VRadioGroup",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -5922,11 +5948,11 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("radio-group", te), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("radio-group", te), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -5956,7 +5982,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6067,14 +6093,14 @@ const qe = h({
     "change"
   ],
   setup(e, o) {
-    const a = u(
+    const n = u(
       "selectable-box",
       oe
     ), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6100,7 +6126,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6129,7 +6155,7 @@ const qe = h({
   }
 }), Si = h({
   name: "VSelect",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -6269,7 +6295,7 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("select", ae), i = d(null);
+    const n = u("select", ne), i = d(null);
     return o.expose({
       /**
        * Calculate and apply listbox positioning based on available viewport space.
@@ -6281,9 +6307,9 @@ const qe = h({
       /**
        * Sets the multiple property on the proxy element.
        */
-      multipleChanged(t, s) {
+      multipleChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.multipleChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.multipleChanged(t, r);
       },
       /**
        * Sets an option as selected and gives it focus.
@@ -6303,10 +6329,10 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.setDefaultSelectedOption();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6354,7 +6380,7 @@ const qe = h({
         // @slot meta Slot to add meta content to the select control.
         l("meta", this.$slots.meta)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6471,11 +6497,11 @@ const qe = h({
     "open"
   ],
   setup(e, o) {
-    const a = u("side-drawer", ne), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("side-drawer", ae), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6503,7 +6529,7 @@ const qe = h({
         // @slot app-content Sets assigned nodes to the main application content, the side drawer is opened next to.
         l("app-content", this.$slots["app-content"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6532,7 +6558,7 @@ const qe = h({
   }
 }), xi = h({
   name: "VSlider",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -6653,7 +6679,7 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("slider", le), i = d(null);
+    const n = u("slider", le), i = d(null);
     return o.expose({
       /**
        * Increment the value by the step
@@ -6673,15 +6699,15 @@ const qe = h({
        * Places the thumb based on the current value
        */
       setThumbPositionForOrientation(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.setThumbPositionForOrientation(
+        var r;
+        return (r = i.value) == null ? void 0 : r.setThumbPositionForOrientation(
           t
         );
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6720,7 +6746,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6759,7 +6785,7 @@ const qe = h({
   }
 }), wi = h({
   name: "VSwitch",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -6830,11 +6856,11 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("switch", se), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("switch", se), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6861,7 +6887,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -6963,11 +6989,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("tab", re), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("tab", re), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -6996,7 +7022,7 @@ const qe = h({
         // @slot icon Slot to add an icon to tab.
         l("icon", this.$slots.icon)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7054,6 +7080,13 @@ const qe = h({
     connotation: {
       type: String,
       default: void 0
+    },
+    /**
+     * sets the initial preferred margin from predefined available options
+     */
+    gutters: {
+      type: String,
+      default: void 0
     }
   },
   emits: [
@@ -7094,14 +7127,14 @@ const qe = h({
     "change"
   ],
   setup(e, o) {
-    const a = u("tabs", de), i = d(null);
+    const n = u("tabs", de), i = d(null);
     return o.expose({
       /**
        * The adjust method for FASTTabs
        */
       adjust(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.adjust(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.adjust(t);
       },
       connotationChanged() {
         var t;
@@ -7111,9 +7144,9 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.orientationChanged();
       },
-      activeidChanged(t, s) {
+      activeidChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.activeidChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.activeidChanged(t, r);
       },
       tabsChanged() {
         var t;
@@ -7127,10 +7160,10 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.patchIndicatorStyleTransition();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7139,7 +7172,8 @@ const qe = h({
           ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
           ...this.activeid !== void 0 ? { activeid: this.activeid } : {},
           ...this.activeindicator !== void 0 ? { activeindicator: this.activeindicator } : {},
-          ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
+          ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
+          ...this.gutters !== void 0 ? { gutters: this.gutters } : {}
         },
         class: "vvd-component",
         on: {
@@ -7153,7 +7187,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7163,6 +7197,7 @@ const qe = h({
         ...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 } : {},
         onClick: (e) => this.$emit("click", e),
         onFocus: (e) => this.$emit("focus", e),
         onBlur: (e) => this.$emit("blur", e),
@@ -7221,11 +7256,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("tab-panel", he), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("tab-panel", he), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7243,7 +7278,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7264,7 +7299,7 @@ const qe = h({
   }
 }), Bi = h({
   name: "VTextArea",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -7312,11 +7347,11 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("text-area", ue), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("text-area", ue), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7339,7 +7374,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7362,7 +7397,7 @@ const qe = h({
   }
 }), Ti = h({
   name: "VTextField",
-  model: r ? {
+  model: s ? {
     prop: "modelValue",
     event: "update:modelValue"
   } : void 0,
@@ -7517,7 +7552,7 @@ const qe = h({
     "update:modelValue"
   ],
   setup(e, o) {
-    const a = u("text-field", pe), i = d(null);
+    const n = u("text-field", pe), i = d(null);
     return o.expose({
       /**
        * Selects all the text in the text field
@@ -7537,10 +7572,10 @@ const qe = h({
         var t;
         return (t = i.value) == null ? void 0 : t.focus();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7596,7 +7631,7 @@ const qe = h({
         // @slot action-items Used to add action items to the end of the text-field.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -7653,6 +7688,13 @@ const qe = h({
 }), Ni = h({
   name: "VToggletip",
   props: {
+    /**
+     * ID or direct reference to the component's anchor element.
+     */
+    anchor: {
+      type: [String, HTMLElement],
+      default: void 0
+    },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -7675,13 +7717,6 @@ const qe = h({
       type: String,
       default: void 0
     },
-    /**
-     * id or direct reference to the toggletip's anchor element
-     */
-    anchor: {
-      type: [String, Object],
-      default: void 0
-    },
     /**
      * indicates whether the toggletip is open
      */
@@ -7720,20 +7755,16 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("toggletip", ce), i = d(null);
+    const n = u("toggletip", ce), i = d(null);
     return o.expose({
-      anchorChanged(t, s) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.anchorChanged(t, s);
-      },
-      openChanged(t, s) {
+      openChanged(t, r) {
         var p;
-        return (p = i.value) == null ? void 0 : p.openChanged(t, s);
+        return (p = i.value) == null ? void 0 : p.openChanged(t, r);
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7762,16 +7793,16 @@ const qe = h({
         // @slot action-items The content to display in the toggletip action items.
         l("action-items", this.$slots["action-items"])
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
         class: "vvd-component",
+        ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.headline !== void 0 ? { headline: this.headline } : {},
         ...this.alternate !== void 0 ? { alternate: this.alternate } : {},
         ...this.placement !== void 0 ? { placement: this.placement } : {},
-        ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
         ...this.open !== void 0 ? { open: this.open } : {},
         onClick: (e) => this.$emit("click", e),
         onFocus: (e) => this.$emit("focus", e),
@@ -7791,6 +7822,13 @@ const qe = h({
 }), zi = h({
   name: "VTooltip",
   props: {
+    /**
+     * ID or direct reference to the component's anchor element.
+     */
+    anchor: {
+      type: [String, HTMLElement],
+      default: void 0
+    },
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -7807,11 +7845,7 @@ const qe = h({
       type: String,
       default: void 0
     },
-    open: { type: Boolean, default: void 0 },
-    anchor: {
-      type: [String, Object],
-      default: void 0
-    }
+    open: { type: Boolean, default: void 0 }
   },
   emits: [
     /**
@@ -7846,20 +7880,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("tooltip", ve), i = d(null);
-    return o.expose({
-      anchorChanged(t, s) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.anchorChanged(t, s);
-      },
-      openChanged(t, s) {
-        var p;
-        return (p = i.value) == null ? void 0 : p.openChanged(t, s);
-      }
-    }), { componentName: a, element: i };
+    const n = u("tooltip", ve), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -7883,16 +7908,16 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
         class: "vvd-component",
+        ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
         ...this.text !== void 0 ? { text: this.text } : {},
         ...this.placement !== void 0 ? { placement: this.placement } : {},
         ...this.open !== void 0 ? { open: this.open } : {},
-        ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
         onClick: (e) => this.$emit("click", e),
         onFocus: (e) => this.$emit("focus", e),
         onBlur: (e) => this.$emit("blur", e),
@@ -7978,11 +8003,11 @@ const qe = h({
     "selected-change"
   ],
   setup(e, o) {
-    const a = u("tree-item", me), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("tree-item", me), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8010,7 +8035,7 @@ const qe = h({
         // @slot item To specify a child tree item.
         l("item", this.$slots.item)
       ]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8036,7 +8061,7 @@ const qe = h({
       ]
     );
   }
-}), Di = h({
+}), Fi = h({
   name: "VTreeView",
   props: {
     /**
@@ -8088,11 +8113,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("tree-view", fe), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("tree-view", fe), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8111,7 +8136,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8131,7 +8156,7 @@ const qe = h({
       ]
     );
   }
-}), Fi = h({
+}), Di = h({
   name: "VTag",
   props: {
     /**
@@ -8218,24 +8243,24 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("tag", ge), i = d(null);
+    const n = u("tag", ge), i = d(null);
     return o.expose({
       remove() {
         var t;
         return (t = i.value) == null ? void 0 : t.remove();
       },
       handleKeydown(t) {
-        var s;
-        return (s = i.value) == null ? void 0 : s.handleKeydown(t);
+        var r;
+        return (r = i.value) == null ? void 0 : r.handleKeydown(t);
       },
       handleClick() {
         var t;
         return (t = i.value) == null ? void 0 : t.handleClick();
       }
-    }), { componentName: a, element: i };
+    }), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8262,7 +8287,7 @@ const qe = h({
         }
       },
       []
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8332,11 +8357,11 @@ const qe = h({
     "input"
   ],
   setup(e, o) {
-    const a = u("tag-group", ye), i = d(null);
-    return o.expose({}), { componentName: a, element: i };
+    const n = u("tag-group", ye), i = d(null);
+    return o.expose({}), { componentName: n, element: i };
   },
   render() {
-    return r ? n(
+    return s ? a(
       this.componentName,
       {
         ref: "element",
@@ -8355,7 +8380,7 @@ const qe = h({
         }
       },
       [this.$slots.default]
-    ) : n(
+    ) : a(
       this.componentName,
       {
         ref: "element",
@@ -8379,19 +8404,19 @@ const qe = h({
 var $e = /* @__PURE__ */ ((e) => (e.accessibilityLine = "accessibility-line", e.accessibilitySolid = "accessibility-solid", e.activeCallLine = "active-call-line", e.activeCallSolid = "active-call-solid", e.addCallLine = "add-call-line", e.addCallSolid = "add-call-solid", e.addGroupLine = "add-group-line", e.addGroupSolid = "add-group-solid", e.addLine = "add-line", e.addSolid = "add-solid", e.addUserLine = "add-user-line", e.addUserSolid = "add-user-solid", e.addressBookLine = "address-book-line", e.addressBookSolid = "address-book-solid", e.ai2Line = "ai-2-line", e.ai2Solid = "ai-2-solid", e.ai3Line = "ai-3-line", e.ai3Solid = "ai-3-solid", e.aiLine = "ai-line", e.aiSolid = "ai-solid", e.alarmLine = "alarm-line", e.alarmSolid = "alarm-solid", e.alignCenterLine = "align-center-line", e.alignCenterSolid = "align-center-solid", e.alignLeftLine = "align-left-line", e.alignLeftSolid = "align-left-solid", e.alignRightLine = "align-right-line", e.alignRightSolid = "align-right-solid", e.ambulanceLine = "ambulance-line", e.ambulanceSolid = "ambulance-solid", e.androidColor = "android-color", e.androidMono = "android-mono", e.angularColor = "angular-color", e.angularMono = "angular-mono", e.appLine = "app-line", e.appPlusLine = "app-plus-line", e.appPlusSolid = "app-plus-solid", e.appSolid = "app-solid", e.appStoreLine = "app-store-line", e.appStoreSolid = "app-store-solid", e.appleColor = "apple-color", e.appleMono = "apple-mono", e.appsLine = "apps-line", e.appsSolid = "apps-solid", e.arrowBoldLeftLine = "arrow-bold-left-line", e.arrowBoldLeftSolid = "arrow-bold-left-solid", e.arrowBoldRightLine = "arrow-bold-right-line", e.arrowBoldRightSolid = "arrow-bold-right-solid", e.arrowDownLine = "arrow-down-line", e.arrowDownSolid = "arrow-down-solid", e.arrowInboundLine = "arrow-inbound-line", e.arrowInboundSolid = "arrow-inbound-solid", e.arrowLeftLine = "arrow-left-line", e.arrowLeftSolid = "arrow-left-solid", e.arrowOutboundLine = "arrow-outbound-line", e.arrowOutboundSolid = "arrow-outbound-solid", e.arrowRightLine = "arrow-right-line", e.arrowRightSolid = "arrow-right-solid", e.arrowUpLine = "arrow-up-line", e.arrowUpSolid = "arrow-up-solid", e.arrowWidthLargeLine = "arrow-width-large-line", e.arrowWidthLargeSolid = "arrow-width-large-solid", e.arrowWidthMediumLine = "arrow-width-medium-line", e.arrowWidthMediumSolid = "arrow-width-medium-solid", e.arrowWidthSmallLine = "arrow-width-small-line", e.arrowWidthSmallSolid = "arrow-width-small-solid", e.assignUserLine = "assign-user-line", e.assignUserSolid = "assign-user-solid", e.asteriskLine = "asterisk-line", e.asteriskSolid = "asterisk-solid", e.atomsLine = "atoms-line", e.atomsSolid = "atoms-solid", e.attachmentLine = "attachment-line", e.attachmentSolid = "attachment-solid", e.audioMaxLine = "audio-max-line", e.audioMaxSolid = "audio-max-solid", e.audioMidLine = "audio-mid-line", e.audioMidSolid = "audio-mid-solid", e.audioMinLine = "audio-min-line", e.audioMinSolid = "audio-min-solid", e.audioMuteLine = "audio-mute-line", e.audioMuteSolid = "audio-mute-solid", e.audioOff2Line = "audio-off-2-line", e.audioOff2Solid = "audio-off-2-solid", e.audioOffLine = "audio-off-line", e.audioOffSolid = "audio-off-solid", e.backspaceLine = "backspace-line", e.backspaceSolid = "backspace-solid", e.badgeLine = "badge-line", e.badgeSolid = "badge-solid", e.binocularsLine = "binoculars-line", e.binocularsSolid = "binoculars-solid", e.blockCallLine = "block-call-line", e.blockCallSolid = "block-call-solid", e.blockLine = "block-line", e.blockSolid = "block-solid", e.bloggerColor = "blogger-color", e.bloggerMono = "blogger-mono", e.blurLine = "blur-line", e.blurOffLine = "blur-off-line", e.blurOffSolid = "blur-off-solid", e.blurSolid = "blur-solid", e.boldLine = "bold-line", e.boldSolid = "bold-solid", e.bookmarkLine = "bookmark-line", e.bookmarkSolid = "bookmark-solid", e.booksLine = "books-line", e.booksSolid = "books-solid", e.botLine = "bot-line", e.botSolid = "bot-solid", e.bottomTabsLine = "bottom-tabs-line", e.bottomTabsSolid = "bottom-tabs-solid", e.bounceLine = "bounce-line", e.bounceSolid = "bounce-solid", e.brainLine = "brain-line", e.brainSolid = "brain-solid", e.bringToFrontLine = "bring-to-front-line", e.bringToFrontSolid = "bring-to-front-solid", e.broadcastLine = "broadcast-line", e.broadcastSolid = "broadcast-solid", e.bulletLine = "bullet-line", e.bulletList2Line = "bullet-list-2-line", e.bulletList2Solid = "bullet-list-2-solid", e.bulletListLine = "bullet-list-line", e.bulletListOffLine = "bullet-list-off-line", e.bulletListOffSolid = "bullet-list-off-solid", e.bulletListSolid = "bullet-list-solid", e.bulletSolid = "bullet-solid", e.bullhornColor = "bullhorn-color", e.bullhornMono = "bullhorn-mono", e.calculatorLine = "calculator-line", e.calculatorSolid = "calculator-solid", e.calendarCheckLine = "calendar-check-line", e.calendarCheckSolid = "calendar-check-solid", e.calendarClockLine = "calendar-clock-line", e.calendarClockSolid = "calendar-clock-solid", e.calendarLine = "calendar-line", e.calendarPlusLine = "calendar-plus-line", e.calendarPlusSolid = "calendar-plus-solid", e.calendarSolid = "calendar-solid", e.callLine = "call-line", e.callSolid = "call-solid", e.callStarLine = "call-star-line", e.callStarSolid = "call-star-solid", e.cameraLine = "camera-line", e.cameraSolid = "camera-solid", e.cameraSwitchLine = "camera-switch-line", e.cameraSwitchSolid = "camera-switch-solid", e.carLine = "car-line", e.carSolid = "car-solid", e.cartFullLine = "cart-full-line", e.cartFullSolid = "cart-full-solid", e.cartLine = "cart-line", e.cartSolid = "cart-solid", e.chainLine = "chain-line", e.chainSolid = "chain-solid", e.charityLine = "charity-line", e.charitySolid = "charity-solid", e.chartLine = "chart-line", e.chartSolid = "chart-solid", e.chat2Line = "chat-2-line", e.chat2Solid = "chat-2-solid", e.chatCallLine = "chat-call-line", e.chatCallSolid = "chat-call-solid", e.chatHideLine = "chat-hide-line", e.chatHideSolid = "chat-hide-solid", e.chatLine = "chat-line", e.chatSolid = "chat-solid", e.checkAllLine = "check-all-line", e.checkAllSolid = "check-all-solid", e.checkCallLine = "check-call-line", e.checkCallSolid = "check-call-solid", e.checkCircleLine = "check-circle-line", e.checkCircleSolid = "check-circle-solid", e.checkDoubleLine = "check-double-line", e.checkDoubleSolid = "check-double-solid", e.checkLine = "check-line", e.checkSentLine = "check-sent-line", e.checkSentSolid = "check-sent-solid", e.checkSolid = "check-solid", e.checkboxCheckedLine = "checkbox-checked-line", e.checkboxCheckedSolid = "checkbox-checked-solid", e.checkboxUncheckedLine = "checkbox-unchecked-line", e.checkboxUncheckedSolid = "checkbox-unchecked-solid", e.chevronCircleDownLine = "chevron-circle-down-line", e.chevronCircleDownSolid = "chevron-circle-down-solid", e.chevronDownLine = "chevron-down-line", e.chevronDownSolid = "chevron-down-solid", e.chevronLeftLine = "chevron-left-line", e.chevronLeftSolid = "chevron-left-solid", e.chevronRightLine = "chevron-right-line", e.chevronRightSolid = "chevron-right-solid", e.chevronUpLine = "chevron-up-line", e.chevronUpSolid = "chevron-up-solid", e.chimeColor = "chime-color", e.chimeMono = "chime-mono", e.circleLine = "circle-line", e.circleSolid = "circle-solid", e.clickToCallLine = "click-to-call-line", e.clickToCallSolid = "click-to-call-solid", e.clioColor = "clio-color", e.clioMono = "clio-mono", e.clipboardAddLine = "clipboard-add-line", e.clipboardAddSolid = "clipboard-add-solid", e.clipboardAssignLine = "clipboard-assign-line", e.clipboardAssignSolid = "clipboard-assign-solid", e.clockLine = "clock-line", e.clockOffLine = "clock-off-line", e.clockOffSolid = "clock-off-solid", e.clockSolid = "clock-solid", e.closeCircleLine = "close-circle-line", e.closeCircleSolid = "close-circle-solid", e.closeLine = "close-line", e.closeSmallLine = "close-small-line", e.closeSmallSolid = "close-small-solid", e.closeSolid = "close-solid", e.closedCaptioningLine = "closed-captioning-line", e.closedCaptioningSolid = "closed-captioning-solid", e.cloudDownload2Line = "cloud-download-2-line", e.cloudDownload2Solid = "cloud-download-2-solid", e.cloudLine = "cloud-line", e.cloudOfficePhoneLine = "cloud-office-phone-line", e.cloudOfficePhoneSolid = "cloud-office-phone-solid", e.cloudSolid = "cloud-solid", e.cloudUpload2Line = "cloud-upload-2-line", e.cloudUpload2Solid = "cloud-upload-2-solid", e.cloudUploadLine = "cloud-upload-line", e.cloudUploadSolid = "cloud-upload-solid", e.codeLine = "code-line", e.codeSnippetLine = "code-snippet-line", e.codeSnippetSolid = "code-snippet-solid", e.codeSolid = "code-solid", e.coffeeLine = "coffee-line", e.coffeeSolid = "coffee-solid", e.collapseLine = "collapse-line", e.collapseSolid = "collapse-solid", e.composeLine = "compose-line", e.composeSolid = "compose-solid", e.conditionLine = "condition-line", e.conditionSolid = "condition-solid", e.connectLine = "connect-line", e.connectSolid = "connect-solid", e.cooktailLine = "cooktail-line", e.cooktailSolid = "cooktail-solid", e.copy2Line = "copy-2-line", e.copy2Solid = "copy-2-solid", e.copyLine = "copy-line", e.copySolid = "copy-solid", e.creditCardLine = "credit-card-line", e.creditCardSolid = "credit-card-solid", e.cropLine = "crop-line", e.cropSolid = "crop-solid", e.curlColor = "curl-color", e.curlMono = "curl-mono", e.curlyBracketsLine = "curly-brackets-line", e.curlyBracketsSolid = "curly-brackets-solid", e.cursor2Line = "cursor-2-line", e.cursor2Solid = "cursor-2-solid", e.cursorLine = "cursor-line", e.cursorSolid = "cursor-solid", e.darkModeLine = "dark-mode-line", e.darkModeSolid = "dark-mode-solid", e.deleteLine = "delete-line", e.deleteSolid = "delete-solid", e.densityHighLine = "density-high-line", e.densityHighSolid = "density-high-solid", e.densityMediumLine = "density-medium-line", e.densityMediumSolid = "density-medium-solid", e.designToolsLine = "design-tools-line", e.designToolsSolid = "design-tools-solid", e.devicesLine = "devices-line", e.devicesSolid = "devices-solid", e.disableCallLine = "disable-call-line", e.disableCallSolid = "disable-call-solid", e.distortLine = "distort-line", e.distortSolid = "distort-solid", e.dividerLine = "divider-line", e.dividerSolid = "divider-solid", e.document2Line = "document-2-line", e.document2Solid = "document-2-solid", e.documentLine = "document-line", e.documentSolid = "document-solid", e.dollarLine = "dollar-line", e.dollarSolid = "dollar-solid", e.dotnetColor = "dotnet-color", e.dotnetMono = "dotnet-mono", e.doubleChevronLeftLine = "double-chevron-left-line", e.doubleChevronLeftSolid = "double-chevron-left-solid", e.doubleChevronRightLine = "double-chevron-right-line", e.doubleChevronRightSolid = "double-chevron-right-solid", e.downloadLine = "download-line", e.downloadSolid = "download-solid", e.drupalColor = "drupal-color", e.drupalMono = "drupal-mono", e.duplicateLine = "duplicate-line", e.duplicateSolid = "duplicate-solid", e.dynamics365Color = "dynamics-365-color", e.dynamics365Mono = "dynamics-365-mono", e.dynamicsMono = "dynamics-mono", e.dynamicsMonoColor = "dynamics-mono-color", e.echoLine = "echo-line", e.echoSolid = "echo-solid", e.editLine = "edit-line", e.editSolid = "edit-solid", e.editUserLine = "edit-user-line", e.editUserSolid = "edit-user-solid", e.emojiLine = "emoji-line", e.emojiSolid = "emoji-solid", e.endCallLine = "end-call-line", e.endCallSolid = "end-call-solid", e.enlargeScreen2Line = "enlarge-screen-2-line", e.enlargeScreen2Solid = "enlarge-screen-2-solid", e.enlargeScreenLine = "enlarge-screen-line", e.enlargeScreenSolid = "enlarge-screen-solid", e.enterLine = "enter-line", e.enterSolid = "enter-solid", e.envelopeLine = "envelope-line", e.envelopeSolid = "envelope-solid", e.eraserLine = "eraser-line", e.eraserSolid = "eraser-solid", e.errorLine = "error-line", e.errorSolid = "error-solid", e.errorStarLine = "error-star-line", e.errorStarSolid = "error-star-solid", e.exitLine = "exit-line", e.exitSolid = "exit-solid", e.expand2Line = "expand-2-line", e.expand2Solid = "expand-2-solid", e.expandLine = "expand-line", e.expandSolid = "expand-solid", e.exportLine = "export-line", e.exportSolid = "export-solid", e.expressColor = "express-color", e.expressMono = "express-mono", e.eyeHideLine = "eye-hide-line", e.eyeHideSolid = "eye-hide-solid", e.eyeLine = "eye-line", e.eyeSolid = "eye-solid", e.facebookColor = "facebook-color", e.facebookLine = "facebook-line", e.facebookMono = "facebook-mono", e.facebookSolid = "facebook-solid", e.fax2Line = "fax-2-line", e.fax2Solid = "fax-2-solid", e.faxAddLine = "fax-add-line", e.faxAddSolid = "fax-add-solid", e.faxFailedLine = "fax-failed-line", e.faxFailedSolid = "fax-failed-solid", e.faxInboundLine = "fax-inbound-line", e.faxInboundSolid = "fax-inbound-solid", e.faxLine = "fax-line", e.faxOutboundLine = "fax-outbound-line", e.faxOutboundSolid = "fax-outbound-solid", e.faxPendingLine = "fax-pending-line", e.faxPendingSolid = "fax-pending-solid", e.faxScheduledLine = "fax-scheduled-line", e.faxScheduledSolid = "fax-scheduled-solid", e.faxSolid = "fax-solid", e.feedbackLine = "feedback-line", e.feedbackSolid = "feedback-solid", e.file1Line = "file-1-line", e.file2Solid = "file-2-solid", e.fileAddLine = "file-add-line", e.fileAddSolid = "file-add-solid", e.fileAudioLine = "file-audio-line", e.fileAudioSolid = "file-audio-solid", e.fileCsvLine = "file-csv-line", e.fileCsvSolid = "file-csv-solid", e.fileDocLine = "file-doc-line", e.fileDocSolid = "file-doc-solid", e.fileDollarLine = "file-dollar-line", e.fileDollarSolid = "file-dollar-solid", e.fileEditLine = "file-edit-line", e.fileEditSolid = "file-edit-solid", e.fileGearLine = "file-gear-line", e.fileGearSolid = "file-gear-solid", e.fileGif2Line = "file-gif-2-line", e.fileGif2Solid = "file-gif-2-solid", e.fileGifLine = "file-gif-line", e.fileGifSolid = "file-gif-solid", e.fileJpgLine = "file-jpg-line", e.fileJpgSolid = "file-jpg-solid", e.fileLine = "file-line", e.fileParagraphLine = "file-paragraph-line", e.fileParagraphSolid = "file-paragraph-solid", e.filePdfLine = "file-pdf-line", e.filePdfSolid = "file-pdf-solid", e.filePlusLine = "file-plus-line", e.filePlusSolid = "file-plus-solid", e.filePngLine = "file-png-line", e.filePngSolid = "file-png-solid", e.filePptLine = "file-ppt-line", e.filePptSolid = "file-ppt-solid", e.fileSearchLine = "file-search-line", e.fileSearchSolid = "file-search-solid", e.fileSolid = "file-solid", e.fileVideo2Line = "file-video-2-line", e.fileVideo2Solid = "file-video-2-solid", e.fileVideoLine = "file-video-line", e.fileVideoSolid = "file-video-solid", e.fileXlsLine = "file-xls-line", e.fileXlsSolid = "file-xls-solid", e.fileZipLine = "file-zip-line", e.fileZipSolid = "file-zip-solid", e.filesLine = "files-line", e.filesSolid = "files-solid", e.filterLine = "filter-line", e.filterSolid = "filter-solid", e.flagAfghanistan = "flag-afghanistan", e.flagAlbania = "flag-albania", e.flagAlgeria = "flag-algeria", e.flagArgentina = "flag-argentina", e.flagArmenia = "flag-armenia", e.flagAruba = "flag-aruba", e.flagAustralia = "flag-australia", e.flagAustria = "flag-austria", e.flagBahamas = "flag-bahamas", e.flagBahrain = "flag-bahrain", e.flagBelarus = "flag-belarus", e.flagBelgium = "flag-belgium", e.flagBenin = "flag-benin", e.flagBolivia = "flag-bolivia", e.flagBotswana = "flag-botswana", e.flagBrazil = "flag-brazil", e.flagBulgaria = "flag-bulgaria", e.flagBurkinaFaso = "flag-burkina-faso", e.flagCambodia = "flag-cambodia", e.flagCanada = "flag-canada", e.flagCaymanIslands = "flag-cayman-islands", e.flagCentralAfricanRepublic = "flag-central-african-republic", e.flagChad = "flag-chad", e.flagChile = "flag-chile", e.flagChina = "flag-china", e.flagColombia = "flag-colombia", e.flagCostaRica = "flag-costa-rica", e.flagCroatia = "flag-croatia", e.flagCyprus = "flag-cyprus", e.flagDenmark = "flag-denmark", e.flagDominicanRepublic = "flag-dominican-republic", e.flagEgypt = "flag-egypt", e.flagElSalvador = "flag-el-salvador", e.flagEstonia = "flag-estonia", e.flagEuropeanUnion = "flag-european-union", e.flagFinland = "flag-finland", e.flagFrance = "flag-france", e.flagGeorgia = "flag-georgia", e.flagGermany = "flag-germany", e.flagGhana = "flag-ghana", e.flagGrenada = "flag-grenada", e.flagGuatemala = "flag-guatemala", e.flagHonduras = "flag-honduras", e.flagHongKong = "flag-hong-kong", e.flagHungary = "flag-hungary", e.flagIceland = "flag-iceland", e.flagIndia = "flag-india", e.flagIndonesia = "flag-indonesia", e.flagIreland = "flag-ireland", e.flagIsrael = "flag-israel", e.flagItaly = "flag-italy", e.flagJamaica = "flag-jamaica", e.flagJapan = "flag-japan", e.flagLatvia = "flag-latvia", e.flagLiechtenstein = "flag-liechtenstein", e.flagLithuania = "flag-lithuania", e.flagLuxembourg = "flag-luxembourg", e.flagMacao = "flag-macao", e.flagMalaysia = "flag-malaysia", e.flagMalta = "flag-malta", e.flagMauritius = "flag-mauritius", e.flagMexico = "flag-mexico", e.flagMoldova = "flag-moldova", e.flagNetherlands = "flag-netherlands", e.flagNewZealand = "flag-new-zealand", e.flagNigeria = "flag-nigeria", e.flagNorway = "flag-norway", e.flagPakistan = "flag-pakistan", e.flagPanama = "flag-panama", e.flagPeru = "flag-peru", e.flagPhilippines = "flag-philippines", e.flagPoland = "flag-poland", e.flagPortugal = "flag-portugal", e.flagPuertorico = "flag-puertorico", e.flagRomania = "flag-romania", e.flagRussia = "flag-russia", e.flagRwanda = "flag-rwanda", e.flagSaudiArabia = "flag-saudi-arabia", e.flagSerbia = "flag-serbia", e.flagSingapore = "flag-singapore", e.flagSlovakia = "flag-slovakia", e.flagSlovenia = "flag-slovenia", e.flagSouthAfrica = "flag-south-africa", e.flagSouthKorea = "flag-south-korea", e.flagSpain = "flag-spain", e.flagSriLanka = "flag-sri-lanka", e.flagSweden = "flag-sweden", e.flagSwitzerland = "flag-switzerland", e.flagTaiwan = "flag-taiwan", e.flagTajikistan = "flag-tajikistan", e.flagTanzania = "flag-tanzania", e.flagThailand = "flag-thailand", e.flagTrinidadAndTobago = "flag-trinidad-and-tobago", e.flagTurkey = "flag-turkey", e.flagUkraine = "flag-ukraine", e.flagUnitedArabEmirates = "flag-united-arab-emirates", e.flagUnitedKingdom = "flag-united-kingdom", e.flagUnitedStates = "flag-united-states", e.flagUruguay = "flag-uruguay", e.flagUzbekistan = "flag-uzbekistan", e.flagVenezuela = "flag-venezuela", e.flagVietnam = "flag-vietnam", e.flagZambia = "flag-zambia", e.flash2Line = "flash-2-line", e.flash2Solid = "flash-2-solid", e.flashLine = "flash-line", e.flashSolid = "flash-solid", e.flipHorizontalLine = "flip-horizontal-line", e.flipHorizontalSolid = "flip-horizontal-solid", e.flipLine = "flip-line", e.flipSolid = "flip-solid", e.flipVerticalLine = "flip-vertical-line", e.flipVerticalSolid = "flip-vertical-solid", e.flow2Line = "flow-2-line", e.flow2Solid = "flow-2-solid", e.flowLine = "flow-line", e.flowPermissionLine = "flow-permission-line", e.flowPermissionSolid = "flow-permission-solid", e.flowSolid = "flow-solid", e.forwardCallLine = "forward-call-line", e.forwardCallSolid = "forward-call-solid", e.fullScreenLine = "full-screen-line", e.fullScreenSolid = "full-screen-solid", e.fullscreenOffLine = "fullscreen-off-line", e.fullscreenOffSolid = "fullscreen-off-solid", e.galleryLine = "gallery-line", e.gallerySolid = "gallery-solid", e.gearLine = "gear-line", e.gearSolid = "gear-solid", e.githubColor = "github-color", e.githubMono = "github-mono", e.globeLine = "globe-line", e.globeSolid = "globe-solid", e.googleColor = "google-color", e.googleMono = "google-mono", e.gradleColor = "gradle-color", e.gradleMono = "gradle-mono", e.gridTwoLine = "grid-two-line", e.gridTwoSolid = "grid-two-solid", e.groovyColor = "groovy-color", e.groovyMono = "groovy-mono", e.group2Line = "group-2-line", e.group2Solid = "group-2-solid", e.group3Line = "group-3-line", e.group3Solid = "group-3-solid", e.group4Line = "group-4-line", e.group4Solid = "group-4-solid", e.group5Line = "group-5-line", e.group5Solid = "group-5-solid", e.group6Line = "group-6-line", e.group6Solid = "group-6-solid", e.group7Line = "group-7-line", e.group7Solid = "group-7-solid", e.group8Line = "group-8-line", e.group8Solid = "group-8-solid", e.group9Line = "group-9-line", e.group9Solid = "group-9-solid", e.groupLine = "group-line", e.groupPermission2Line = "group-permission-2-line", e.groupPermission2Solid = "group-permission-2-solid", e.groupPermissionLine = "group-permission-line", e.groupPermissionSolid = "group-permission-solid", e.groupSolid = "group-solid", e.handLine = "hand-line", e.handOffLine = "hand-off-line", e.handOffSolid = "hand-off-solid", e.handShakeLine = "hand-shake-line", e.handShakeSolid = "hand-shake-solid", e.handSolid = "hand-solid", e.happyLine = "happy-line", e.happySolid = "happy-solid", e.hashLine = "hash-line", e.hashSolid = "hash-solid", e.headset2Line = "headset-2-line", e.headset2Solid = "headset-2-solid", e.headsetLine = "headset-line", e.headsetSolid = "headset-solid", e.hearingLine = "hearing-line", e.hearingMaxLine = "hearing-max-line", e.hearingMaxSolid = "hearing-max-solid", e.hearingSolid = "hearing-solid", e.heartLine = "heart-line", e.heartSolid = "heart-solid", e.helpLine = "help-line", e.helpSolid = "help-solid", e.highlightLine = "highlight-line", e.highlightSolid = "highlight-solid", e.historyLine = "history-line", e.historySolid = "history-solid", e.homeLine = "home-line", e.homeSolid = "home-solid", e.homeUserLine = "home-user-line", e.homeUserSolid = "home-user-solid", e.hospitalLine = "hospital-line", e.hospitalSolid = "hospital-solid", e.hotelingLine = "hoteling-line", e.hotelingSolid = "hoteling-solid", e.hubspotColor = "hubspot-color", e.hubspotMono = "hubspot-mono", e.idLine = "id-line", e.idSolid = "id-solid", e.imageLine = "image-line", e.imageSolid = "image-solid", e.importLine = "import-line", e.importSolid = "import-solid", e.inboundCallLine = "inbound-call-line", e.inboundCallSolid = "inbound-call-solid", e.inbox2Line = "inbox-2-line", e.inbox2Solid = "inbox-2-solid", e.inbox3Line = "inbox-3-line", e.inbox3Solid = "inbox-3-solid", e.inboxLine = "inbox-line", e.inboxSolid = "inbox-solid", e.increaseLine = "increase-line", e.increaseSolid = "increase-solid", e.infinityLine = "infinity-line", e.infinitySolid = "infinity-solid", e.infoLine = "info-line", e.infoSolid = "info-solid", e.instagramColor = "instagram-color", e.instagramMono = "instagram-mono", e.interactiveMessageLine = "interactive-message-line", e.interactiveMessageSolid = "interactive-message-solid", e.iosColor = "ios-color", e.iosMono = "ios-mono", e.italicLine = "italic-line", e.italicSolid = "italic-solid", e.javaColor = "java-color", e.javaMono = "java-mono", e.javascriptColor = "javascript-color", e.javascriptMono = "javascript-mono", e.jobdivaColor = "jobdiva-color", e.jobdivaMono = "jobdiva-mono", e.keyLine = "key-line", e.keySolid = "key-solid", e.keypad2Line = "keypad-2-line", e.keypad2Solid = "keypad-2-solid", e.keypadLine = "keypad-line", e.keypadSolid = "keypad-solid", e.kotlinColor = "kotlin-color", e.kotlinMono = "kotlin-mono", e.laptopLine = "laptop-line", e.laptopSolid = "laptop-solid", e.laravelColor = "laravel-color", e.laravelMono = "laravel-mono", e.layout1Line = "layout-1-line", e.layout1Solid = "layout-1-solid", e.layout2Line = "layout-2-line", e.layout2Solid = "layout-2-solid", e.leaveLine = "leave-line", e.leaveSolid = "leave-solid", e.lightBulbLine = "light-bulb-line", e.lightBulbSolid = "light-bulb-solid", e.lightModeLine = "light-mode-line", e.lightModeSolid = "light-mode-solid", e.lineWidthLargeLine = "line-width-large-line", e.lineWidthLargeSolid = "line-width-large-solid", e.lineWidthMediumLine = "line-width-medium-line", e.lineWidthMediumSolid = "line-width-medium-solid", e.lineWidthSmallLine = "line-width-small-line", e.lineWidthSmallSolid = "line-width-small-solid", e.linkAddLine = "link-add-line", e.linkAddSolid = "link-add-solid", e.linkLine = "link-line", e.linkRemoveLine = "link-remove-line", e.linkRemoveSolid = "link-remove-solid", e.linkSolid = "link-solid", e.linkedinColor = "linkedin-color", e.linkedinMono = "linkedin-mono", e.list2Line = "list-2-line", e.list2Solid = "list-2-solid", e.listFilterLine = "list-filter-line", e.listFilterSolid = "list-filter-solid", e.listLine = "list-line", e.listNumberedLine = "list-numbered-line", e.listNumberedSolid = "list-numbered-solid", e.listSolid = "list-solid", e.lockLine = "lock-line", e.lockSolid = "lock-solid", e.mailboxLine = "mailbox-line", e.mailboxSolid = "mailbox-solid", e.maximizeLine = "maximize-line", e.maximizeSolid = "maximize-solid", e.mediaPlayerLine = "media-player-line", e.mediaPlayerOffLine = "media-player-off-line", e.mediaPlayerOffSolid = "media-player-off-solid", e.mediaPlayerSolid = "media-player-solid", e.megaphoneLine = "megaphone-line", e.megaphoneSolid = "megaphone-solid", e.menuLine = "menu-line", e.menuSolid = "menu-solid", e.merge2Line = "merge-2-line", e.merge2Solid = "merge-2-solid", e.mergeLine = "merge-line", e.mergeSolid = "merge-solid", e.messageLine = "message-line", e.messageSentLine = "message-sent-line", e.messageSentSolid = "message-sent-solid", e.messageSolid = "message-solid", e.micMuteLine = "mic-mute-line", e.micMuteSolid = "mic-mute-solid", e.microphone2Line = "microphone-2-line", e.microphone2Solid = "microphone-2-solid", e.microphoneLine = "microphone-line", e.microphoneSolid = "microphone-solid", e.microsoftDynamics365Color = "microsoft-dynamics-365-color", e.microsoftDynamics365Mono = "microsoft-dynamics-365-mono", e.mindMap2Line = "mind-map-2-line", e.mindMap2Solid = "mind-map-2-solid", e.mindMapLine = "mind-map-line", e.mindMapSolid = "mind-map-solid", e.minimize2Line = "minimize-2-line", e.minimize2Solid = "minimize-2-solid", e.minimizeLine = "minimize-line", e.minimizeSolid = "minimize-solid", e.minusLine = "minus-line", e.minusSolid = "minus-solid", e.missedCallLine = "missed-call-line", e.missedCallSolid = "missed-call-solid", e.mobile2Line = "mobile-2-line", e.mobile2Solid = "mobile-2-solid", e.mobileArrowRightLine = "mobile-arrow-right-line", e.mobileArrowRightSolid = "mobile-arrow-right-solid", e.mobileDevicesLine = "mobile-devices-line", e.mobileDevicesSolid = "mobile-devices-solid", e.mobileLine = "mobile-line", e.mobileSolid = "mobile-solid", e.mockupLine = "mockup-line", e.mockupSolid = "mockup-solid", e.modalLine = "modal-line", e.modalSolid = "modal-solid", e.moreHorizontalLine = "more-horizontal-line", e.moreHorizontalSolid = "more-horizontal-solid", e.moreVerticalLine = "more-vertical-line", e.moreVerticalSolid = "more-vertical-solid", e.musicLine = "music-line", e.musicSolid = "music-solid", e.netsuiteColor = "netsuite-color", e.netsuiteMono = "netsuite-mono", e.nexmoColor = "nexmo-color", e.nexmoMono = "nexmo-mono", e.nodeColor = "node-color", e.nodeMono = "node-mono", e.noteLine = "note-line", e.noteSolid = "note-solid", e.notesLine = "notes-line", e.notesSolid = "notes-solid", e.notificationOffLine = "notification-off-line", e.notificationOffSolid = "notification-off-solid", e.notificationOnLine = "notification-on-line", e.notificationOnSolid = "notification-on-solid", e.objectiveCColor = "objective-c-color", e.objectiveCMono = "objective-c-mono", e.officeColor = "office-color", e.officeMono = "office-mono", e.officePhone2Line = "office-phone-2-line", e.officePhone2Solid = "office-phone-2-solid", e.officePhoneLine = "office-phone-line", e.officePhoneSolid = "office-phone-solid", e.openFolderLine = "open-folder-line", e.openFolderSolid = "open-folder-solid", e.openLine = "open-line", e.openSolid = "open-solid", e.outboundCallLine = "outbound-call-line", e.outboundCallSolid = "outbound-call-solid", e.packet2Line = "packet-2-line", e.packet2Solid = "packet-2-solid", e.packetLine = "packet-line", e.packetSolid = "packet-solid", e.paletteLine = "palette-line", e.paletteSolid = "palette-solid", e.parkCallLine = "park-call-line", e.parkCallSolid = "park-call-solid", e.participantsLine = "participants-line", e.participantsOffLine = "participants-off-line", e.participantsOffSolid = "participants-off-solid", e.participantsSolid = "participants-solid", e.passwordRestartLine = "password-restart-line", e.passwordRestartSolid = "password-restart-solid", e.pause2Line = "pause-2-line", e.pause2Solid = "pause-2-solid", e.pauseCallLine = "pause-call-line", e.pauseCallSolid = "pause-call-solid", e.pauseLine = "pause-line", e.pauseSolid = "pause-solid", e.penEffectLine = "pen-effect-line", e.penEffectSolid = "pen-effect-solid", e.penTipLargeLine = "pen-tip-large-line", e.penTipLargeSolid = "pen-tip-large-solid", e.penTipMediumLine = "pen-tip-medium-line", e.penTipMediumSolid = "pen-tip-medium-solid", e.penTipSmallLine = "pen-tip-small-line", e.penTipSmallSolid = "pen-tip-small-solid", e.pendingCallLine = "pending-call-line", e.pendingCallSolid = "pending-call-solid", e.pentoolLine = "pentool-line", e.pentoolSolid = "pentool-solid", e.permissionCallLine = "permission-call-line", e.permissionCallSolid = "permission-call-solid", e.phoneNumberLine = "phone-number-line", e.phoneNumberSolid = "phone-number-solid", e.phpColor = "php-color", e.phpMono = "php-mono", e.pieChartLine = "pie-chart-line", e.pieChartSolid = "pie-chart-solid", e.pin2Line = "pin-2-line", e.pin2OffLine = "pin-2-off-line", e.pin2OffSolid = "pin-2-off-solid", e.pin2Solid = "pin-2-solid", e.pinLine = "pin-line", e.pinOffLine = "pin-off-line", e.pinOffSolid = "pin-off-solid", e.pinSolid = "pin-solid", e.play2Solid = "play-2-solid", e.playLine = "play-line", e.playSolid = "play-solid", e.plugLine = "plug-line", e.plugSolid = "plug-solid", e.plusLine = "plus-line", e.plusSolid = "plus-solid", e.preferencesLine = "preferences-line", e.preferencesSolid = "preferences-solid", e.presentationLine = "presentation-line", e.presentationSolid = "presentation-solid", e.printLine = "print-line", e.printSolid = "print-solid", e.profileLine = "profile-line", e.profileSolid = "profile-solid", e.puzzleLine = "puzzle-line", e.puzzleSolid = "puzzle-solid", e.puzzledLine = "puzzled-line", e.puzzledSolid = "puzzled-solid", e.pythonColor = "python-color", e.pythonMono = "python-mono", e.quitLine = "quit-line", e.quitSolid = "quit-solid", e.quoteLine = "quote-line", e.quoteSolid = "quote-solid", e.radioCheckedLine = "radio-checked-line", e.radioCheckedSolid = "radio-checked-solid", e.radioUncheckedLine = "radio-unchecked-line", e.radioUncheckedSolid = "radio-unchecked-solid", e.railsColor = "rails-color", e.railsMono = "rails-mono", e.reactColor = "react-color", e.reactMono = "react-mono", e.recLine = "rec-line", e.recSolid = "rec-solid", e.receptionistLine = "receptionist-line", e.receptionistSolid = "receptionist-solid", e.recordUserLine = "record-user-line", e.recordUserSolid = "record-user-solid", e.redoLine = "redo-line", e.redoSolid = "redo-solid", e.refreshCallLine = "refresh-call-line", e.refreshCallSolid = "refresh-call-solid", e.refreshDollarLine = "refresh-dollar-line", e.refreshDollarSolid = "refresh-dollar-solid", e.refreshLine = "refresh-line", e.refreshSolid = "refresh-solid", e.reloadLine = "reload-line", e.reloadSolid = "reload-solid", e.removeLine = "remove-line", e.removeSolid = "remove-solid", e.removeUserLine = "remove-user-line", e.removeUserSolid = "remove-user-solid", e.reorderHorizontalLine = "reorder-horizontal-line", e.reorderHorizontalSolid = "reorder-horizontal-solid", e.reorderSolid = "reorder-solid", e.reorderVerticalLine = "reorder-vertical-line", e.replyLine = "reply-line", e.replySolid = "reply-solid", e.reportLine = "report-line", e.reportSolid = "report-solid", e.resetLine = "reset-line", e.resetSolid = "reset-solid", e.rocketDisabledLine = "rocket-disabled-line", e.rocketDisabledSolid = "rocket-disabled-solid", e.rocketLine = "rocket-line", e.rocketSolid = "rocket-solid", e.rssColor = "rss-color", e.rssLine = "rss-line", e.rssMono = "rss-mono", e.rssSolid = "rss-solid", e.rubyColor = "ruby-color", e.rubyMono = "ruby-mono", e.salesforceColor = "salesforce-color", e.salesforceLine = "salesforce-line", e.salesforceMono = "salesforce-mono", e.salesforceSolid = "salesforce-solid", e.sandClockLine = "sand-clock-line", e.sandClockSolid = "sand-clock-solid", e.saveLine = "save-line", e.saveSolid = "save-solid", e.screenShareLine = "screen-share-line", e.screenShareOffLine = "screen-share-off-line", e.screenShareOffSolid = "screen-share-off-solid", e.screenShareSolid = "screen-share-solid", e.searchLine = "search-line", e.searchSolid = "search-solid", e.sendToBackLine = "send-to-back-line", e.sendToBackSolid = "send-to-back-solid", e.share2Line = "share-2-line", e.share2Solid = "share-2-solid", e.shareLine = "share-line", e.shareSolid = "share-solid", e.shieldLine = "shield-line", e.shieldSolid = "shield-solid", e.shoutLine = "shout-line", e.shoutSolid = "shout-solid", e.shuffleLine = "shuffle-line", e.shuffleSolid = "shuffle-solid", e.sidebarLine = "sidebar-line", e.sidebarSolid = "sidebar-solid", e.slackColor = "slack-color", e.slackMono = "slack-mono", e.smileLine = "smile-line", e.smileSolid = "smile-solid", e.smsLine = "sms-line", e.smsSolid = "sms-solid", e.snoozeLine = "snooze-line", e.snoozeSolid = "snooze-solid", e.sofaLine = "sofa-line", e.sofaSolid = "sofa-solid", e.sortAscLine = "sort-asc-line", e.sortAscSolid = "sort-asc-solid", e.sortDescLine = "sort-desc-line", e.sortDescSolid = "sort-desc-solid", e.sortLine = "sort-line", e.sortSolid = "sort-solid", e.squareLine = "square-line", e.squareSolid = "square-solid", e.stackLine = "stack-line", e.stackSolid = "stack-solid", e.stackoverflowColor = "stackoverflow-color", e.stackoverflowMono = "stackoverflow-mono", e.starDollarLine = "star-dollar-line", e.starDollarSolid = "star-dollar-solid", e.starLine = "star-line", e.starSolid = "star-solid", e.stickerLine = "sticker-line", e.stickerSolid = "sticker-solid", e.stopLine = "stop-line", e.stopSolid = "stop-solid", e.stopwatchLine = "stopwatch-line", e.stopwatchSolid = "stopwatch-solid", e.storeLine = "store-line", e.storeSolid = "store-solid", e.streamLine = "stream-line", e.streamSolid = "stream-solid", e.strikethroughLine = "strikethrough-line", e.strikethroughSolid = "strikethrough-solid", e.subtitlesLine = "subtitles-line", e.subtitlesSolid = "subtitles-solid", e.sugarcrmColor = "sugarcrm-color", e.sugarcrmMono = "sugarcrm-mono", e.surprisedLine = "surprised-line", e.surprisedSolid = "surprised-solid", e.swiftColor = "swift-color", e.swiftMono = "swift-mono", e.switchLine = "switch-line", e.switchSolid = "switch-solid", e.symfonyColor = "symfony-color", e.symfonyMono = "symfony-mono", e.table2Line = "table-2-line", e.table2Solid = "table-2-solid", e.tableLine = "table-line", e.tableSolid = "table-solid", e.tagAddLine = "tag-add-line", e.tagAddSolid = "tag-add-solid", e.tagDetachLine = "tag-detach-line", e.tagDetachSolid = "tag-detach-solid", e.tagLine = "tag-line", e.tagSearchLine = "tag-search-line", e.tagSearchSolid = "tag-search-solid", e.tagSolid = "tag-solid", e.telephoneLine = "telephone-line", e.telephoneSolid = "telephone-solid", e.textLine = "text-line", e.textSolid = "text-solid", e.textcolorLine = "textcolor-line", e.textcolorSolid = "textcolor-solid", e.textureLine = "texture-line", e.textureSolid = "texture-solid", e.thumbsDownLine = "thumbs-down-line", e.thumbsDownSolid = "thumbs-down-solid", e.thumbsUpLine = "thumbs-up-line", e.thumbsUpSolid = "thumbs-up-solid", e.toggleLine = "toggle-line", e.toggleSolid = "toggle-solid", e.tooltipLine = "tooltip-line", e.tooltipSolid = "tooltip-solid", e.transferCallLine = "transfer-call-line", e.transferCallSolid = "transfer-call-solid", e.transferLine = "transfer-line", e.transferSolid = "transfer-solid", e.triangleLine = "triangle-line", e.triangleSolid = "triangle-solid", e.triggerNodeLine = "trigger-node-line", e.twitchColor = "twitch-color", e.twitchMono = "twitch-mono", e.twitterColor = "twitter-color", e.twitterMono = "twitter-mono", e.umbrellaLine = "umbrella-line", e.umbrellaSolid = "umbrella-solid", e.underlineLine = "underline-line", e.underlineSolid = "underline-solid", e.undoLine = "undo-line", e.undoSolid = "undo-solid", e.unhappyLine = "unhappy-line", e.unhappySolid = "unhappy-solid", e.unlockLine = "unlock-line", e.unlockSolid = "unlock-solid", e.uploadLine = "upload-line", e.uploadSolid = "upload-solid", e.user2Line = "user-2-line", e.user2Solid = "user-2-solid", e.userAdminLine = "user-admin-line", e.userAdminSolid = "user-admin-solid", e.userClockLine = "user-clock-line", e.userClockSolid = "user-clock-solid", e.userLine = "user-line", e.userLockLine = "user-lock-line", e.userLockSolid = "user-lock-solid", e.userRecordLine = "user-record-line", e.userRecordSolid = "user-record-solid", e.userSolid = "user-solid", e.userSync2Line = "user-sync-2-line", e.userSync2OffLine = "user-sync-2-off-line", e.userSync2OffSolid = "user-sync-2-off-solid", e.userSync2Solid = "user-sync-2-solid", e.userSyncLine = "user-sync-line", e.userSyncSolid = "user-sync-solid", e.vanLine = "van-line", e.vanSolid = "van-solid", e.viberColor = "viber-color", e.viberMono = "viber-mono", e.videoActiveLine = "video-active-line", e.videoActiveSolid = "video-active-solid", e.videoConferenceLine = "video-conference-line", e.videoConferenceSolid = "video-conference-solid", e.videoLine = "video-line", e.videoOffLine = "video-off-line", e.videoOffSolid = "video-off-solid", e.videoPreviewLine = "video-preview-line", e.videoPreviewSolid = "video-preview-solid", e.videoSolid = "video-solid", e.videoWhiteboardLine = "video-whiteboard-line", e.videoWhiteboardSolid = "video-whiteboard-solid", e.video_round_tableLine = "video_round_table-line", e.video_round_tableSolid = "video_round_table-solid", e.virtualVoicemailLine = "virtual-voicemail-line", e.virtualVoicemailSolid = "virtual-voicemail-solid", e.voicemailLine = "voicemail-line", e.voicemailSolid = "voicemail-solid", e.voicemailTranscriptLine = "voicemail-transcript-line", e.voicemailTranscriptSolid = "voicemail-transcript-solid", e.volumeDecreaseLine = "volume-decrease-line", e.volumeDecreaseSolid = "volume-decrease-solid", e.volumeIncreaseLine = "volume-increase-line", e.volumeIncreaseSolid = "volume-increase-solid", e.volumeLine = "volume-line", e.volumeOff2Line = "volume-off-2-line", e.volumeOff2Solid = "volume-off-2-solid", e.volumeOffLine = "volume-off-line", e.volumeOffSolid = "volume-off-solid", e.volumeOnLine = "volume-on-line", e.volumeOnSolid = "volume-on-solid", e.volumeSolid = "volume-solid", e.vonageLine = "vonage-line", e.vonageMono = "vonage-mono", e.vonageMonoColor = "vonage-mono-color", e.vonageSolid = "vonage-solid", e.vueColor = "vue-color", e.vueMono = "vue-mono", e.walkLine = "walk-line", e.walkSolid = "walk-solid", e.walletLine = "wallet-line", e.walletSolid = "wallet-solid", e.wandLine = "wand-line", e.wandSolid = "wand-solid", e.warningLine = "warning-line", e.warningSolid = "warning-solid", e.wavingLine = "waving-line", e.wavingSolid = "waving-solid", e.webChatColor = "web-chat-color", e.webChatMono = "web-chat-mono", e.webhookLine = "webhook-line", e.webhookSolid = "webhook-solid", e.whatsappColor = "whatsapp-color", e.whatsappMono = "whatsapp-mono", e.whisperLine = "whisper-line", e.whisperSolid = "whisper-solid", e.wifiLine = "wifi-line", e.wifiSolid = "wifi-solid", e.wordpressColor = "wordpress-color", e.wordpressMono = "wordpress-mono", e.workplaceColor = "workplace-color", e.workplaceMono = "workplace-mono", e.wrenchTool2Line = "wrench-tool-2-line", e.wrenchTool2Solid = "wrench-tool-2-solid", e.wrenchToolLine = "wrench-tool-line", e.wrenchToolSolid = "wrench-tool-solid", e.xmlColor = "xml-color", e.xmlMono = "xml-mono", e.youtubeColor = "youtube-color", e.youtubeMono = "youtube-mono", e.zendeskColor = "zendesk-color", e.zendeskMono = "zendesk-mono", e.zohoColor = "zoho-color", e.zohoMono = "zoho-mono", e.zoomInLine = "zoom-in-line", e.zoomInSolid = "zoom-in-solid", e.zoomOutLine = "zoom-out-line", e.zoomOutSolid = "zoom-out-solid", e.zoomToFitLine = "zoom-to-fit-line", e.zoomToFitSolid = "zoom-to-fit-solid", e))($e || {});
 const xe = `/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";
@@ -8607,19 +8632,19 @@ const xe = `/**
 /*# sourceMappingURL=theme-light.css.map */
 `, we = `/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";
@@ -8866,7 +8891,7 @@ const xe = `/**
 /*# sourceMappingURL=spezia-variable.css.map */
 `, Le = `/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .vvd-root, ::part(vvd-root),
 .vvd-theme-alternate, ::part(vvd-theme-alternate) {
@@ -8880,7 +8905,7 @@ const xe = `/**
 /*# sourceMappingURL=vivid-2-compat.css.map */
 `, Ve = `/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);
@@ -8891,7 +8916,7 @@ const xe = `/**
 /*# sourceMappingURL=theme.css.map */
 `, Be = `/**
  * Do not edit directly
- * Generated on Thu, 21 Dec 2023 10:43:18 GMT
+ * Generated on Mon, 08 Jan 2024 16:06:07 GMT
  */
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;
@@ -9038,16 +9063,16 @@ const xe = `/**
   theme: Te,
   typography: Ne,
   vivid2Compat: ze
-}, g = "vvd-root", v = (e, o, a = !1) => {
+}, g = "vvd-root", v = (e, o, n = !1) => {
   const i = document.createElement("link");
-  i.setAttribute("rel", e), i.setAttribute("href", o), a && i.setAttribute("crossorigin", ""), document.head.append(i);
+  i.setAttribute("rel", e), i.setAttribute("href", o), n && i.setAttribute("crossorigin", ""), document.head.append(i);
 }, c = (e) => {
   const o = document.createElement("style");
   o.setAttribute("type", "text/css"), o.innerHTML = e, document.head.append(o);
 }, qi = {
   install(e, o) {
-    const a = o.addRootClassTo ?? "root";
-    switch (a) {
+    const n = o.addRootClassTo ?? "root";
+    switch (n) {
       case "root":
         document.documentElement.classList.add(g);
         break;
@@ -9060,7 +9085,7 @@ const xe = `/**
       case "none":
         break;
       default:
-        throw new Error(`Invalid addRootClassTo option: ${a}`);
+        throw new Error(`Invalid addRootClassTo option: ${n}`);
     }
     const i = o.tokens ?? "light";
     switch (i) {
@@ -9078,8 +9103,8 @@ const xe = `/**
     const t = o.styles ?? [];
     for (const p of t)
       c(p.css);
-    const s = o.font ?? "oss";
-    switch (s) {
+    const r = o.font ?? "oss";
+    switch (r) {
       case "oss":
         v("preconnect", "https://fonts.googleapis.com"), v("preconnect", "https://fonts.gstatic.com", !0), v(
           "stylesheet",
@@ -9092,14 +9117,14 @@ const xe = `/**
       case "none":
         break;
       default:
-        throw new Error(`Invalid font option: ${s}`);
+        throw new Error(`Invalid font option: ${r}`);
     }
     o.customComponentPrefix && be(o.customComponentPrefix);
   }
 };
 export {
   $e as Icon,
-  Fe as VAccordion,
+  De as VAccordion,
   Ke as VAccordionItem,
   Ae as VActionGroup,
   qe as VAlert,
@@ -9109,12 +9134,12 @@ export {
   Re as VBreadcrumb,
   Ge as VBreadcrumbItem,
   Ee as VButton,
-  je as VCalendar,
-  He as VCalendarEvent,
+  He as VCalendar,
+  je as VCalendarEvent,
   We as VCard,
-  _e as VCheckbox,
-  Xe as VCombobox,
-  Je as VDataGrid,
+  Je as VCheckbox,
+  _e as VCombobox,
+  Xe as VDataGrid,
   Qe as VDataGridCell,
   Ze as VDataGridRow,
   Ye as VDatePicker,
@@ -9123,8 +9148,8 @@ export {
   ii as VDivider,
   ti as VEmptyState,
   oi as VFab,
-  ai as VHeader,
-  ni as VIcon,
+  ni as VHeader,
+  ai as VIcon,
   li as VLayout,
   si as VMenu,
   ri as VMenuItem,
@@ -9147,14 +9172,14 @@ export {
   Ci as VTab,
   Vi as VTabPanel,
   Li as VTabs,
-  Fi as VTag,
+  Di as VTag,
   Ki as VTagGroup,
   Bi as VTextArea,
   Ti as VTextField,
   Ni as VToggletip,
   zi as VTooltip,
   Mi as VTreeItem,
-  Di as VTreeView,
+  Fi as VTreeView,
   Ai as optionalStyles,
   be as setCustomComponentPrefix,
   qi as vivid3