@vonage/vivid-vue 5.7.0 → 5.8.0

package/dist/generated/components/VContextualHelp.d.ts

@@ -0,0 +1,7 @@
+import { VNode } from 'vue';
+import VContextualHelpVue2 from './VContextualHelp.vue2';
+import VContextualHelpVue3 from './VContextualHelp.vue3';
+
+type IsVue2 = "data" extends keyof VNode ? true : false;
+declare const _default: IsVue2 extends true ? typeof VContextualHelpVue2 : typeof VContextualHelpVue3;
+export default _default;

package/dist/generated/components/VContextualHelp.types.d.ts

@@ -0,0 +1,30 @@
+import type { VwcContextualHelpElement } from '@vonage/vivid';
+export interface VContextualHelpEvents {
+    blur: FocusEvent & {
+        currentTarget: VwcContextualHelpElement;
+    };
+    click: MouseEvent & {
+        currentTarget: VwcContextualHelpElement;
+    };
+    focus: FocusEvent & {
+        currentTarget: VwcContextualHelpElement;
+    };
+    input: Event & {
+        currentTarget: VwcContextualHelpElement;
+    };
+    keydown: KeyboardEvent & {
+        currentTarget: VwcContextualHelpElement;
+    };
+    keyup: KeyboardEvent & {
+        currentTarget: VwcContextualHelpElement;
+    };
+}
+export interface VContextualHelpProps {
+    placement?: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+    onBlur?: (event: VContextualHelpEvents['blur']) => void;
+    onClick?: (event: VContextualHelpEvents['click']) => void;
+    onFocus?: (event: VContextualHelpEvents['focus']) => void;
+    onInput?: (event: VContextualHelpEvents['input']) => void;
+    onKeydown?: (event: VContextualHelpEvents['keydown']) => void;
+    onKeyup?: (event: VContextualHelpEvents['keyup']) => void;
+}

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

@@ -0,0 +1,19 @@
+import { PropType } from 'vue';
+import type { VwcContextualHelpElement } from '@vonage/vivid';
+declare const _default: import("vue").DefineComponent<{
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<VwcContextualHelpElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+}>>, {
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
+}>;
+export default _default;

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

