@vonage/vivid-vue 3.4.0 → 3.6.0

package/dist/generated/components/VCheckbox.vue2.d.ts

@@ -104,6 +104,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * The connotation the checklist should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Checkbox | null>;
@@ -208,10 +215,18 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * The connotation the checklist should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
 }>>, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: string;
+    connotation: "accent" | "cta";
     disabled: boolean;
     currentValue: string;
     required: boolean;

package/dist/generated/components/VCheckbox.vue3.d.ts

@@ -104,6 +104,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * The connotation the checklist should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Checkbox | null>;
@@ -208,6 +215,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * The connotation the checklist should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
@@ -220,6 +234,7 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: string;
+    connotation: "accent" | "cta";
     disabled: boolean;
     currentValue: string;
     required: boolean;

package/dist/generated/components/VDataGrid.vue2.d.ts

@@ -11,6 +11,28 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * When true the component will not add itself to the tab queue.
+     * Default is false.
+     */
+    noTabbing: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Whether the grid should automatically generate a header row and its type
+     */
+    generateHeader: {
+        type: PropType<"default" | "none" | "sticky">;
+        default: undefined;
+    };
+    /**
+     * String that gets applied to the the css gridTemplateColumns attribute of child rows
+     */
+    gridTemplateColumns: {
+        type: PropType<string>;
+        default: undefined;
+    };
     selectionMode: {
         type: PropType<"none" | "single-row" | "multi-row">;
         default: undefined;
@@ -26,12 +48,37 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * When true the component will not add itself to the tab queue.
+     * Default is false.
+     */
+    noTabbing: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Whether the grid should automatically generate a header row and its type
+     */
+    generateHeader: {
+        type: PropType<"default" | "none" | "sticky">;
+        default: undefined;
+    };
+    /**
+     * String that gets applied to the the css gridTemplateColumns attribute of child rows
+     */
+    gridTemplateColumns: {
+        type: PropType<string>;
+        default: undefined;
+    };
     selectionMode: {
         type: PropType<"none" | "single-row" | "multi-row">;
         default: undefined;
     };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    noTabbing: boolean;
+    generateHeader: "default" | "none" | "sticky";
+    gridTemplateColumns: string;
     selectionMode: "none" | "single-row" | "multi-row";
 }>;
 export default _default;

package/dist/generated/components/VDataGrid.vue3.d.ts

@@ -11,6 +11,28 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * When true the component will not add itself to the tab queue.
+     * Default is false.
+     */
+    noTabbing: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Whether the grid should automatically generate a header row and its type
+     */
+    generateHeader: {
+        type: PropType<"default" | "none" | "sticky">;
+        default: undefined;
+    };
+    /**
+     * String that gets applied to the the css gridTemplateColumns attribute of child rows
+     */
+    gridTemplateColumns: {
+        type: PropType<string>;
+        default: undefined;
+    };
     selectionMode: {
         type: PropType<"none" | "single-row" | "multi-row">;
         default: undefined;
@@ -26,6 +48,28 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * When true the component will not add itself to the tab queue.
+     * Default is false.
+     */
+    noTabbing: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Whether the grid should automatically generate a header row and its type
+     */
+    generateHeader: {
+        type: PropType<"default" | "none" | "sticky">;
+        default: undefined;
+    };
+    /**
+     * String that gets applied to the the css gridTemplateColumns attribute of child rows
+     */
+    gridTemplateColumns: {
+        type: PropType<string>;
+        default: undefined;
+    };
     selectionMode: {
         type: PropType<"none" | "single-row" | "multi-row">;
         default: undefined;
@@ -39,6 +83,9 @@ declare const _default: import("vue").DefineComponent<{
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    noTabbing: boolean;
+    generateHeader: "default" | "none" | "sticky";
+    gridTemplateColumns: string;
     selectionMode: "none" | "single-row" | "multi-row";
 }>;
 export default _default;

package/dist/generated/components/VMenu.vue2.d.ts

@@ -32,6 +32,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string | HTMLElement>;
         default: undefined;
     };
+    /**
+     * indicates whether the menu will automatically close when
+     * the user clicks outside the menu
+     */
+    autoDismiss: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Menu | null>;
@@ -64,10 +72,19 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string | HTMLElement>;
         default: undefined;
     };
