@nova-design-system/nova-webcomponents 3.20.0 → 3.21.0

package/dist/native/{p-445221dc.entry.js → p-c4baad6e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as t,H as n,g as a}from"./p-3060df80.js";import{c as r}from"./p-8a1a6e56.js";import{v as i}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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);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-toggle-border-default);background:var(--components-toggle-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-toggle-shape-default);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-toggle-border-hover)}nv-toggle .input-container input[type=checkbox]:hover::after{background-color:var(--components-toggle-shape-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:focus::after{background-color:var(--components-toggle-shape-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-toggle-background-default-checked);border-color:var(--components-toggle-border-default-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-toggle-shape-default-checked);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-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-toggle-background-disabled);border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked{background:var(--components-toggle-background-disabled-checked);border-color:var(--components-toggle-border-disabled-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-toggle-shape-disabled-checked)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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=i();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:"65222149af4edb9f8fd2da7efe9a01e15dec4722",class:r(this.labelPlacement==="before"&&"label-placement-before")},t("div",{key:"7edd5587281b5610269f1ac09826ce379abfae24",class:"input-container"},t("input",{key:"30d3db3cbdc263259a5ba1bf8e637225c4db3b4a",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:"a8a6d3c2774560b7d43cda75882d90cc564f4c54",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"fe980a07df4901081fda42df758236da0b8a11d0",htmlFor:this.inputId,class:r(this.hideLabel&&"visually-hidden")},t("slot",{key:"723cec5914c6c0bed7e14e61e2f64e83c8e8b7b8",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"f811065ed06f0816d8f0f1f65d4c659cbde3f683",class:"description"},t("slot",{key:"541946e3f33a315bf667999c30a44fd93fc5f07f",name:"description"},this.description))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};s.style=l;export{s as nv_toggle};
-//# sourceMappingURL=p-445221dc.entry.js.map
+import{r as e,c as o,h as t,H as n,g as a}from"./p-3060df80.js";import{c as r}from"./p-8a1a6e56.js";import{v as i}from"./p-f5ff676c.js";const l='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:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);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-toggle-border-default);background:var(--components-toggle-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-toggle-shape-default);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-toggle-border-hover)}nv-toggle .input-container input[type=checkbox]:hover::after{background-color:var(--components-toggle-shape-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:focus::after{background-color:var(--components-toggle-shape-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-toggle-background-default-checked);border-color:var(--components-toggle-border-default-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-toggle-shape-default-checked);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-toggle-background-default-checked);border-color:var(--components-toggle-border-default-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-toggle-background-disabled);border-color:var(--components-toggle-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked{background:var(--components-toggle-background-disabled-checked);border-color:var(--components-toggle-border-disabled-checked)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-toggle-shape-disabled-checked)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), 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 c=l;const s=class{constructor(t){e(this,t);this.checkedChanged=o(this,"checkedChanged",7);this.inputId=i();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:"8e5b801ed4263b02b9b00628e94de448986eca98",class:r(this.labelPlacement==="before"&&"label-placement-before")},t("div",{key:"b25ed406fae37d41f1c1fbe4234ded3f94db14b0",class:"input-container"},t("input",{key:"5a98b81705597f2a115517b6031289ee9be54bda",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:"89366dfe5c0106d7e28a858745941f0358220ce7",class:"text-container"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"3f0192378adbd8d5d5f5f5684d1e929462d7832b",htmlFor:this.inputId,class:r(this.hideLabel&&"visually-hidden")},t("slot",{key:"ee95958740e62af025bc4a456fe1b9f12b9aac71",name:"label"},this.label)),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"eee5a91ccbe1eed1d2ce41c0ce08cf8b49440501",class:"description"},t("slot",{key:"a925c57db61229d032412e315ff1f738a479b090",name:"description"},this.description))))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{checked:["onCheckedChanged"]}}};s.style=c;export{s as nv_toggle};
+//# sourceMappingURL=p-c4baad6e.entry.js.map

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

@@ -55,6 +55,11 @@ export declare class NvButton {
      * Matches the native HTML button 'form' attribute behavior.
      */
     readonly form: string;
+    /**
+     * Use this to make the button skip-able when users navigate with the keyboard.
+     * The button remains clickable but won’t be reached via the Tab key.
+     */
+    readonly disableTabindex: boolean;
     /****************************************************************************/
     /**
      * Handles button click events, managing form actions and disabled states.

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

@@ -7,6 +7,8 @@ import { GlobalFilterPosition } from '../../utils/constants';
  * @slot default - Use this slot to insert HTML into the data grid content.
  * @slot before - Use this slot to insert HTML before the data grid.
  * @slot after - Use this slot to insert HTML after the data grid.
+ *
+ * @deprecated Please use the datatable instead
  */
 export declare class NvDatagrid {
     el: HTMLNvDatagridElement;

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", "alert-square-rounded", "alert-triangle", "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-diagonal", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-bolt", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "brand-facebook", "brand-instagram", "brand-linkedin", "brand-x", "brand-youtube", "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", "collapse-close", "collapse-open", "color-picker", "color-swatch", "columns-1", "columns-2", "columns-3", "compass", "contract", "cookie", "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", "empty", "engine", "equal-not", "eraser-off", "eraser", "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", "git-branch-delete", "git-branch", "git-cherry-pick", "git-commit", "git-compare", "git-fork", "git-merge", "git-pull-request-closed", "git-pull-request-draft", "git-pull-request", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "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-2", "map-pin-off", "map-pin", "map", "master-data", "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", "quotes-open", "quotes", "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", "sailboat", "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", "sparkles", "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-exclamation", "user-minus", "user-off", "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-code", "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", "alert-square-rounded", "alert-triangle", "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-diagonal", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-bolt", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "brand-facebook", "brand-instagram", "brand-linkedin", "brand-x", "brand-youtube", "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", "columns-1", "columns-2", "columns-3", "compass", "contract", "cookie", "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", "empty", "engine", "equal-not", "eraser-off", "eraser", "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", "git-branch-delete", "git-branch", "git-cherry-pick", "git-commit", "git-compare", "git-fork", "git-merge", "git-pull-request-closed", "git-pull-request-draft", "git-pull-request", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "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-2", "map-pin-off", "map-pin", "map", "master-data", "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", "quotes-open", "quotes", "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", "sailboat", "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", "sitemap", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "sparkles", "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-exclamation", "user-minus", "user-off", "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-code", "world", "writing", "x", "zoom-reset"];
 export type IconName = (typeof iconNames)[number];

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

@@ -52,6 +52,11 @@ export declare class NvIconbutton {
      * Sets the shape of the button. Choose between square and rounded.
      */
     readonly shape: `${IconButtonShape}`;
+    /**
+     * Use this to make the button skip-able when users navigate with the keyboard.
+     * The button remains clickable but won’t be reached via the Tab key.
+     */
+    readonly disableTabindex: boolean;
     /****************************************************************************/
     /**
      * Handles form-related actions when the button is clicked.

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @slot default - Child content of the component.
+ */
+export declare class NvTableheader {
+    /****************************************************************************/
+    /**
+     * Will render the header as sortable with the corresponding icon button.
+     * Allows the header to be tabbed, and trigger sorting via click or keyboard
+     * navigation
+     */
+    readonly sortable: boolean;
+    /**
+     * The current sort direction of the header. Will be 'none' if the header is
+     * not sortable or if the sort direction is not set.
+     */
+    sortDirection: 'none' | 'asc' | 'desc';
+    /****************************************************************************/
+    private cycleSortDirection;
+    private handleKeyDown;
+    get ariaSort(): "none" | "ascending" | "descending";
+    /****************************************************************************/
+    /****************************************************************************/
+    /****************************************************************************/
+    /**
+     * Event emitted when the sort direction changes. Payload is the new sort
+     * direction.
+     */
+    sortDirectionChanged: EventEmitter<string>;
+    /****************************************************************************/
+    render(): any;
+}

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

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvTableheaderDocs: NovaDocs<Components.NvTableheader>;
+export default NvTableheaderDocs;

package/dist/types/components.d.ts

@@ -284,6 +284,14 @@ export namespace Components {
           * Applies styling that visually indicates the button represents a dangerous action.
          */
         "danger": boolean;
+        /**
+          * Use this to make the button skip-able when users navigate with the keyboard. The button remains clickable but won’t be reached via the Tab key.
+         */
+        "disableTabindex": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "disable-tabindex"?: boolean;
         /**
           * Disables the button, preventing user interaction.
          */
@@ -474,6 +482,7 @@ export namespace Components {
     }
     /**
      * A flexible data grid component powered by `@tanstack/table-core`.
+     * @deprecated Please use the datatable instead
      */
     interface NvDatagrid {
         /**
@@ -2407,6 +2416,14 @@ export namespace Components {
           * Makes the button look active when it’s within a compatible component like a button group.
          */
         "active": boolean;
+        /**
+          * Use this to make the button skip-able when users navigate with the keyboard. The button remains clickable but won’t be reached via the Tab key.
+         */
+        "disableTabindex": boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "disable-tabindex"?: boolean;
         /**
           * Disables the button, preventing user interaction.
          */
@@ -2763,6 +2780,20 @@ export namespace Components {
     }
     interface NvTable {
     }
+    interface NvTableheader {
+        /**
+          * The current sort direction of the header. Will be 'none' if the header is not sortable or if the sort direction is not set.
+         */
+        "sortDirection": 'none' | 'asc' | 'desc';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "sort-direction"?: 'none' | 'asc' | 'desc';
+        /**
+          * Will render the header as sortable with the corresponding icon button. Allows the header to be tabbed, and trigger sorting via click or keyboard navigation
+         */
+        "sortable": boolean;
+    }
     interface NvToggle {
         /**
           * Indicates whether the toggle is checked or not.
@@ -3001,6 +3032,10 @@ export interface NvSplitCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvSplitElement;
 }
+export interface NvTableheaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNvTableheaderElement;
+}
 export interface NvToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNvToggleElement;
@@ -3196,6 +3231,7 @@ declare global {
     }
     /**
      * A flexible data grid component powered by `@tanstack/table-core`.
+     * @deprecated Please use the datatable instead
      */
     interface HTMLNvDatagridElement extends Components.NvDatagrid, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNvDatagridElementEventMap>(type: K, listener: (this: HTMLNvDatagridElement, ev: NvDatagridCustomEvent<HTMLNvDatagridElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3695,6 +3731,23 @@ declare global {
         prototype: HTMLNvTableElement;
         new (): HTMLNvTableElement;
     };
+    interface HTMLNvTableheaderElementEventMap {
+        "sortDirectionChanged": string;
+    }
+    interface HTMLNvTableheaderElement extends Components.NvTableheader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNvTableheaderElementEventMap>(type: K, listener: (this: HTMLNvTableheaderElement, ev: NvTableheaderCustomEvent<HTMLNvTableheaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNvTableheaderElementEventMap>(type: K, listener: (this: HTMLNvTableheaderElement, ev: NvTableheaderCustomEvent<HTMLNvTableheaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNvTableheaderElement: {
+        prototype: HTMLNvTableheaderElement;
+        new (): HTMLNvTableheaderElement;
+    };
     interface HTMLNvToggleElementEventMap {
         "checkedChanged": boolean;
     }
@@ -3812,6 +3865,7 @@ declare global {
         "nv-split": HTMLNvSplitElement;
         "nv-stack": HTMLNvStackElement;
         "nv-table": HTMLNvTableElement;
+        "nv-tableheader": HTMLNvTableheaderElement;
         "nv-toggle": HTMLNvToggleElement;
         "nv-togglebutton": HTMLNvTogglebuttonElement;
         "nv-togglebuttongroup": HTMLNvTogglebuttongroupElement;
@@ -4107,6 +4161,14 @@ declare namespace LocalJSX {
           * Applies styling that visually indicates the button represents a dangerous action.
          */
         "danger"?: boolean;
+        /**
+          * Use this to make the button skip-able when users navigate with the keyboard. The button remains clickable but won’t be reached via the Tab key.
+         */
+        "disableTabindex"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "disable-tabindex"?: boolean;
         /**
           * Disables the button, preventing user interaction.
          */
@@ -4306,6 +4368,7 @@ declare namespace LocalJSX {
     }
     /**
      * A flexible data grid component powered by `@tanstack/table-core`.
+     * @deprecated Please use the datatable instead
      */
     interface NvDatagrid {
         /**
@@ -6362,6 +6425,14 @@ declare namespace LocalJSX {
           * Makes the button look active when it’s within a compatible component like a button group.
          */
         "active"?: boolean;
+        /**
+          * Use this to make the button skip-able when users navigate with the keyboard. The button remains clickable but won’t be reached via the Tab key.
+         */
+        "disableTabindex"?: boolean;
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "disable-tabindex"?: boolean;
         /**
           * Disables the button, preventing user interaction.
          */
@@ -6703,6 +6774,24 @@ declare namespace LocalJSX {
     }
     interface NvTable {
     }
+    interface NvTableheader {
+        /**
+          * Event emitted when the sort direction changes. Payload is the new sort direction.
+         */
+        "onSortDirectionChanged"?: (event: NvTableheaderCustomEvent<string>) => void;
+        /**
+          * The current sort direction of the header. Will be 'none' if the header is not sortable or if the sort direction is not set.
+         */
+        "sortDirection"?: 'none' | 'asc' | 'desc';
+        /**
+         * @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
+         */
+        "sort-direction"?: 'none' | 'asc' | 'desc';
+        /**
+          * Will render the header as sortable with the corresponding icon button. Allows the header to be tabbed, and trigger sorting via click or keyboard navigation
+         */
+        "sortable"?: boolean;
+    }
     interface NvToggle {
         /**
           * Indicates whether the toggle is checked or not.
@@ -6894,6 +6983,7 @@ declare namespace LocalJSX {
         "nv-split": NvSplit;
         "nv-stack": NvStack;
         "nv-table": NvTable;
+        "nv-tableheader": NvTableheader;
         "nv-toggle": NvToggle;
         "nv-togglebutton": NvTogglebutton;
         "nv-togglebuttongroup": NvTogglebuttongroup;
@@ -6920,6 +7010,7 @@ declare module "@stencil/core" {
             "nv-col": LocalJSX.NvCol & JSXBase.HTMLAttributes<HTMLNvColElement>;
             /**
              * A flexible data grid component powered by `@tanstack/table-core`.
+             * @deprecated Please use the datatable instead
              */
             "nv-datagrid": LocalJSX.NvDatagrid & JSXBase.HTMLAttributes<HTMLNvDatagridElement>;
             "nv-datagridcolumn": LocalJSX.NvDatagridcolumn & JSXBase.HTMLAttributes<HTMLNvDatagridcolumnElement>;
@@ -6970,6 +7061,7 @@ declare module "@stencil/core" {
              */
             "nv-stack": LocalJSX.NvStack & JSXBase.HTMLAttributes<HTMLNvStackElement>;
             "nv-table": LocalJSX.NvTable & JSXBase.HTMLAttributes<HTMLNvTableElement>;
+            "nv-tableheader": LocalJSX.NvTableheader & JSXBase.HTMLAttributes<HTMLNvTableheaderElement>;
             "nv-toggle": LocalJSX.NvToggle & JSXBase.HTMLAttributes<HTMLNvToggleElement>;
             "nv-togglebutton": LocalJSX.NvTogglebutton & JSXBase.HTMLAttributes<HTMLNvTogglebuttonElement>;
             "nv-togglebuttongroup": LocalJSX.NvTogglebuttongroup & JSXBase.HTMLAttributes<HTMLNvTogglebuttongroupElement>;

package/dist/vscode-data.json

@@ -325,6 +325,10 @@
           "name": "danger",
           "description": "Applies styling that visually indicates the button represents a dangerous\naction."
         },
+        {
+          "name": "disable-tabindex",
+          "description": "Use this to make the button skip-able when users navigate with the keyboard.\nThe button remains clickable but won’t be reached via the Tab key."
+        },
         {
           "name": "disabled",
           "description": "Disables the button, preventing user interaction."
@@ -2942,6 +2946,10 @@
           "name": "active",
           "description": "Makes the button look active when it’s within a compatible component\nlike a button group."
         },
+        {
+          "name": "disable-tabindex",
+          "description": "Use this to make the button skip-able when users navigate with the keyboard.\nThe button remains clickable but won’t be reached via the Tab key."
+        },
         {
           "name": "disabled",
           "description": "Disables the button, preventing user interaction."
@@ -3572,12 +3580,6 @@
             {
               "name": "cloud"
             },
-            {
-              "name": "collapse-close"
-            },
-            {
-              "name": "collapse-open"
-            },
             {
               "name": "color-picker"
             },
@@ -4451,6 +4453,9 @@
             {
               "name": "shopping-cart"
             },
+            {
+              "name": "sitemap"
+            },
             {
               "name": "slash"
             },
@@ -4987,6 +4992,34 @@
       },
       "attributes": []
     },
+    {
+      "name": "nv-tableheader",
+      "description": {
+        "kind": "markdown",
+        "value": "A semantic table header cell component that enhances native table headers with sorting behavior, keyboard accessibility, and Nova styling. When enabled, it displays sorting UI and allows users to toggle sort direction through clicks or keyboard input, and communicates its current state via ARIA attributes for assistive technologies.\n\nThis component does not perform sorting on its own—it only controls and displays the sorting state for that header. The actual data sorting must be handled externally. For advanced use cases, such as automatically sorting table data, using built-in server/client-side sorting, or managing multi-column sorting, see the datatable component, which includes full sorting logic.\n\nIf you prefer a fully custom table implementation, you can listen to this component’s sortDirectionChanged event and implement your own sorting behavior."
+      },
+      "attributes": [
+        {
+          "name": "sort-direction",
+          "description": "The current sort direction of the header. Will be 'none' if the header is\nnot sortable or if the sort direction is not set.",
+          "values": [
+            {
+              "name": "asc"
+            },
+            {
+              "name": "desc"
+            },
+            {
+              "name": "none"
+            }
+          ]
+        },
+        {
+          "name": "sortable",
+          "description": "Will render the header as sortable with the corresponding icon button.\nAllows the header to be tabbed, and trigger sorting via click or keyboard\nnavigation"
+        }
+      ]
+    },
     {
       "name": "nv-toggle",
       "description": {