@@ -0,0 +1,61 @@
+import { PropType } from 'vue';
+import type { VwcContextualHelpElement } from '@vonage/vivid';
+import type { SlotsType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+}>, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<VwcContextualHelpElement | null, VwcContextualHelpElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur(event: FocusEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }): true;
+    click(event: MouseEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }): true;
+    focus(event: FocusEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }): true;
+    input(event: Event & {
+        currentTarget: VwcContextualHelpElement;
+    }): true;
+    keydown(event: KeyboardEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }): true;
+    keyup(event: KeyboardEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }): true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onBlur?: ((event: FocusEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }) => any) | undefined;
+    onClick?: ((event: MouseEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }) => any) | undefined;
+    onFocus?: ((event: FocusEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }) => any) | undefined;
+    onInput?: ((event: Event & {
+        currentTarget: VwcContextualHelpElement;
+    }) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }) => any) | undefined;
+    onKeyup?: ((event: KeyboardEvent & {
+        currentTarget: VwcContextualHelpElement;
+    }) => any) | undefined;
+}>, {
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
+}, SlotsType<{
+    default: Record<string, never>;
+    icon: Record<string, never>;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -117,6 +117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     scrollablePanel: boolean;
     tabsLayout: "align-start" | "stretch";
 }, SlotsType<{
+    'action-items': Record<string, never>;
     default: Record<string, never>;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/generated/components/index.d.ts

@@ -15,6 +15,7 @@ export { default as VCard } from './VCard';
 export { default as VCheckbox } from './VCheckbox';
 export { default as VColorPicker } from './VColorPicker';
 export { default as VCombobox } from './VCombobox';
+export { default as VContextualHelp } from './VContextualHelp';
 export { default as VDataGrid } from './VDataGrid';
 export { default as VDataGridCell } from './VDataGridCell';
 export { default as VDataGridRow } from './VDataGridRow';

package/dist/generated/types.d.ts

@@ -32,6 +32,8 @@ import type { VColorPicker } from './components';
 import type { VColorPickerProps, VColorPickerEvents } from './components/VColorPicker.types';
 import type { VCombobox } from './components';
 import type { VComboboxProps, VComboboxEvents } from './components/VCombobox.types';
+import type { VContextualHelp } from './components';
+import type { VContextualHelpProps, VContextualHelpEvents } from './components/VContextualHelp.types';
 import type { VDataGrid } from './components';
 import type { VDataGridProps, VDataGridEvents } from './components/VDataGrid.types';
 import type { VDataGridCell } from './components';
@@ -153,6 +155,7 @@ export type VProps = {
     VCheckbox: VCheckboxProps;
     VColorPicker: VColorPickerProps;
     VCombobox: VComboboxProps;
+    VContextualHelp: VContextualHelpProps;
     VDataGrid: VDataGridProps;
     VDataGridCell: VDataGridCellProps;
     VDataGridRow: VDataGridRowProps;
@@ -223,6 +226,7 @@ export type VEvents = {
     VCheckbox: VCheckboxEvents;
     VColorPicker: VColorPickerEvents;
     VCombobox: VComboboxEvents;
+    VContextualHelp: VContextualHelpEvents;
     VDataGrid: VDataGridEvents;
     VDataGridCell: VDataGridCellEvents;
     VDataGridRow: VDataGridRowEvents;
@@ -293,6 +297,7 @@ export type VSlots = {
     VCheckbox: ComponentSlots<typeof VCheckbox>;
     VColorPicker: ComponentSlots<typeof VColorPicker>;
     VCombobox: ComponentSlots<typeof VCombobox>;
+    VContextualHelp: ComponentSlots<typeof VContextualHelp>;
     VDataGrid: ComponentSlots<typeof VDataGrid>;
     VDataGridCell: ComponentSlots<typeof VDataGridCell>;
     VDataGridRow: ComponentSlots<typeof VDataGridRow>;

package/dist/index.cjs

@@ -3558,6 +3558,133 @@ const VCombobox = vue.defineComponent({
   }
 });
 
+const VContextualHelp = vue.defineComponent({
+  name: "VContextualHelp",
+  props: {
+    /**
+     * Placement of the toggletip
+     */
+    placement: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: [
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    "blur",
+    /**
+     * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
+     * @type {MouseEvent}
+     */
+    "click",
+    /**
+     * Fires when the element receives focus.
+     * @type {FocusEvent}
+     */
+    "focus",
+    /**
+     * Fires when the value of an element has been changed.
+     * @type {Event}
+     */
+    "input",
+    /**
+     * Fires when a key is pressed.
+     * @type {KeyboardEvent}
+     */
+    "keydown",
+    /**
+     * Fires when a key is released.
+     * @type {KeyboardEvent}
+     */
+    "keyup"
+  ],
+  methods: {},
+  setup(props, ctx) {
+    const componentName = registerComponent(
+      "contextual-help",
+      vivid.registerContextualHelp
+    );
+    const element = vue.ref(null);
+    return { componentName, element };
+  },
+  render() {
+    if (isVue2) {
+      return vue.h(
+        this.componentName,
+        {
+          ref: "element",
+          attrs: {
+            ...this.placement !== void 0 ? { placement: this.placement } : {}
+          },
+          class: "vvd-component",
+          on: {
+            blur: (event) => {
+              this.$emit("blur", event);
+            },
+            click: (event) => {
+              this.$emit("click", event);
+            },
+            focus: (event) => {
+              this.$emit("focus", event);
+            },
+            input: (event) => {
+              this.$emit("input", event);
+            },
+            keydown: (event) => {
+              this.$emit("keydown", event);
+            },
+            keyup: (event) => {
+              this.$emit("keyup", event);
+            }
+          }
+        },
+        [
+          this.$slots.default,
+          // @slot icon Custom icon slot (optional).
+          handleNamedSlotV2("icon", this.$slots["icon"])
+        ]
+      );
+    }
+    return vue.h(
+      this.componentName,
+      {
+        ref: "element",
+        class: "vvd-component",
+        ...handleVue3Props({
+          ...this.placement !== void 0 ? { "^placement": this.placement } : {}
+        }),
+        onBlur: (event) => {
+          this.$emit("blur", event);
+        },
+        onClick: (event) => {
+          this.$emit("click", event);
+        },
+        onFocus: (event) => {
+          this.$emit("focus", event);
+        },
+        onInput: (event) => {
+          this.$emit("input", event);
+        },
+        onKeydown: (event) => {
+          this.$emit("keydown", event);
+        },
+        onKeyup: (event) => {
+          this.$emit("keyup", event);
+        }
+      },
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
+        // @slot icon Custom icon slot (optional).
+        handleNamedSlotV3("icon", this.$slots["icon"])
+      ]
+    );
+  }
+});
+
 const VDataGrid = vue.defineComponent({
   name: "VDataGrid",
   props: {
@@ -11905,7 +12032,11 @@ const VTabs = vue.defineComponent({
             }
           }
         },
-        [this.$slots.default]
+        [
+          this.$slots.default,
+          // @slot action-items Slot for action items such as buttons or controls.
+          handleNamedSlotV2("action-items", this.$slots["action-items"])
+        ]
       );
     }
     return vue.h(
@@ -11946,7 +12077,9 @@ const VTabs = vue.defineComponent({
       },
       [
         // @ts-ignore
-        this.$slots.default && this.$slots.default()
+        this.$slots.default && this.$slots.default(),
+        // @slot action-items Slot for action items such as buttons or controls.
+        handleNamedSlotV3("action-items", this.$slots["action-items"])
       ]
     );
   }
@@ -15324,6 +15457,7 @@ exports.VCard = VCard;
 exports.VCheckbox = VCheckbox;
 exports.VColorPicker = VColorPicker;
 exports.VCombobox = VCombobox;
+exports.VContextualHelp = VContextualHelp;
 exports.VDataGrid = VDataGrid;
 exports.VDataGridCell = VDataGridCell;
 exports.VDataGridRow = VDataGridRow;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { ref, version, onBeforeMount, defineComponent, h } from 'vue';
-import { registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerHeader, registerIcon, registerLayout, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOption, registerPagination, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerSwitch, registerTab, registerTabPanel, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer } from '@vonage/vivid';
+import { registerAccordion, registerAccordionItem, registerActionGroup, registerAlert, registerAudioPlayer, registerAvatar, registerBadge, registerBanner, registerBreadcrumb, registerBreadcrumbItem, registerButton, registerCalendar, registerCalendarEvent, registerCard, registerCheckbox, registerColorPicker, registerCombobox, registerContextualHelp, registerDataGrid, registerDatePicker, registerDateRangePicker, registerDateTimePicker, registerDialPad, registerDialog, registerDivider, registerEmptyState, registerFab, registerFilePicker, registerHeader, registerIcon, registerLayout, registerMenu, registerMenuItem, registerNav, registerNavDisclosure, registerNavItem, registerNote, registerNumberField, registerOption, registerPagination, registerProgress, registerProgressRing, registerRadio, registerRadioGroup, registerRangeSlider, registerRichTextEditor, registerSearchableSelect, registerSelect, registerSelectableBox, registerSideDrawer, registerSimpleColorPicker, registerSlider, registerSplitButton, registerSwitch, registerTab, registerTabPanel, registerTabs, registerTag, registerTagGroup, registerTextArea, registerTextField, registerTimePicker, registerToggletip, registerTooltip, registerTreeItem, registerTreeView, registerVideoPlayer } from '@vonage/vivid';
 
 const CustomComponentPrefix = ref("vvd3");
 function setCustomComponentPrefix(prefix) {
@@ -3554,6 +3554,133 @@ const VCombobox = defineComponent({
   }
 });
 
+const VContextualHelp = defineComponent({
+  name: "VContextualHelp",
+  props: {
+    /**
+     * Placement of the toggletip
+     */
+    placement: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: [
+    /**
+     * Fires when the element loses focus.
+     * @type {FocusEvent}
+     */
+    "blur",
+    /**
+     * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
+     * @type {MouseEvent}
+     */
+    "click",
+    /**
+     * Fires when the element receives focus.
+     * @type {FocusEvent}
+     */
+    "focus",
+    /**
+     * Fires when the value of an element has been changed.
+     * @type {Event}
+     */
+    "input",
+    /**
+     * Fires when a key is pressed.
+     * @type {KeyboardEvent}
+     */
+    "keydown",
+    /**
+     * Fires when a key is released.
+     * @type {KeyboardEvent}
+     */
+    "keyup"
+  ],
+  methods: {},
+  setup(props, ctx) {
+    const componentName = registerComponent(
+      "contextual-help",
+      registerContextualHelp
+    );
+    const element = ref(null);
+    return { componentName, element };
+  },
+  render() {
+    if (isVue2) {
+      return h(
+        this.componentName,
+        {
+          ref: "element",
+          attrs: {
+            ...this.placement !== void 0 ? { placement: this.placement } : {}
+          },
+          class: "vvd-component",
+          on: {
+            blur: (event) => {
+              this.$emit("blur", event);
+            },
+            click: (event) => {
+              this.$emit("click", event);
+            },
+            focus: (event) => {
+              this.$emit("focus", event);
+            },
+            input: (event) => {
+              this.$emit("input", event);
+            },
+            keydown: (event) => {
+              this.$emit("keydown", event);
+            },
+            keyup: (event) => {
+              this.$emit("keyup", event);
+            }
+          }
+        },
+        [
+          this.$slots.default,
+          // @slot icon Custom icon slot (optional).
+          handleNamedSlotV2("icon", this.$slots["icon"])
+        ]
+      );
+    }
+    return h(
+      this.componentName,
+      {
+        ref: "element",
+        class: "vvd-component",
+        ...handleVue3Props({
+          ...this.placement !== void 0 ? { "^placement": this.placement } : {}
+        }),
+        onBlur: (event) => {
+          this.$emit("blur", event);
+        },
+        onClick: (event) => {
+          this.$emit("click", event);
+        },
+        onFocus: (event) => {
+          this.$emit("focus", event);
+        },
+        onInput: (event) => {
+          this.$emit("input", event);
+        },
+        onKeydown: (event) => {
+          this.$emit("keydown", event);
+        },
+        onKeyup: (event) => {
+          this.$emit("keyup", event);
+        }
+      },
+      [
+        // @ts-ignore
+        this.$slots.default && this.$slots.default(),
+        // @slot icon Custom icon slot (optional).
+        handleNamedSlotV3("icon", this.$slots["icon"])
+      ]
+    );
+  }
+});
+
 const VDataGrid = defineComponent({
   name: "VDataGrid",
   props: {
@@ -11901,7 +12028,11 @@ const VTabs = defineComponent({
             }
           }
         },
-        [this.$slots.default]
+        [
+          this.$slots.default,
+          // @slot action-items Slot for action items such as buttons or controls.
+          handleNamedSlotV2("action-items", this.$slots["action-items"])
+        ]
       );
     }
     return h(
@@ -11942,7 +12073,9 @@ const VTabs = defineComponent({
       },
       [
         // @ts-ignore
-        this.$slots.default && this.$slots.default()
+        this.$slots.default && this.$slots.default(),
+        // @slot action-items Slot for action items such as buttons or controls.
+        handleNamedSlotV3("action-items", this.$slots["action-items"])
       ]
     );
   }
@@ -15302,4 +15435,4 @@ const vividVue = {
 };
 const vivid3 = vividVue;
 
-export { Icon, VAccordion, VAccordionItem, VActionGroup, VAlert, VAudioPlayer, VAvatar, VBadge, VBanner, VBreadcrumb, VBreadcrumbItem, VButton, VCalendar, VCalendarEvent, VCard, VCheckbox, VColorPicker, VCombobox, VDataGrid, VDataGridCell, VDataGridRow, VDatePicker, VDateRangePicker, VDateTimePicker, VDialPad, VDialog, VDivider, VEmptyState, VFab, VFilePicker, VHeader, VIcon, VLayout, VMenu, VMenuItem, VNav, VNavDisclosure, VNavItem, VNote, VNumberField, VOption, VPagination, VProgress, VProgressRing, VRadio, VRadioGroup, VRangeSlider, VRichTextEditor, VSearchableSelect, VSelect, VSelectableBox, VSideDrawer, VSimpleColorPicker, VSlider, VSplitButton, VSwitch, VTab, VTabPanel, VTabs, VTag, VTagGroup, VTextArea, VTextField, VTimePicker, VToggletip, VTooltip, VTreeItem, VTreeView, VVideoPlayer, optionalStyles, setCustomComponentPrefix, vivid3, vividVue };
+export { Icon, VAccordion, VAccordionItem, VActionGroup, VAlert, VAudioPlayer, VAvatar, VBadge, VBanner, VBreadcrumb, VBreadcrumbItem, VButton, VCalendar, VCalendarEvent, VCard, VCheckbox, VColorPicker, VCombobox, VContextualHelp, VDataGrid, VDataGridCell, VDataGridRow, VDatePicker, VDateRangePicker, VDateTimePicker, VDialPad, VDialog, VDivider, VEmptyState, VFab, VFilePicker, VHeader, VIcon, VLayout, VMenu, VMenuItem, VNav, VNavDisclosure, VNavItem, VNote, VNumberField, VOption, VPagination, VProgress, VProgressRing, VRadio, VRadioGroup, VRangeSlider, VRichTextEditor, VSearchableSelect, VSelect, VSelectableBox, VSideDrawer, VSimpleColorPicker, VSlider, VSplitButton, VSwitch, VTab, VTabPanel, VTabs, VTag, VTagGroup, VTextArea, VTextField, VTimePicker, VToggletip, VTooltip, VTreeItem, VTreeView, VVideoPlayer, optionalStyles, setCustomComponentPrefix, vivid3, vividVue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-vue",
-  "version": "5.7.0",
+  "version": "5.8.0",
   "description": "A Vue wrapper library for Vivid components.",
   "license": "ISC",
   "author": "Vonage",
@@ -20,7 +20,7 @@
     "web-types.json"
   ],
   "dependencies": {
-    "@vonage/vivid": "^5.7.0"
+    "@vonage/vivid": "^5.8.0"
   },
   "devDependencies": {
     "@types/glob": "^7.2.0",
@@ -30,8 +30,8 @@
     "vue": "^2.7.16",
     "vue3": "npm:vue@^3.5.24",
     "@repo/styles": "1.0.0",
-    "@repo/eslint-config": "1.0.0",
     "@repo/typescript-config": "1.0.0",
+    "@repo/eslint-config": "1.0.0",
     "@repo/vitest-config": "1.0.0",
     "@repo/wrapper-gen": "1.0.0"
   },

package/web-types.json

@@ -1,7 +1,7 @@
 {
  "framework": "vue",
  "name": "@vonage/vivid-vue",
- "version": "5.7.0",
+ "version": "5.8.0",
  "contributions": {
   "html": {
    "description-markup": "markdown",
@@ -1825,6 +1825,36 @@
      },
      "priority": "highest"
     },
+    {
+     "name": "VContextualHelp",
+     "description": "",
+     "attributes": [
+      {
+       "name": "placement",
+       "description": "Placement of the toggletip",
+       "value": {
+        "kind": "expression",
+        "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end'"
+       }
+      }
+     ],
+     "events": [],
+     "slots": [
+      {
+       "name": "default",
+       "description": "Default slot."
+      },
+      {
+       "name": "icon",
+       "description": "Custom icon slot (optional)."
+      }
+     ],
+     "source": {
+      "module": "@vonage/vivid-vue",
+      "symbol": "VContextualHelp"
+     },
+     "priority": "highest"
+    },
     {
      "name": "VDataGrid",
      "description": "",
@@ -5706,9 +5736,13 @@
      ],
      "events": [],
      "slots": [
+      {
+       "name": "action-items",
+       "description": "Slot for action items such as buttons or controls."
+      },
       {
        "name": "default",
-       "description": "Default slot."
+       "description": "Default slot for tab and tab-panel elements."
       }
      ],
      "source": {