@nova-design-system/nova-webcomponents 3.0.0-beta.43 → 3.0.0-beta.45

package/dist/native/p-f01a34c5.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,a as n,g as r}from"./p-ab002252.js";import{c as i}from"./p-8a1a6e56.js";import{v as a}from"./p-f5ff676c.js";const c='nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-form-field-border-default);background:var(--components-form-field-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:"";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-switch-dot);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-form-field-border-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-background-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:"";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-border-focus)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-form-field-background-disabled);border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-form-shape-foreground-disabled)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}';const l=c;const s=class{constructor(t){e(this,t);this.checkedChanged=o(this,"checkedChanged",7);this.inputId=a();this.hideLabel=false;this.checked=false;this.disabled=false;this.readonly=false}onCheckedChanged(e){this.checkedChanged.emit(e)}handleChange(e){const o=e.target;if(o.type==="checkbox"&&o.id===this.inputId){if(this.readonly||this.disabled){e.preventDefault();return}this.checked=o.checked}}render(){return t(n,{key:"6728159c0c7f622fbcc5017a116ec0dd1fe28b39",class:i(this.labelPlacement==="before"&&"label-placement-before")},t("div",{key:"2155eacf39771790ca730f264f9c490f6e93794b",class:"input-container"},t("input",{key:"588a638b678c7d26fd0050a54fbd86ab029c18d0",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})),t("div",{key:"ba543a1282f8244449c3682bc43c8481d0c588dd",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"beab39ef75d445e43bf4d127ea9f0c7130bae25f",htmlFor:this.inputId,class:i(this.hideLabel&&"visually-hidden")},t("slot",{key:"fd60c679cf1514fc2d01c39a8e13e6dc6fd3287e",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"42582783ac08557d55bf8f80fa68f2f565f7208f",class:"description"},t("slot",{key:"889f7408fd401816ffb6dff0c264e265911e3b79",name:"description"},this.description))))}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};s.style=l;export{s as nv_toggle};
+//# sourceMappingURL=p-f01a34c5.entry.js.map