+    /**
+     * indicates whether the menu will automatically close when
+     * the user clicks outside the menu
+     */
+    autoDismiss: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     anchor: string | HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     open: boolean;
+    autoDismiss: boolean;
 }>;
 export default _default;

package/dist/generated/components/VMenu.vue3.d.ts

@@ -32,6 +32,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | HTMLElement>;
         default: undefined;
     };
+    /**
+     * indicates whether the menu will automatically close when
+     * the user clicks outside the menu
+     */
+    autoDismiss: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Menu | null>;
@@ -64,6 +72,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | HTMLElement>;
         default: undefined;
     };
+    /**
+     * indicates whether the menu will automatically close when
+     * the user clicks outside the menu
+     */
+    autoDismiss: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
@@ -76,5 +92,6 @@ declare const _default: import("vue").DefineComponent<{
     anchor: string | HTMLElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     open: boolean;
+    autoDismiss: boolean;
 }>;
 export default _default;

package/dist/generated/components/VSelect.vue2.d.ts

@@ -123,6 +123,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
+    fixedDropdown: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Select | null>;
@@ -246,6 +250,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
+    fixedDropdown: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }>>, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -264,5 +272,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     helperText: string;
     position: "above" | "below";
     multiple: boolean;
+    fixedDropdown: boolean;
 }>;
 export default _default;

package/dist/generated/components/VSelect.vue3.d.ts

@@ -123,6 +123,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
+    fixedDropdown: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<Select | null>;
@@ -246,6 +250,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"rounded" | "pill">;
         default: undefined;
     };
+    fixedDropdown: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
@@ -272,5 +280,6 @@ declare const _default: import("vue").DefineComponent<{
     helperText: string;
     position: "above" | "below";
     multiple: boolean;
+    fixedDropdown: boolean;
 }>;
 export default _default;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { ref as d, version as m, onBeforeMount as v, defineComponent as l, h as n } from "vue";
-import { registerAccordion as y, registerAccordionItem as f, registerActionGroup as $, registerAlert as k, registerAvatar as g, registerBadge as b, registerBanner as C, registerBreadcrumb as x, registerBreadcrumbItem as S, registerButton as w, registerCalendar as V, registerCalendarEvent as N, registerCard as B, registerCheckbox as T, registerCombobox as K, registerDataGrid as I, registerDialog as z, registerDivider as F, registerEmptyState as q, registerFab as P, registerHeader as L, registerIcon as D, registerLayout as M, registerMenu as A, registerMenuItem as O, registerNav as E, registerNavDisclosure as G, registerNavItem as H, registerNote as R, registerNumberField as W, registerOption as j, registerPagination as U, registerPopup as J, registerProgress as Q, registerProgressRing as X, registerRadio as Y, registerRadioGroup as Z, registerSelect as _, registerSideDrawer as tt, registerSlider as et, registerSwitch as it, registerTab as ot, registerTabs as st, registerTabPanel as nt, registerTextArea as at, registerTextField as rt, registerToggletip as dt, registerTooltip as lt, registerTreeItem as ht, registerTreeView as ut, registerTag as ct, registerTagGroup as pt } from "@vonage/vivid";
+import { registerAccordion as y, registerAccordionItem as f, registerActionGroup as $, registerAlert as g, registerAvatar as k, registerBadge as b, registerBanner as C, registerBreadcrumb as x, registerBreadcrumbItem as S, registerButton as w, registerCalendar as V, registerCalendarEvent as N, registerCard as B, registerCheckbox as T, registerCombobox as K, registerDataGrid as I, registerDialog as z, registerDivider as F, registerEmptyState as q, registerFab as D, registerHeader as P, registerIcon as L, registerLayout as M, registerMenu as A, registerMenuItem as O, registerNav as H, registerNavDisclosure as E, registerNavItem as G, registerNote as R, registerNumberField as W, registerOption as j, registerPagination as U, registerPopup as J, registerProgress as Q, registerProgressRing as X, registerRadio as Y, registerRadioGroup as Z, registerSelect as _, registerSideDrawer as tt, registerSlider as et, registerSwitch as it, registerTab as ot, registerTabs as st, registerTabPanel as nt, registerTextArea as at, registerTextField as rt, registerToggletip as dt, registerTooltip as lt, registerTreeItem as ht, registerTreeView as ut, registerTag as ct, registerTagGroup as pt } from "@vonage/vivid";
 const p = d("vvd3");
 function $t(t) {
   p.value = t;
@@ -11,7 +11,7 @@ function h(t, o) {
     o(p.value);
   }), s;
 }
