@nova-design-system/nova-react 3.4.0 → 3.6.0

package/dist/cjs/{nv-menuitem.entry-CaRqhVtk.js → nv-menuitem.entry-D3_V7wz6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CrgVjOZF.js');
+var index = require('./index-E_eTmclZ.js');
 require('react');
 
 const nvMenuitemCss = "nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";
@@ -49,7 +49,7 @@ const NvMenuitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '12438da400f424a313c213b0950fcca96fd42442', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '83a86971ac01576cfbfbe3d07e39e0c54f813bde', name: this.icon }), index.h("slot", { key: '0b6fc3c1e0eaa6dedee1aa5c99fc39ee4899e400' }), this.label && index.h("span", { key: 'fb85b1ace8d7cd479c9f78d48950110fd592788d', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: 'fd42e2eb808d318a9f5e7aaa18da7f4e85293ec3' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: '51a5accbc105843b9e7a40209bd9139c16eec4b0', name: "chevron-right" })));
+        return (index.h(index.Host, { key: 'c008da503776b85bec237b25e321e4bba02d153f', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '66341d40e68409b4c0ab6595a67eed1e4354d6ba', name: this.icon }), index.h("slot", { key: 'e3960af26ffbc703a5702981e948013179b1a83b' }), this.label && index.h("span", { key: '9633388dcbad3080b54b83845ced54f9b9d05061', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: 'da358858336a86a7a49bbd4a52b5f628aadc1c29' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: '36a85c271a5dbe2c41eefac33209e5d9a909ae04', name: "chevron-right" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-popover.entry-ByFhVB2j.js → nv-popover.entry-VI0JSWEK.js}

@@ -1,19 +1,20 @@
 'use strict';
 
-var index = require('./index-CrgVjOZF.js');
-var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
+var index = require('./index-E_eTmclZ.js');
+var stylefire_es74da334a = require('./stylefire.es-74da334a-y0piPjlz.js');
+var fade_animation71e8e34c = require('./fade.animation-71e8e34c-BAw_TYsB.js');
 var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
 require('react');
 
 const useGrow = (node, { duration = 200, amount = 0.8, hasFade = true } = {}) => {
-    const nodeStyler = fade_animation2a077983.index(node);
+    const nodeStyler = stylefire_es74da334a.index(node);
     /**
      * Will animate the scale and optionally the opacity to make the element grow and fade in,
      * and removes the scale and opacity style attributes once complete.
      */
     function growIn() {
         return new Promise(resolve => {
-            fade_animation2a077983.animate({
+            stylefire_es74da334a.animate({
                 from: { opacity: hasFade ? 0 : 1, scale: amount },
                 to: { opacity: 1, scale: 1 },
                 duration,
@@ -62,7 +63,7 @@ const useGrow = (node, { duration = 200, amount = 0.8, hasFade = true } = {}) =>
      */
     function growOut() {
         return new Promise(resolve => {
-            fade_animation2a077983.animate({
+            stylefire_es74da334a.animate({
                 from: { opacity: 1, scale: 1 },
                 to: { opacity: hasFade ? 0 : 1, scale: amount },
                 duration,
@@ -1890,7 +1891,7 @@ const NvPopover = class {
             duration: isOtherMemberOpen ? 0 : 100,
             amount: 0.85,
         });
-        const { fadeOut } = fade_animation2a077983.useFade(this.popoverElement, {
+        const { fadeOut } = fade_animation71e8e34c.useFade(this.popoverElement, {
             duration: isOtherMemberOpen ? 0 : 100,
         });
         if (open === true) {
@@ -1922,7 +1923,7 @@ const NvPopover = class {
             setGrowOut();
         }
         else {
-            const { setFadeIn } = fade_animation2a077983.useFade(this.popoverElement);
+            const { setFadeIn } = fade_animation71e8e34c.useFade(this.popoverElement);
             setFadeIn();
             this.popoverElement.removeAttribute('hidden');
         }
@@ -1950,7 +1951,7 @@ const NvPopover = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '3ab4e0f245ab925d2336f09b0cfa1c5c81a7eb32' }, index.h("slot", { key: '54d237432f4f69f517f0182e58a3e6d75c658382', name: "trigger" }), index.h("div", { key: 'ea6d9cedbade36ca48f9e72ec139720caeae1e35', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: 'f7cc6db85501f067317f66cc500b21e6571feeb6', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '2330178c2adfd93eea13286ec3efee5c495b2680', name: "content" }))));
+        return (index.h(index.Host, { key: '843ac572358b402d6338945d671446fec1c51a6d' }, index.h("slot", { key: '090f01aea3932cb95357985766a20112c63c4992', name: "trigger" }), index.h("div", { key: '737822dd1539381bb485a389670f09a071441365', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: '9d268df3f0e1df7b2a2264154143c3db14619661', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '432aae053b25d2e7d6594203ad0ff3ecee26c059', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-row.entry-BIwxIl3Q.js → nv-row.entry-Da5sYAGY.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CrgVjOZF.js');
+var index = require('./index-E_eTmclZ.js');
 require('react');
 
 const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
@@ -13,7 +13,7 @@ const NvRow = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '5cd3c7b2db57e433f37a086d0cda9bb0335c84fc' }, index.h("slot", { key: 'ca4003ec7100ee2979ba7b00352c19ecf1d62e05' })));
+        return (index.h(index.Host, { key: '20e40e37c82b00712ed3d60d46d460f5f877e10a' }, index.h("slot", { key: '80ba27becb4d56ff0785054597d88c728fb3eca5' })));
     }
 };
 NvRow.style = NvRowStyle0;

package/dist/cjs/{nv-stack.entry-xDwyG0Xr.js → nv-stack.entry-CQ8A3wKB.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CrgVjOZF.js');
+var index = require('./index-E_eTmclZ.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 
@@ -22,7 +22,7 @@ const NvStack = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '61662dda82c5191e4d90098e10d01bad6524e8c7', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: '7ee777cdebbfe9d4f6438a2a79407d9f670f2885' })));
+        return (index.h(index.Host, { key: '24cca0f7101de5f37d30884983da28a839df9bee', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: '3521e5dd684d2c6185fd434711ae85a6ea0b68ab' })));
     }
 };
 NvStack.style = NvStackStyle0;

package/dist/cjs/{nv-table.entry-DCMcpbpc.js → nv-table.entry-DkALs4J_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CrgVjOZF.js');
+var index = require('./index-E_eTmclZ.js');
 var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
 require('react');
 
@@ -314,14 +314,14 @@ const NvTable = class {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : this.table.data;
-        return (index.h(index.Host, { key: '510ea0b8404254faa7b2add62884da77232bf13d' }, index.h("div", { key: '482a3cfb6fb948d7280b7c0ea70035a9c6385615', class: "hidden" }, index.h("slot", { key: 'da7aa706d453676212e260e9454ed4e5143f2ccc' })), index.h("slot", { key: '78054c9a10623c82d7cc7fef5619053c89b70944', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", { class: "table-header" }, index.h("tr", null, headerGroups &&
+        return (index.h(index.Host, { key: '0e7b7e03592f9f68b9158e8374986986e0f155d4' }, index.h("div", { key: 'eeebf671dde65fcd725fbbe78099816d1c07c65f', class: "hidden" }, index.h("slot", { key: '2ac114cec120874bb0f7bf6ddde9ec9c88d978cf' })), index.h("slot", { key: 'b8dea8ff4c987b679ab78e73c4b7698a608c1ee3', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", { class: "table-header" }, index.h("tr", null, headerGroups &&
             headerGroups.map(col => {
                 return (index.h("th", { key: col.name }, this.renderTemplate(this.headerTemplateCache.get(col.name), {}) || col.header));
             })))), index.h("tbody", { class: "table-body" }, !rows || rows.length === 0 ? (index.h("tr", null, index.h("td", { colSpan: headerGroups.length || 12, class: "no-data" }, this.noDataMessage))) : (rows.map(row => (index.h("tr", { key: JSON.stringify(row) }, headerGroups.map(col => {
             var _a;
             return (index.h("td", null, this.renderTemplate(this.templateCache.get(col.name), row) ||
                 ((_a = row[col.name]) !== null && _a !== void 0 ? _a : this.fallbackValue)));
-        })))))))), index.h("slot", { key: '8e5b8eee3870e0d38944370a3d9500f641914935', name: "after" })));
+        })))))))), index.h("slot", { key: '4dc0404a05946bc942f65af599fea186166cde9c', name: "after" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-tablecolumn.entry-D_kTZ7Mp.js → nv-tablecolumn.entry-C_9y9_Tk.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CrgVjOZF.js');
+var index = require('./index-E_eTmclZ.js');
 require('react');
 
 const NvTablecolumn = class {

package/dist/cjs/{nv-toggle.entry-tds7tIzF.js → nv-toggle.entry-CPvuKc2f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CrgVjOZF.js');
+var index = require('./index-E_eTmclZ.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
@@ -65,8 +65,8 @@ const NvToggle = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '4c1b964876714244584d1dd4e949cf920312d0bf', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: 'b593008916115afefa8eebeaffde07c3a576089b', class: "input-container" }, index.h("input", { key: '20783b13ea6e1b427fd79db1ff46d5685e7c7d89', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: 'b2c9e1d17dbf53a42fdd0612c1ba507ea15c2775', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'd5ac7d57befa88f4b1fa752d95dce9ea50db577c', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '63817f8322de43590bd2052d3695a3e090c466bc', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'f33e45707f6cde570f7d4e3f44aece36413cf7c8', class: "description" }, index.h("slot", { key: '3dcbe64426121cd2541fc545606f1b1381d51fdf', name: "description" }, this.description))))));
+        return (index.h(index.Host, { key: '9b3a2c50180d17241f514ebfecb2d959d6aaf263', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '70420566c51bb19c3ef9b8718ba0069bd739fd26', class: "input-container" }, index.h("input", { key: '5c1cfd0858a14cf1854de5a09b2daa55c4e781ba', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: 'f4678a7ed5a7e58397aadfe5155b95a395f39fba', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '4d25373b9c782d3016da002d1fa22dd551a1597a', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: 'f297abef15befddc6b180edffe3ab7b0bb39d223', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '97f2b1045c5152fb66da582c7fcf2975cbe10e68', class: "description" }, index.h("slot", { key: 'fae238400ac3a106079a7e361d179598a99363a4', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-tooltip.entry-PfQ2HgFG.js → nv-tooltip.entry-dvTSw6dq.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CrgVjOZF.js');
+var index = require('./index-E_eTmclZ.js');
 require('react');
 
 const nvTooltipCss = "nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";
@@ -9,6 +9,7 @@ const NvTooltipStyle0 = nvTooltipCss;
 const NvTooltip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.openChanged = index.createEvent(this, "openChanged");
         /**
          * Decides where the tooltip shows up next to the element it’s linked to
          * (above, below, to the sides). If there isn’t enough room, it will adjust
@@ -22,7 +23,7 @@ const NvTooltip = class {
          */
         this.enterDelay = 0;
     }
-    //#endregion PROPERTIES
+    //#endregion EVENTS
     /****************************************************************************/
     //#region LIFECYCLE
     componentWillLoad() {
@@ -35,7 +36,7 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '34431c56ab8f0d9581d7bae170eea34972594a3c' }, index.h("slot", { key: '0e9b3492b07b23e3eb5e7475d174aca7f3d18cdb' }), index.h("nv-popover", { key: '2a3eccd8a928114ad8df6ce67a19948fab772654', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: '286fad171703def16f9a1b95f2e8dc01afc062a0', slot: "content" }, this.message), index.h("slot", { key: '502d9abb156d4a40f36f442a6629e08b754a983f', name: "content" }))));
+        return (index.h(index.Host, { key: 'eb3e25818bb1e57340ac169d1c40a0e4e9c56668' }, index.h("slot", { key: '7937859bff530ff10a0de9076a77c92afa9ec9e7' }), index.h("nv-popover", { key: 'e825c93c7d90f5598416f1f081c95517c7a27883', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: '5a5987e3a04f02be104e5f8fcca2f40b75938a97', slot: "content" }, this.message), index.h("slot", { key: 'd7efc512e29969e7c8c1a693f2fb15f9319e1fa8', name: "content" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{fade.animation-2a077983-aKN0EDTo.js → stylefire.es-74da334a-y0piPjlz.js}

@@ -1764,69 +1764,5 @@ function index(nodeOrSelector, props) {
     return getStyler(node, props);
 }
 
-const useFade = (node, { duration } = { duration: 200 }) => {
-    const nodeStyler = index(node);
-    /**
-     * Will animate the opacity to 1, and removes the opacity style attribute once
-     * complete.
-     */
-    function fadeIn() {
-        return new Promise(resolve => {
-            animate({
-                from: { opacity: 0 },
-                to: { opacity: 1 },
-                duration,
-                onUpdate(latest) {
-                    nodeStyler.set({ opacity: latest.opacity });
-                },
-                onComplete() {
-                    resolve();
-                    node.style.removeProperty('opacity');
-                },
-            });
-        });
-    }
-    /**
-     * Applies the fadeOut styles without animating, useful when initial state
-     * is hidden.
-     */
-    function setFadeOut() {
-        node.style.opacity = '0';
-    }
-    /**
-     * Applies the fadeIn styles without animating, useful when initial state
-     * is visible.
-     */
-    function setFadeIn() {
-        node.style.opacity = '1';
-    }
-    /**
-     * Will animate the opacity to 0, once complete, the opacity style attribute
-     * will stay on the element.
-     */
-    function fadeOut() {
-        return new Promise(resolve => {
-            animate({
-                from: { opacity: 1 },
-                to: { opacity: 0 },
-                duration,
-                onUpdate(latest) {
-                    nodeStyler.set({ opacity: latest.opacity });
-                },
-                onComplete() {
-                    resolve();
-                },
-            });
-        });
-    }
-    return {
-        fadeIn,
-        fadeOut,
-        setFadeOut,
-        setFadeIn,
-    };
-};
-
 exports.animate = animate;
 exports.index = index;
-exports.useFade = useFade;

package/dist/cjs/timeline.animation-adf35ecb-CE6Dsdxr.js

@@ -0,0 +1,23 @@
+'use strict';
+
+/**
+ * Will execute a series of animation promises in sequence.
+ * This is useful for chaining animations where each step depends on the
+ * previous one completing before starting the next.
+ *
+ * @param {Array<() => Promise<void>>} animations - The array of animation functions.
+ * @returns {Object} - An object with a `start` method to begin the timeline.
+ *
+ * @example
+ * const { fadeOut } = useFade(this.ref);
+ * const { collapse } = useCollapse(this.ref);
+ *
+ * timeline(fadeOut, collapse).start();
+ */
+const timeline = (...animations) => ({
+    start: () => {
+        return animations.reduce((promise, animation) => promise.then(() => animation()), Promise.resolve());
+    },
+});
+
+exports.timeline = timeline;

package/dist/generated/components.js

@@ -1,4 +1,6 @@
 'use client';
+import { NvAccordionItem as NvAccordionItemElement, defineCustomElement as defineNvAccordionItem } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion-item.js";
+import { NvAccordion as NvAccordionElement, defineCustomElement as defineNvAccordion } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion.js";
 import { NvAlert as NvAlertElement, defineCustomElement as defineNvAlert } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
 import { NvAvatar as NvAvatarElement, defineCustomElement as defineNvAvatar } from "@nova-design-system/nova-webcomponents/dist/components/nv-avatar.js";
 import { NvBadge as NvBadgeElement, defineCustomElement as defineNvBadge } from "@nova-design-system/nova-webcomponents/dist/components/nv-badge.js";
@@ -41,6 +43,20 @@ import { NvToggle as NvToggleElement, defineCustomElement as defineNvToggle } fr
 import { NvTooltip as NvTooltipElement, defineCustomElement as defineNvTooltip } from "@nova-design-system/nova-webcomponents/dist/components/nv-tooltip.js";
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
+export const NvAccordion = createComponent({
+    tagName: 'nv-accordion',
+    elementClass: NvAccordionElement,
+    react: React,
+    events: { onNvChange: 'nvChange' },
+    defineCustomElement: defineNvAccordion
+});
+export const NvAccordionItem = createComponent({
+    tagName: 'nv-accordion-item',
+    elementClass: NvAccordionItemElement,
+    react: React,
+    events: { onItemToggle: 'itemToggle' },
+    defineCustomElement: defineNvAccordionItem
+});
 export const NvAlert = createComponent({
     tagName: 'nv-alert',
     elementClass: NvAlertElement,
@@ -205,7 +221,7 @@ export const NvFieldmultiselect = createComponent({
     react: React,
     events: {
         onValueChanged: 'valueChanged',
-        onMultiselectChange: 'multiselectChange'
+        onFilterTextChanged: 'filterTextChanged'
     },
     defineCustomElement: defineNvFieldmultiselect
 });
@@ -346,6 +362,6 @@ export const NvTooltip = createComponent({
     tagName: 'nv-tooltip',
     elementClass: NvTooltipElement,
     react: React,
-    events: {},
+    events: { onOpenChanged: 'openChanged' },
     defineCustomElement: defineNvTooltip
 });