package/dist/native/p-f01a34c5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvToggleCss","NvToggleStyle0","NvToggle","constructor","hostRef","this","inputId","uuidv4","hideLabel","checked","disabled","readonly","onCheckedChanged","checkedChanged","emit","handleChange","event","target","type","id","preventDefault","render","h","Host","key","class","clsx","labelPlacement","name","autocomplete","value","Boolean","label","el","querySelector","htmlFor","description"],"sources":["src/components/nv-toggle/nv-toggle.scss?tag=nv-toggle","src/components/nv-toggle/nv-toggle.tsx"],"sourcesContent":["@use \"../../styles/utils\" as utils;\n@import \"../../styles/focus-ring\";\n\n@mixin root-styles() {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--form-gap-x);\n  position: relative;\n\n  &:not([disabled], [readonly]) {\n    input,\n    label {\n      cursor: pointer;\n    }\n  }\n}\n\n@mixin label-before-styles() {\n  flex-direction: row-reverse;\n}\n\n@mixin label-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-label-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-label-line-height);\n}\n\n@mixin description-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-description-default);\n  font-family: \"TT Norms Pro\", sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  font-weight: 450;\n  line-height: var(--form-description-line-height);\n}\n\n@mixin text-container-styles() {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n\n@mixin input-container-styles() {\n  position: relative;\n  color: var(--components-form-shape-foreground-default);\n\n  &:has(input[type=\"checkbox\"]:disabled:not([readonly])) {\n    color: var(--components-form-shape-foreground-disabled);\n  }\n}\n\n@mixin input-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-toggle-width);\n  height: var(--form-toggle-height);\n  flex-direction: column;\n  align-items: flex-start;\n  border-radius: var(--form-toggle-radius);\n  border-width: var(--form-toggle-border-width);\n  border-style: solid;\n  border-color: var(--components-form-field-border-default);\n  background: var(--components-form-field-background-default);\n\n  &::after {\n    content: '';\n    display: block;\n    width: var(--form-toggle-switch-dot-default);\n    height: var(--form-toggle-switch-dot-default);\n    background-color: var(--components-form-shape-foreground-switch-dot);\n    border-radius: var(--radius-rounded-full);\n    position: absolute;\n    top: 50%;\n    left: 25%;\n    transform: translate(-50%, -50%);\n  }\n\n  &:hover {\n    border-color: var(--components-form-field-border-hover);\n  }\n\n  &:focus {\n    border-color: var(--components-form-field-border-default);\n  }\n\n  @include focus-ring();\n\n  &:checked {\n    background: var(--components-form-field-background-checked);\n    border-color: var(--components-form-field-background-checked);\n\n    &::after {\n      content: '';\n      display: block;\n      width: var(--form-toggle-switch-dot-default);\n      height: var(--form-toggle-switch-dot-default);\n      background-color: var(--components-form-shape-foreground-default);\n      border-radius: var(--radius-rounded-full);\n      position: absolute;\n      top: 50%;\n      left: 75%;\n      transform: translate(-50%, -50%);\n    }\n\n    &:focus {\n      background: var(--components-form-field-background-checked);\n      border-color: var(--components-form-field-border-focus);\n    }\n  }\n\n  &:disabled:not([readonly]) {\n    box-shadow: unset;\n    background: var(--components-form-field-background-disabled);\n    border-color: var(--components-form-field-border-default);\n\n    &:checked {\n      &::after {\n        background-color: var(--components-form-shape-foreground-disabled);\n      }\n    }\n  }\n}\n\nnv-toggle {\n  @include root-styles();\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\n\n  &[disabled] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    // opacity: var(--components-form-opacity-disabled); Error: Invalid value for --components-form-opacity-disabled (expected a <number> but got \"50px\")\n    opacity: 0.5;\n  }\n  label {\n    @include label-styles();\n\n    &.visually-hidden {\n      @include utils.visually-hidden();\n    }\n  }\n\n  .input-container {\n    @include input-container-styles();\n\n    input[type=\"checkbox\"] {\n      @include input-styles();\n    }\n  }\n\n  .description {\n    @include description-styles();\n  }\n\n  .text-container {\n    @include text-container-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { type LabelPlacement } from '../../utils/constants';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n */\n@Component({\n  tag: 'nv-toggle',\n  styleUrl: 'nv-toggle.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvToggle {\n  @Element() el!: HTMLNvToggleElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the radio button’s input element and the for attribute of\n   * the associated label. If no ID is provided, a random one will be\n   * automatically generated to ensure unique identification, facilitating\n   * proper label association and accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * The name attribute for the toggle input, used to reference the form data\n   * after submission.\n   */\n  @Prop({ reflect: true })\n  readonly name?: string;\n\n  /**\n   * The value attribute of the toggle input, representing the value sent on\n   * form submission when the toggle is checked.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /** The label displayed next to the toggle.*/\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Determines the position of the label relative to the toggle, either\n   * 'start' (before) or 'end' (after).\n   */\n  @Prop({ reflect: true })\n  readonly labelPlacement: `${LabelPlacement}`;\n\n  /**\n   * Hides the label visually while still keeping it available for screen\n   * readers.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * A description providing additional context or information about the\n   * toggle.\n   */\n  @Prop({ reflect: true })\n  readonly description?: string;\n\n  /** Indicates whether the toggle is checked or not. */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /** Disables the toggle, preventing user interaction. */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the toggle to read-only, preventing user changes but still allowing\n   * focus and selection of text.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the checked state changes.\n   * @bind checked\n   */\n  @Event()\n  checkedChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Watches for changes to the checked state and emits the new value.\n   * @param {boolean} checked - The new value of the checked state.\n   */\n  @Watch('checked')\n  onCheckedChanged(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  /**\n   * Listens for the change event on the toggle input element and updates the checked state.\n   * the checked state of the host elements.\n   * @param {Event} event - The change event.\n   */\n  @Listen('change')\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    if (target.type === 'checkbox' && target.id === this.inputId) {\n      if (this.readonly || this.disabled) {\n        event.preventDefault();\n        return;\n      }\n\n      this.checked = target.checked;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.labelPlacement === 'before' && 'label-placement-before',\n        )}\n      >\n        <div class=\"input-container\">\n          <input\n            type=\"checkbox\"\n            id={this.inputId}\n            name={this.name}\n            autocomplete=\"off\"\n            value={this.value}\n            checked={Boolean(this.checked)}\n            disabled={this.disabled || this.readonly}\n            readonly={this.readonly}\n          />\n        </div>\n\n        <div class=\"text-container\">\n          {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n            <label\n              htmlFor={this.inputId}\n              class={clsx(this.hideLabel && 'visually-hidden')}\n            >\n              <slot name=\"label\">{this.label}</slot>\n            </label>\n          )}\n\n          {(this.description ||\n            this.el.querySelector('[slot=\"description\"]')) && (\n            <div class=\"description\">\n              <slot name=\"description\">{this.description}</slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"wIAAA,MAAMA,EAAc,goHACpB,MAAAC,EAAeD,E,MCyBFE,EAAQ,MANrB,WAAAC,CAAAC,G,yDAmBWC,KAAAC,QAAkBC,IAgClBF,KAAAG,UAAqB,MAW9BH,KAAAI,QAAmB,MAIVJ,KAAAK,SAAoB,MAOpBL,KAAAM,SAAoB,K,CAsB7B,gBAAAC,CAAiBH,GACfJ,KAAKQ,eAAeC,KAAKL,E,CAS3B,YAAAM,CAAaC,GACX,MAAMC,EAASD,EAAMC,OAErB,GAAIA,EAAOC,OAAS,YAAcD,EAAOE,KAAOd,KAAKC,QAAS,CAC5D,GAAID,KAAKM,UAAYN,KAAKK,SAAU,CAClCM,EAAMI,iBACN,M,CAGFf,KAAKI,QAAUQ,EAAOR,O,EAQ1B,MAAAY,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAOC,EACLrB,KAAKsB,iBAAmB,UAAY,2BAGtCL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,SAAAE,IAAA,2CACEN,KAAK,WACLC,GAAId,KAAKC,QACTsB,KAAMvB,KAAKuB,KACXC,aAAa,MACbC,MAAOzB,KAAKyB,MACZrB,QAASsB,QAAQ1B,KAAKI,SACtBC,SAAUL,KAAKK,UAAYL,KAAKM,SAChCA,SAAUN,KAAKM,YAInBW,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACPpB,KAAK2B,OAAS3B,KAAK4B,GAAGC,cAAc,oBACpCZ,EAAA,SAAAE,IAAA,2CACEW,QAAS9B,KAAKC,QACdmB,MAAOC,EAAKrB,KAAKG,WAAa,oBAE9Bc,EAAA,QAAAE,IAAA,2CAAMI,KAAK,SAASvB,KAAK2B,SAI3B3B,KAAK+B,aACL/B,KAAK4B,GAAGC,cAAc,0BACtBZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,eAAevB,KAAK+B,e","ignoreList":[]}