-const kt = l({
+const gt = l({
   name: "VAccordion",
   props: {
     /**
@@ -115,7 +115,7 @@ const kt = l({
       ]
     );
   }
-}), gt = l({
+}), kt = l({
   name: "VAccordionItem",
   props: {
     /**
@@ -484,7 +484,7 @@ const Ct = l({
     "close"
   ],
   setup(t, o) {
-    const s = h("alert", k), e = d(null);
+    const s = h("alert", g), e = d(null);
     return o.expose({
       openChanged(i, u) {
         var c;
@@ -629,7 +629,7 @@ const Ct = l({
     "input"
   ],
   setup(t, o) {
-    const s = h("avatar", g), e = d(null);
+    const s = h("avatar", k), e = d(null);
     return o.expose({}), { componentName: s, element: e };
   },
   render() {
@@ -1879,7 +1879,11 @@ const Ct = l({
     /**
      * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
      */
-    readonly: { type: Boolean, default: void 0 }
+    readonly: { type: Boolean, default: void 0 },
+    /**
+     * The connotation the checklist should have.
+     */
+    connotation: { type: String, default: void 0 }
   },
   emits: [
     /**
@@ -1940,7 +1944,8 @@ const Ct = l({
           ...this.required !== void 0 ? { required: this.required } : {},
           ...this.checked !== void 0 ? { checked: this.checked } : {},
           ...this.modelValue !== void 0 ? { "current-checked": this.modelValue } : {},
-          ...this.readonly !== void 0 ? { readonly: this.readonly } : {}
+          ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
+          ...this.connotation !== void 0 ? { connotation: this.connotation } : {}
         },
         class: "vvd-root",
         on: {
@@ -1972,6 +1977,7 @@ const Ct = l({
         ...this.checked !== void 0 ? { checked: this.checked } : {},
         ...this.modelValue !== void 0 ? { "current-checked": this.modelValue } : {},
         ...this.readonly !== void 0 ? { readonly: this.readonly } : {},
+        ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
         onClick: (t) => this.$emit("click", t),
         onFocus: (t) => this.$emit("focus", t),
         onBlur: (t) => this.$emit("blur", t),
@@ -2208,6 +2214,19 @@ const Ct = l({
       type: String,
       default: void 0
     },
+    /**
+     * When true the component will not add itself to the tab queue.
+     * Default is false.
+     */
+    noTabbing: { type: Boolean, default: void 0 },
+    /**
+     * Whether the grid should automatically generate a header row and its type
+     */
+    generateHeader: { type: String, default: void 0 },
+    /**
+     * String that gets applied to the the css gridTemplateColumns attribute of child rows
+     */
+    gridTemplateColumns: { type: String, default: void 0 },
     selectionMode: { type: String, default: void 0 }
   },
   emits: [
@@ -2258,6 +2277,9 @@ const Ct = l({
         ref: "element",
         attrs: {
           ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+          ...this.noTabbing !== void 0 ? { "no-tabbing": this.noTabbing } : {},
+          ...this.generateHeader !== void 0 ? { "generate-header": this.generateHeader } : {},
+          ...this.gridTemplateColumns !== void 0 ? { "grid-template-columns": this.gridTemplateColumns } : {},
           ...this.selectionMode !== void 0 ? { "selection-mode": this.selectionMode } : {}
         },
         class: "vvd-root",
@@ -2277,6 +2299,9 @@ const Ct = l({
         ref: "element",
         class: "vvd-root",
         ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
+        ...this.noTabbing !== void 0 ? { "no-tabbing": this.noTabbing } : {},
+        ...this.generateHeader !== void 0 ? { "generate-header": this.generateHeader } : {},
+        ...this.gridTemplateColumns !== void 0 ? { "grid-template-columns": this.gridTemplateColumns } : {},
         ...this.selectionMode !== void 0 ? { "selection-mode": this.selectionMode } : {},
         onClick: (t) => this.$emit("click", t),
         onFocus: (t) => this.$emit("focus", t),
@@ -2291,7 +2316,7 @@ const Ct = l({
       ]
     );
   }
-}), Pt = l({
+}), Dt = l({
   name: "VDialog",
   props: {
     /**
@@ -2452,7 +2477,7 @@ const Ct = l({
       ]
     );
   }
-}), Lt = l({
+}), Pt = l({
   name: "VDivider",
   props: {
     /**
@@ -2546,7 +2571,7 @@ const Ct = l({
       []
     );
   }
-}), Dt = l({
+}), Lt = l({
   name: "VEmptyState",
   props: {
     /**
@@ -2782,7 +2807,7 @@ const Ct = l({
     "input"
   ],
   setup(t, o) {
-    const s = h("fab", P), e = d(null);
+    const s = h("fab", D), e = d(null);
     return o.expose({
       /**
        * {@inheritDoc (FormAssociated:interface).validate}
@@ -2916,7 +2941,7 @@ const Ct = l({
     "input"
   ],
   setup(t, o) {
-    const s = h("header", L), e = d(null);
+    const s = h("header", P), e = d(null);
     return o.expose({}), { componentName: s, element: e };
   },
   render() {
@@ -3031,7 +3056,7 @@ const Ct = l({
     "input"
   ],
   setup(t, o) {
-    const s = h("icon", D), e = d(null);
+    const s = h("icon", L), e = d(null);
     return o.expose({
       nameChanged() {
         var i;
@@ -3083,7 +3108,7 @@ const Ct = l({
       ]
     );
   }
-}), Et = l({
+}), Ht = l({
   name: "VLayout",
   props: {
     /**
@@ -3198,7 +3223,7 @@ const Ct = l({
       ]
     );
   }
-}), Gt = l({
+}), Et = l({
   name: "VMenu",
   props: {
     /**
@@ -3222,7 +3247,12 @@ const Ct = l({
     /**
      * ID reference to element in the menu's owner document.
      */
-    anchor: { type: [Object, String], default: void 0 }
+    anchor: { type: [Object, String], default: void 0 },
+    /**
+     * indicates whether the menu will automatically close when
+     * the user clicks outside the menu
+     */
+    autoDismiss: { type: Boolean, default: void 0 }
   },
   emits: [
     /**
@@ -3276,6 +3306,10 @@ const Ct = l({
       anchorChanged(i, u) {
         var c;
         return (c = e.value) == null ? void 0 : c.anchorChanged(i, u);
+      },
+      autoDismissChanged() {
+        var i;
+        return (i = e.value) == null ? void 0 : i.autoDismissChanged();
       }
     }), { componentName: s, element: e };
   },
@@ -3287,7 +3321,8 @@ const Ct = l({
         attrs: {
           ...this.ariaCurrent !== void 0 ? { "aria-current": this.ariaCurrent } : {},
           ...this.open !== void 0 ? { open: this.open } : {},
-          ...this.placement !== void 0 ? { placement: this.placement } : {}
+          ...this.placement !== void 0 ? { placement: this.placement } : {},
+          ...this.autoDismiss !== void 0 ? { "auto-dismiss": this.autoDismiss } : {}
         },
         class: "vvd-root",
         domProps: { ...this.anchor !== void 0 ? { anchor: this.anchor } : {} },
@@ -3310,6 +3345,7 @@ const Ct = l({
         ...this.open !== void 0 ? { open: this.open } : {},
         ...this.placement !== void 0 ? { placement: this.placement } : {},
         ...this.anchor !== void 0 ? { anchor: this.anchor } : {},
+        ...this.autoDismiss !== void 0 ? { "auto-dismiss": this.autoDismiss } : {},
         onClick: (t) => this.$emit("click", t),
         onFocus: (t) => this.$emit("focus", t),
         onBlur: (t) => this.$emit("blur", t),
@@ -3323,7 +3359,7 @@ const Ct = l({
       ]
     );
   }
-}), Ht = l({
+}), Gt = l({
   name: "VMenuItem",
   model: a ? {
     prop: "modelValue",
@@ -3513,7 +3549,7 @@ const Ct = l({
     "input"
   ],
   setup(t, o) {
-    const s = h("nav", E), e = d(null);
+    const s = h("nav", H), e = d(null);
     return o.expose({}), { componentName: s, element: e };
   },
   render() {
@@ -3609,7 +3645,7 @@ const Ct = l({
     "input"
   ],
   setup(t, o) {
-    const s = h("nav-disclosure", G), e = d(null);
+    const s = h("nav-disclosure", E), e = d(null);
     return o.expose({}), { componentName: s, element: e };
   },
   render() {
@@ -3744,7 +3780,7 @@ const Ct = l({
     "input"
   ],
   setup(t, o) {
-    const s = h("nav-item", H), e = d(null);
+    const s = h("nav-item", G), e = d(null);
     return o.expose({}), { componentName: s, element: e };
   },
   render() {
@@ -5162,7 +5198,8 @@ const Ct = l({
      */
     multiple: { type: Boolean, default: void 0 },
     appearance: { type: String, default: void 0 },
-    shape: { type: String, default: void 0 }
+    shape: { type: String, default: void 0 },
+    fixedDropdown: { type: Boolean, default: void 0 }
   },
   emits: [
     /**
@@ -5256,7 +5293,8 @@ const Ct = l({
           ...this.position !== void 0 ? { position: this.position } : {},
           ...this.multiple !== void 0 ? { multiple: this.multiple } : {},
           ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
-          ...this.shape !== void 0 ? { shape: this.shape } : {}
+          ...this.shape !== void 0 ? { shape: this.shape } : {},
+          ...this.fixedDropdown !== void 0 ? { "fixed-dropdown": this.fixedDropdown } : {}
         },
         class: "vvd-root",
         on: {
@@ -5296,6 +5334,7 @@ const Ct = l({
         ...this.multiple !== void 0 ? { multiple: this.multiple } : {},
         ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
         ...this.shape !== void 0 ? { shape: this.shape } : {},
+        ...this.fixedDropdown !== void 0 ? { "fixed-dropdown": this.fixedDropdown } : {},
         onClick: (t) => this.$emit("click", t),
         onFocus: (t) => this.$emit("focus", t),
         onBlur: (t) => this.$emit("blur", t),
@@ -7085,8 +7124,8 @@ const Ct = l({
   }
 });
 export {
-  kt as VAccordion,
-  gt as VAccordionItem,
+  gt as VAccordion,
+  kt as VAccordionItem,
   bt as VActionGroup,
   Ct as VAlert,
   xt as VAvatar,
@@ -7101,15 +7140,15 @@ export {
   zt as VCheckbox,
   Ft as VCombobox,
   qt as VDataGrid,
-  Pt as VDialog,
-  Lt as VDivider,
-  Dt as VEmptyState,
+  Dt as VDialog,
+  Pt as VDivider,
+  Lt as VEmptyState,
   Mt as VFab,
   At as VHeader,
   Ot as VIcon,
-  Et as VLayout,
-  Gt as VMenu,
-  Ht as VMenuItem,
+  Ht as VLayout,
+  Et as VMenu,
+  Gt as VMenuItem,
   Rt as VNav,
   Wt as VNavDisclosure,
   jt as VNavItem,