package/dist/types/components/nv-base/nv-base.docs.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    component: "nv-base";
+    component: string;
     skip: true;
 };
 export default _default;

package/dist/types/components/nv-datagrid/nv-datagrid.d.ts

@@ -74,6 +74,12 @@ export declare class NvDatagrid {
      * @default false
      */
     readonly enableGlobalFilter: boolean;
+    /**
+     * Whether to automatically generate columns if none are provided.
+     * If columns are explicitly set, this property is ignored.
+     * @default false
+     */
+    readonly autoGenerateColumns: boolean;
     /****************************************************************************/
     /**
      * Caches templates for cells and headers upfront to improve performance.

package/dist/types/components/nv-dialog/nv-dialog.d.ts

@@ -58,7 +58,7 @@ export declare class NvDialog {
     /**
      * Call this method to hide the dialog, making it disappear from view.
      */
-    hide(): Promise<void>;
+    close(): Promise<void>;
     /**
      * Handles the close button click.
      */
@@ -87,10 +87,11 @@ export declare class NvDialog {
     /****************************************************************************/
     /**
      * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.
+     * @bind open
      */
-    close: EventEmitter<void>;
+    openChanged: EventEmitter<boolean>;
     /**
-     * Handles the dialog close event.
+     * Handles the native dialog close event.
      */
     private handleDialogClose;
     /**

package/dist/types/components/nv-dialogfooter/nv-dialogfooter.d.ts

@@ -49,11 +49,11 @@ export declare class NvDialogfooter {
     /**
      * Emitted when the cancel button is clicked. This will close the dialog.
      */
-    nvDialogCanceled: EventEmitter<void>;
+    dialogCanceled: EventEmitter<void>;
     /**
      * Emitted when the primary button is clicked. This allows to handle the primary action and potential data capture before closing the dialog.
      */
-    nvDialogPrimaryClicked: EventEmitter<void>;
+    dialogPrimaryClicked: EventEmitter<void>;
     /****************************************************************************/
     /**
      * Handles the primary action when the primary button is clicked.

package/dist/types/components/nv-fielddropdown/nv-fielddropdown.d.ts

@@ -164,11 +164,6 @@ export declare class NvFielddropdown {
      * @returns {string} The filter text.
      */
     getFilterText(): Promise<string>;
-    /**
-     * Set the initial selection based on the current value and update the
-     * inputElement value.
-     */
-    private setInitialSelection;
     private handleInputContainerClick;
     private handleInput;
     /**
@@ -181,10 +176,9 @@ export declare class NvFielddropdown {
     private handleInputFocus;
     private togglePopover;
     private updateHighlightedItem;
-    private focusFirstItem;
-    private updateSelectedItem;
     private getSelectedLabel;
     private clearFilter;
+    private updateSelectedItem;
     /****************************************************************************/
     componentWillLoad(): void;
     componentDidLoad(): void;

package/dist/types/components/nv-fielddropdownitem/nv-fielddropdownitem.d.ts

@@ -13,7 +13,7 @@ export declare class NvFielddropdownitem {
     /**
      * Indicates if the item is selected.
      */
-    selected: boolean;
+    readonly selected: boolean;
     /**
      * Value associated with the item. This is recommended and required for proper
      * form management.
@@ -38,17 +38,12 @@ export declare class NvFielddropdownitem {
         label?: string;
         /** The value associated with the item. */
         value: string;
-        /** Indicates if the item is selected. */
-        selected: boolean;
-        /** Disables the item, preventing any user interaction. */
-        disabled: boolean;
     }>;
     handleKeyDown(event: KeyboardEvent): void;
     /****************************************************************************/
     private handleSelected;
     /****************************************************************************/
     componentWillLoad(): void;
-    componentDidLoad(): void;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts

@@ -275,7 +275,7 @@ export declare class NvFieldmultiselect {
      * Filter multiselect items in slots mode
      */
     private filterSlotsItems;
-    /**x
+    /**
      * Handle badge close for options mode.
      */
     private handleBadgeCloseOptions;

package/dist/types/components/nv-icon/nv-icons.d.ts

@@ -1,3 +1,3 @@
 /** Available icons */
-export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-move", "aspect-ratio", "atom", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "helicopter", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
+export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-move", "aspect-ratio", "atom", "badge-theme", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame-66", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "helicopter", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "iaccess-point-off", "iaccess-point", "iaccessible", "iactivity", "iaddress-book", "iadjustments-horizontal", "iadjustments-up", "iadjustments", "iaffiliate", "iair-conditioning", "ialert-circle", "ialign-center", "ialign-left", "ialign-right", "iapp-window", "iapps", "iarchive", "iareas", "iarrow-back-up", "iarrow-back", "iarrow-down-left", "iarrow-down-right", "iarrow-down", "iarrow-forward-up", "iarrow-forward", "iarrow-left", "iarrow-right", "iarrow-up-left", "iarrow-up-right", "iarrow-up", "iarrows-exchange", "iarrows-move", "iaspect-ratio", "iatom", "ibasket", "ibattery-1", "ibattery-2", "ibattery-3", "ibattery-4", "ibattery-automotive", "ibattery-charging", "ibattery-eco", "ibattery-off", "ibattery", "ibell-off", "ibell-ringing", "ibell", "ibike", "ibluetooth-connected", "ibluetooth-off", "ibluetooth", "ibolt", "ibook", "ibookmark-off", "ibookmark", "ibookmarks", "ibox-align-top", "ibox-multiple", "ibriefcase", "ibrightness-down", "ibrightness-up", "ibrowser-check", "ibrowser-plus", "ibrowser-x", "ibrowser", "ibrush", "ibuilding-bank", "ibuilding-factory", "ibuilding-lighthouse", "ibuilding-store", "ibuilding", "ibulb-off", "ibulb", "icake", "icalendar-time", "icalendar", "icamera-off", "icamera", "icar-crane", "icar", "icaravan", "icash-banknote", "icash", "icast", "icell", "icharging-pile", "ichart-arcs", "ichart-area-line", "ichart-area", "ichart-arrows-vertical", "ichart-arrows", "ichart-bar", "ichart-bubble", "ichart-circles", "ichart-donut", "ichart-dots", "ichart-line", "ichart-pie", "ichart-radar", "icheck", "icheckbox", "ichecklist", "ichecks", "ichevron-down", "ichevron-left", "ichevron-right", "ichevron-top", "ichevrons-left", "ichevrons-right", "icircle-caret-right", "icircle-check", "icircle-x", "icircuit-alternate", "icircuit-ground-digital", "iclipboard-check", "iclipboard-list", "iclipboard-plus", "iclipboard-text", "iclipboard-x", "iclipboard", "iclock-edit", "iclock", "icloud-data-connection", "icloud-download", "icloud-rain", "icloud-snow", "icloud-upload", "icloud", "icolor-picker", "icolor-swatch", "icompass", "icontract", "icopy", "icpu", "icrane", "icredit-card", "icrop", "icross", "icrown", "icurrency-bitcoin", "icurrency-dollar", "icurrency-ethereum", "icurrency-euro", "icut", "idashboard", "idatabase", "idevice-desktop", "idevice-floppy", "idevice-gamepad", "idevice-laptop", "idevice-mobile-rotated", "idevice-mobile", "idevice-tablet", "idevice-watch", "idevices", "idialpad", "idirection-horizontal", "idirection-sign", "idirection", "idiscount", "idoor-enter", "idoor-exit", "idoor-off", "idots-vertical", "idots", "idownload", "idrone", "idroplet-filled", "idroplet-half", "idroplet", "idroplets", "iedit", "iengine", "iexternal-link", "ieye-off", "ieye", "iface-id", "ifeather", "ifile-alert", "ifile-analytics", "ifile-check", "ifile-code", "ifile-download", "ifile-export", "ifile-horizontal", "ifile-import", "ifile-plus", "ifile-search", "ifile-text-bookmark", "ifile-text", "ifile-type-bmp", "ifile-type-css", "ifile-type-csv", "ifile-type-doc", "ifile-type-html", "ifile-type-jpg", "ifile-type-js", "ifile-type-pdf", "ifile-type-png", "ifile-type-ppt", "ifile-type-xls", "ifile-type-xml", "ifile-type-zip", "ifile-upload", "ifile-x", "ifile-zip", "ifile", "ifiles-off", "ifiles", "ifilter-off", "ifilter-sort", "ifilter", "ifingerprint", "ifire-extinguisher", "iflag", "iflame", "iflip-horizontal", "iflip-vertical", "ifolder-minus", "ifolder-off", "ifolder-plus", "ifolder-x", "ifolder", "ifolders", "iframe", "igas-station", "igauge-off", "igauge", "igift", "igps", "igrid-dots", "igrip-horizontal", "igrip-vertical", "ihand-stop", "ihand-waving", "ihash", "ihaze", "iheadphones-off", "iheadphones", "iheadset", "ihelicopter", "ihelp", "ihistory", "ihome", "ihourglass-empty", "ihourglass-high", "ihourglass-low", "ihourglass-off", "ihourglass", "iinbox", "iinfo-circle", "ikeyboard-hide", "ikeyboard-show", "ikeyboard", "ilayout-board-split", "ilayout-dashboard", "ilayout-grid", "ilayout-sidebar-left-collapse", "ilayout-sidebar-left-expand", "ilayout-sidebar-right-collapse", "ilayout-sidebar-right-expand", "ilayout", "ileaf", "ilifebuoy", "ilink", "ilist-search", "ilist", "iloader", "ilocation", "ilock-off", "ilock-open", "ilock", "ilogin", "ilogout", "imail-forward", "imail-opened", "imail", "imap-pin-off", "imap-pin", "imap", "imenu", "imessage-dots", "imessage-off", "imessage", "imessages", "imicrophone-off", "imicrophone", "iminus", "imist", "imoon", "imotorbike", "imouse", "imovie", "inbox", "inetwork", "inews", "info-circle", "inote", "inotebook", "inotes", "ioffshore-station", "ipackage", "ipalette", "ipaperclip", "ipencil", "iphone-call", "iphone-calling", "iphone-check", "iphone-incoming", "iphone-off", "iphone-outgoing", "iphone", "iphoto-off", "iphoto", "ipig", "ipin", "ipinned-off", "ipinned", "iplane-off", "iplane", "iplant", "iplayer-pause", "iplayer-play", "iplayer-skip-back", "iplayer-skip-forward", "iplayer-stop", "iplayer-track-next", "iplayer-track-prev", "iplug-connected", "iplug", "iplus", "ipower-ac", "ipower-dc", "ipower", "ipresentation-analytics", "ipresentation", "iprinter", "ipropeller", "ipublished", "ipuzzle-2", "ipuzzle", "ipylon", "iqrcode", "iradar", "iradio", "iradioactive", "ireceipt-dollar", "ireceipt-euro", "ireceipt", "irecharging", "irecycle", "irefresh-alert", "irefresh", "irepeat-once", "irepeat", "ireplace", "ireport-analytics", "ireport-medical", "ireport-search", "ireport", "iripple-off", "iripple", "irocket", "irotate-2", "irotate-clockwise-2", "irotate-clockwise", "irotate-dot", "irotate", "irouter", "iruler-measure", "isatellite", "iscale", "ischool", "iscissors", "iscooter-electric", "iscreenshot", "isearch", "iseeding", "iselect", "iselector", "isend", "iserver", "isettings", "ishape", "ishare-2", "ishare", "ishield-check", "ishield-lock", "ishield-off", "ishield-x", "ishield", "iship-off", "iship", "ishopping-cart", "islash", "ismart-home", "isnowflake", "isolar-panel", "isort-ascending-letters", "isort-ascending-numbers", "isort-descending-letters", "isort-descending-numbers", "ispacing-horizontal", "ispacing-vertical", "ispeakerphone", "istack", "istairs", "istar", "isun", "isunrise", "isunset", "iswitch-horizontal", "iswitch-vertical", "itable", "itag", "itank-empty-fill", "itank-full-fill", "itank-medium-fill", "itemperature-off", "itemperature", "itemplate", "iterminal", "itext-size", "itext", "ithumb-down", "ithumb-up", "iticket", "itimeline", "itir", "itool", "itools", "itrain", "itrash-off", "itrash", "itree", "itrees", "itruck-delivery", "itruck", "iumbrella", "iunlink", "iupload", "iuser-circle", "iuser-minus", "iuser-plus", "iuser-worker", "iuser", "iusers", "iversions", "ivideo-minus", "ivideo-off", "ivideo-plus", "ivideo", "ivolume-2", "ivolume-3", "ivolume", "iwallet", "iwand", "iwave", "iwaves", "iwifi-off", "iwifi", "iwind-direction", "iwind", "iwindmill", "iwood", "iworld", "iwriting", "ix", "izoom-reset", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "sizesm", "sizexl", "slash", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
 export type IconName = (typeof iconNames)[number];

package/dist/types/components.d.ts

@@ -360,6 +360,15 @@ export namespace Components {
      * @experimental - This component is still under development and is not ready for use.
      */
     interface NvDatagrid {
+        /**
+          * Whether to automatically generate columns if none are provided. If columns are explicitly set, this property is ignored.
+          * @default false
+         */
+        "autoGenerateColumns": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "auto-generate-columns"?: boolean;
         /**
           * The columns to display in the data grid.
           * @example [  {"header":"Name","accessor":"name"},  {"header":"Age","accessor":"age"},  {"header":"Email","accessor":"email"} ]
@@ -446,6 +455,10 @@ export namespace Components {
          * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
          */
         "click-outside"?: boolean;
+        /**
+          * Call this method to hide the dialog, making it disappear from view.
+         */
+        "close": () => Promise<void>;
         /**
           * If true, the dialog visibility is managed manually through methods or the open prop.
          */
@@ -456,10 +469,6 @@ export namespace Components {
          */
         "full": boolean;
         "headerElement": Element;
-        /**
-          * Call this method to hide the dialog, making it disappear from view.
-         */
-        "hide": () => Promise<void>;
         /**
           * Use this prop to toggle the visibility of the dialog. Set to true to show the dialog and false to hide it.
          */
@@ -2466,7 +2475,7 @@ declare global {
         new (): HTMLNvDatagridcolumnElement;
     };
     interface HTMLNvDialogElementEventMap {
-        "close": void;
+        "openChanged": boolean;
     }
     interface HTMLNvDialogElement extends Components.NvDialog, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvDialogElementEventMap>(type: K, listener: (this: HTMLNvDialogElement, ev: NvDialogCustomEvent<HTMLNvDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2483,8 +2492,8 @@ declare global {
         new (): HTMLNvDialogElement;
     };
     interface HTMLNvDialogfooterElementEventMap {
-        "nvDialogCanceled": void;
-        "nvDialogPrimaryClicked": void;
+        "dialogCanceled": void;
+        "dialogPrimaryClicked": void;
     }
     interface HTMLNvDialogfooterElement extends Components.NvDialogfooter, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvDialogfooterElementEventMap>(type: K, listener: (this: HTMLNvDialogfooterElement, ev: NvDialogfooterCustomEvent<HTMLNvDialogfooterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2586,10 +2595,6 @@ declare global {
     label?: string;
     /** The value associated with the item. */
     value: string;
-    /** Indicates if the item is selected. */
-    selected: boolean;
-    /** Disables the item, preventing any user interaction. */
-    disabled: boolean;
   };
     }
     interface HTMLNvFielddropdownitemElement extends Components.NvFielddropdownitem, HTMLStencilElement {
@@ -3331,6 +3336,15 @@ declare namespace LocalJSX {
      * @experimental - This component is still under development and is not ready for use.
      */
     interface NvDatagrid {
+        /**
+          * Whether to automatically generate columns if none are provided. If columns are explicitly set, this property is ignored.
+          * @default false
+         */
+        "autoGenerateColumns"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "auto-generate-columns"?: boolean;
         /**
           * The columns to display in the data grid.
           * @example [  {"header":"Name","accessor":"name"},  {"header":"Age","accessor":"age"},  {"header":"Email","accessor":"email"} ]
@@ -3431,8 +3445,9 @@ declare namespace LocalJSX {
         "full"?: boolean;
         /**
           * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.
+          * @bind open
          */
-        "onClose"?: (event: NvDialogCustomEvent<void>) => void;
+        "onOpenChanged"?: (event: NvDialogCustomEvent<boolean>) => void;
         /**
           * Use this prop to toggle the visibility of the dialog. Set to true to show the dialog and false to hide it.
          */
@@ -3474,11 +3489,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when the cancel button is clicked. This will close the dialog.
          */
-        "onNvDialogCanceled"?: (event: NvDialogfooterCustomEvent<void>) => void;
+        "onDialogCanceled"?: (event: NvDialogfooterCustomEvent<void>) => void;
         /**
           * Emitted when the primary button is clicked. This allows to handle the primary action and potential data capture before closing the dialog.
          */
-        "onNvDialogPrimaryClicked"?: (event: NvDialogfooterCustomEvent<void>) => void;
+        "onDialogPrimaryClicked"?: (event: NvDialogfooterCustomEvent<void>) => void;
         /**
           * Sets the type of the primary button.
          */
@@ -4070,10 +4085,6 @@ declare namespace LocalJSX {
     label?: string;
     /** The value associated with the item. */
     value: string;
-    /** Indicates if the item is selected. */
-    selected: boolean;
-    /** Disables the item, preventing any user interaction. */
-    disabled: boolean;
   }>) => void;
         /**
           * Indicates if the item is selected.

package/dist/types/nova-docs.d.ts

@@ -72,6 +72,12 @@ export interface NovaDocsGeneric<T> {
        * object above (optional)
        */
       template: JSX.Element;
+
+      /**
+       * Skips rendering the source code for the story, useful for very long
+       * lists of elements that demo the component, and improves performance
+       */
+      disableSource?: boolean;
     } & StoryDescription<T>
   >;
 }