@nvidia-elements/core 2.16.0 → 2.17.0

package/dist/button/button2.js

@@ -12,7 +12,7 @@ var s = class extends o(r) {
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	render() {

package/dist/button-group/button-group2.js

@@ -26,7 +26,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "2.16.0",
+			version: "2.17.0",
 			children: [
 				"nve-button",
 				"nve-icon-button",

package/dist/card/card2.js

@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -72,7 +72,7 @@ var m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-card"]
 		};
 	}

package/dist/chat-message/chat-message2.js

@@ -13,7 +13,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	render() {

package/dist/checkbox/checkbox-group2.js

@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox-group",
-			version: "2.16.0",
+			version: "2.17.0",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/checkbox/checkbox2.js

@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox",
-			version: "2.16.0",
+			version: "2.17.0",
 			children: [
 				"label",
 				"input",

package/dist/color/color2.js

@@ -21,7 +21,7 @@ var f = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	static {

package/dist/combobox/combobox2.js

@@ -31,7 +31,7 @@ var S = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	static {

package/dist/copy-button/copy-button2.js

@@ -32,7 +32,7 @@ var p = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-copy-button",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	static {

package/dist/custom-elements-jsx.d.ts

@@ -2025,6 +2025,9 @@ Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
   size?: "sm" | "md" | "lg" | undefined;
+  /** Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to
+the outline form when that asset is unavailable. */
+  appearance?: "outline" | "solid" | undefined;
   /** Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. */
   container?: "flat" | "inline" | undefined;
   /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.

package/dist/custom-elements-vue.d.ts

@@ -1891,6 +1891,9 @@ Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
   size?: "sm" | "md" | "lg" | undefined;
+  /** Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to
+the outline form when that asset is unavailable. */
+  appearance?: "outline" | "solid" | undefined;
   /** Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. */
   container?: "flat" | "inline" | undefined;
   /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors.

package/dist/custom-elements.json

@@ -18244,6 +18244,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "/src/grid/grid-mutations.test.bench.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "/src/grid/grid.js",
@@ -20061,6 +20067,26 @@
               },
               "descriptionText": "Controls the visual scale of an element to match its importance and available space."
             },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "type": {
+                "text": "'outline' | 'solid' | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "outline",
+                    "description": ""
+                  },
+                  {
+                    "value": "solid",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to\nthe outline form when that asset is unavailable.",
+              "attribute": "appearance"
+            },
             {
               "kind": "field",
               "name": "container",
@@ -21579,6 +21605,25 @@
               },
               "descriptionText": "Controls the visual scale of an element to match its importance and available space."
             },
+            {
+              "name": "appearance",
+              "type": {
+                "text": "'outline' | 'solid' | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "outline",
+                    "description": ""
+                  },
+                  {
+                    "value": "solid",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to\nthe outline form when that asset is unavailable.",
+              "fieldName": "appearance"
+            },
             {
               "name": "container",
               "type": {
@@ -21966,7 +22011,7 @@
             "since": "0.2.1",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-icon-button\n\nAn icon button is a button that displays only an icon without a visual label.\n\n### Example\n\n```html\n<nve-icon-button icon-name=\"menu\"></nve-icon-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for custom icons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right'` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| iconName (icon-name) | `'placeholder' \\| 'caret' \\| 'person' \\| 'menu' \\| 'cancel' \\| 'gear' \\| 'chevron' \\| 'logout' \\| 'copy' \\| 'more-actions' \\| 'add' \\| 'arrow' \\| 'delete' \\| 'download' \\| 'search' \\| 'split-vertical' \\| 'sparkles' \\| 'branch' \\| 'refresh' \\| 'double-chevron' \\| 'academic-cap' \\| 'add-asset' \\| 'add-comment' \\| 'add-grid' \\| 'add-user' \\| 'ancestors' \\| 'archive' \\| 'arrow-angle' \\| 'arrow-both' \\| 'arrow-cycle' \\| 'arrow-path-rounded-square' \\| 'arrow-stop' \\| 'at-symbol' \\| 'backspace' \\| 'bar-pill-stack' \\| 'bars-3' \\| 'bars-3-bottom-left' \\| 'bars-3-bottom-right' \\| 'bars-3-center-left' \\| 'bars-4' \\| 'beaker' \\| 'bell' \\| 'bell-slash' \\| 'bold' \\| 'book' \\| 'bookmark' \\| 'bounding-box' \\| 'briefcase' \\| 'broadcast' \\| 'browser' \\| 'bug' \\| 'calendar' \\| 'camera' \\| 'carets-closed-square' \\| 'carousel' \\| 'category-list' \\| 'chart-bar' \\| 'chat-bubble' \\| 'chat-bubbles' \\| 'check' \\| 'check-badge' \\| 'checklist' \\| 'checkmark-circle' \\| 'chip' \\| 'circle' \\| 'circle-angled-line' \\| 'circle-dash' \\| 'circle-dot' \\| 'circle-dot-arrows' \\| 'circle-half' \\| 'circle-rule' \\| 'circle-tick' \\| 'clipboard' \\| 'clock' \\| 'clock-circle-arrow' \\| 'cloud' \\| 'cloud-download' \\| 'cloud-upload' \\| 'code' \\| 'collapse-all' \\| 'collapse-details' \\| 'color-palette' \\| 'columns' \\| 'compare' \\| 'computer' \\| 'connect-node' \\| 'connected-blocks' \\| 'cross-hairs' \\| 'cursor-rays' \\| 'cursor-ripples' \\| 'data-management' \\| 'delete-node' \\| 'doc-checkmark' \\| 'dock-bottom' \\| 'dock-none' \\| 'dock-side' \\| 'document' \\| 'document-clipboard' \\| 'dot' \\| 'drag' \\| 'dropper' \\| 'duplicate' \\| 'edit' \\| 'ellipses' \\| 'envelope' \\| 'exclamation-circle' \\| 'exclamation-mark' \\| 'exclamation-triangle' \\| 'expand-all' \\| 'expand-details' \\| 'expression' \\| 'eye' \\| 'eye-hidden' \\| 'face-frown' \\| 'face-smile' \\| 'fast-forward' \\| 'fast-forward-10' \\| 'film' \\| 'filter' \\| 'flag' \\| 'fold' \\| 'folder' \\| 'fork' \\| 'globe' \\| 'globe-alt' \\| 'group' \\| 'group-boxes' \\| 'hand' \\| 'hash' \\| 'heading' \\| 'home' \\| 'horizontal-rule' \\| 'hourglass' \\| 'hourglass-end' \\| 'hourglass-mid' \\| 'hourglass-start' \\| 'identification' \\| 'image' \\| 'inbox' \\| 'infinity' \\| 'information-circle' \\| 'inspect' \\| 'italic' \\| 'key' \\| 'keyboard' \\| 'laptop-phone' \\| 'layers' \\| 'lifebuoy' \\| 'lightbulb' \\| 'lightning-bolt' \\| 'link' \\| 'list-ordered' \\| 'list-unordered' \\| 'lock' \\| 'login' \\| 'looping' \\| 'looping-off' \\| 'map' \\| 'map-drives' \\| 'map-pin' \\| 'markdown' \\| 'maximize' \\| 'megaphone' \\| 'merge' \\| 'meter' \\| 'minimize' \\| 'minus' \\| 'minus-circle' \\| 'moon' \\| 'multiselect' \\| 'music-note' \\| 'newspaper' \\| 'not-allowed' \\| 'numbers' \\| 'office-building' \\| 'outline' \\| 'paper-airplane' \\| 'paper-clip' \\| 'pause' \\| 'pencil-square' \\| 'person-2' \\| 'person-3' \\| 'person-circle' \\| 'phone' \\| 'picture-in-picture' \\| 'pie-chart' \\| 'pin' \\| 'pizza-slice' \\| 'play' \\| 'plug' \\| 'plus-circle' \\| 'plus-minus' \\| 'pointer' \\| 'priority-high' \\| 'priority-low' \\| 'priority-medium' \\| 'projector' \\| 'pull-close' \\| 'pull-draft' \\| 'pull-open' \\| 'pulse' \\| 'puzzle-piece' \\| 'question-mark-circle' \\| 'rectangle-group' \\| 'rectangle-stack-horizontal' \\| 'rectangle-stack-vertical' \\| 'redo' \\| 'reply' \\| 'rewind' \\| 'rewind-10' \\| 'rocketship' \\| 'running' \\| 'scale' \\| 'scissors' \\| 'sensor' \\| 'server' \\| 'server-stack' \\| 'shapes' \\| 'share' \\| 'signal' \\| 'signal-slash' \\| 'signpost' \\| 'sort-ascending' \\| 'sort-descending' \\| 'soundwave' \\| 'split-horizontal' \\| 'split-none' \\| 'star' \\| 'star-half' \\| 'star-stroke' \\| 'start' \\| 'status-offline' \\| 'status-online' \\| 'stop' \\| 'stop-sign' \\| 'stopwatch' \\| 'strikethrough' \\| 'sun' \\| 'swatch' \\| 'switch' \\| 'switch-apps' \\| 'table' \\| 'tag' \\| 'task' \\| 'telescope' \\| 'template' \\| 'terminal' \\| 'thumb' \\| 'traffic-cone' \\| 'transparent-box' \\| 'trend-down' \\| 'trend-up' \\| 'trophy' \\| 'truck' \\| 'typography' \\| 'undo' \\| 'unlock' \\| 'upload' \\| 'video-camera' \\| 'view-as-grid' \\| 'volume' \\| 'volume-muted' \\| 'wifi' \\| 'wrench' \\| 'x-circle' \\| 'zoom-in' \\| 'zoom-out'` | Sets the icon name, which determines which icon to display. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` ... (use `icons_list` tool for full list) | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-icon-button\n\nAn icon button is a button that displays only an icon without a visual label.\n\n### Example\n\n```html\n<nve-icon-button icon-name=\"menu\"></nve-icon-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/icon-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for custom icons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| appearance | `'outline' \\| 'solid' \\| undefined` | Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to the outline form when that asset is unavailable. |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| direction | `'up' \\| 'down' \\| 'left' \\| 'right'` | Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| iconName (icon-name) | `'placeholder' \\| 'caret' \\| 'person' \\| 'menu' \\| 'cancel' \\| 'gear' \\| 'chevron' \\| 'logout' \\| 'copy' \\| 'more-actions' \\| 'add' \\| 'arrow' \\| 'delete' \\| 'download' \\| 'search' \\| 'split-vertical' \\| 'sparkles' \\| 'branch' \\| 'refresh' \\| 'double-chevron' \\| 'academic-cap' \\| 'add-asset' \\| 'add-comment' \\| 'add-grid' \\| 'add-user' \\| 'ancestors' \\| 'archive' \\| 'arrow-angle' \\| 'arrow-both' \\| 'arrow-cycle' \\| 'arrow-path-rounded-square' \\| 'arrow-stop' \\| 'at-symbol' \\| 'backspace' \\| 'bar-pill-stack' \\| 'bars-3' \\| 'bars-3-bottom-left' \\| 'bars-3-bottom-right' \\| 'bars-3-center-left' \\| 'bars-4' \\| 'beaker' \\| 'bell' \\| 'bell-slash' \\| 'bold' \\| 'book' \\| 'bookmark' \\| 'bounding-box' \\| 'briefcase' \\| 'broadcast' \\| 'browser' \\| 'bug' \\| 'calendar' \\| 'camera' \\| 'carets-closed-square' \\| 'carousel' \\| 'category-list' \\| 'chart-bar' \\| 'chat-bubble' \\| 'chat-bubbles' \\| 'check' \\| 'check-badge' \\| 'checklist' \\| 'checkmark-circle' \\| 'chip' \\| 'circle' \\| 'circle-angled-line' \\| 'circle-dash' \\| 'circle-dot' \\| 'circle-dot-arrows' \\| 'circle-half' \\| 'circle-rule' \\| 'circle-tick' \\| 'clipboard' \\| 'clock' \\| 'clock-circle-arrow' \\| 'cloud' \\| 'cloud-download' \\| 'cloud-upload' \\| 'code' \\| 'collapse-all' \\| 'collapse-details' \\| 'color-palette' \\| 'columns' \\| 'compare' \\| 'computer' \\| 'connect-node' \\| 'connected-blocks' \\| 'cross-hairs' \\| 'cursor-rays' \\| 'cursor-ripples' \\| 'data-management' \\| 'delete-node' \\| 'doc-checkmark' \\| 'dock-bottom' \\| 'dock-none' \\| 'dock-side' \\| 'document' \\| 'document-clipboard' \\| 'dot' \\| 'drag' \\| 'dropper' \\| 'duplicate' \\| 'edit' \\| 'ellipses' \\| 'envelope' \\| 'exclamation-circle' \\| 'exclamation-mark' \\| 'exclamation-triangle' \\| 'expand-all' \\| 'expand-details' \\| 'expression' \\| 'eye' \\| 'eye-hidden' \\| 'face-frown' \\| 'face-smile' \\| 'fast-forward' \\| 'fast-forward-10' \\| 'film' \\| 'filter' \\| 'flag' \\| 'fold' \\| 'folder' \\| 'fork' \\| 'globe' \\| 'globe-alt' \\| 'group' \\| 'group-boxes' \\| 'hand' \\| 'hash' \\| 'heading' \\| 'home' \\| 'horizontal-rule' \\| 'hourglass' \\| 'hourglass-end' \\| 'hourglass-mid' \\| 'hourglass-start' \\| 'identification' \\| 'image' \\| 'inbox' \\| 'infinity' \\| 'information-circle' \\| 'inspect' \\| 'italic' \\| 'key' \\| 'keyboard' \\| 'laptop-phone' \\| 'layers' \\| 'lifebuoy' \\| 'lightbulb' \\| 'lightning-bolt' \\| 'link' \\| 'list-ordered' \\| 'list-unordered' \\| 'lock' \\| 'login' \\| 'looping' \\| 'looping-off' \\| 'map' \\| 'map-drives' \\| 'map-pin' \\| 'markdown' \\| 'maximize' \\| 'megaphone' \\| 'merge' \\| 'meter' \\| 'minimize' \\| 'minus' \\| 'minus-circle' \\| 'moon' \\| 'multiselect' \\| 'music-note' \\| 'newspaper' \\| 'not-allowed' \\| 'numbers' \\| 'office-building' \\| 'outline' \\| 'paper-airplane' \\| 'paper-clip' \\| 'pause' \\| 'pencil-square' \\| 'person-2' \\| 'person-3' \\| 'person-circle' \\| 'phone' \\| 'picture-in-picture' \\| 'pie-chart' \\| 'pin' \\| 'pizza-slice' \\| 'play' \\| 'plug' \\| 'plus-circle' \\| 'plus-minus' \\| 'pointer' \\| 'priority-high' \\| 'priority-low' \\| 'priority-medium' \\| 'projector' \\| 'pull-close' \\| 'pull-draft' \\| 'pull-open' \\| 'pulse' \\| 'puzzle-piece' \\| 'question-mark-circle' \\| 'rectangle-group' \\| 'rectangle-stack-horizontal' \\| 'rectangle-stack-vertical' \\| 'redo' \\| 'reply' \\| 'rewind' \\| 'rewind-10' \\| 'rocketship' \\| 'running' \\| 'scale' \\| 'scissors' \\| 'sensor' \\| 'server' \\| 'server-stack' \\| 'shapes' \\| 'share' \\| 'signal' \\| 'signal-slash' \\| 'signpost' \\| 'sort-ascending' \\| 'sort-descending' \\| 'soundwave' \\| 'split-horizontal' \\| 'split-none' \\| 'star' \\| 'star-half' \\| 'star-stroke' \\| 'start' \\| 'status-offline' \\| 'status-online' \\| 'stop' \\| 'stop-sign' \\| 'stopwatch' \\| 'strikethrough' \\| 'sun' \\| 'swatch' \\| 'switch' \\| 'switch-apps' \\| 'table' \\| 'tag' \\| 'task' \\| 'telescope' \\| 'template' \\| 'terminal' \\| 'thumb' \\| 'traffic-cone' \\| 'transparent-box' \\| 'trend-down' \\| 'trend-up' \\| 'trophy' \\| 'truck' \\| 'typography' \\| 'undo' \\| 'unlock' \\| 'upload' \\| 'video-camera' \\| 'view-as-grid' \\| 'volume' \\| 'volume-muted' \\| 'wifi' \\| 'wrench' \\| 'x-circle' \\| 'zoom-in' \\| 'zoom-out'` | Sets the icon name, which determines which icon to display. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` ... (use `icons_list` tool for full list) | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -26630,19 +26675,13 @@
           "members": [
             {
               "kind": "field",
-              "name": "#observers",
+              "name": "#observer",
               "privacy": "private",
               "type": {
-                "text": "MutationObserver[]",
+                "text": "MutationObserver | undefined",
                 "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "MutationObserver[]",
-                    "description": ""
-                  }
-                ]
-              },
-              "default": "[]"
+                "values": []
+              }
             },
             {
               "kind": "field",
@@ -26654,6 +26693,27 @@
                 "values": []
               }
             },
+            {
+              "kind": "field",
+              "name": "#activeCell",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#cells",
+              "privacy": "private",
+              "default": "new WeakSet<HTMLElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "#updateCells",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "#config",
@@ -26682,29 +26742,28 @@
             },
             {
               "kind": "method",
-              "name": "#clickCell",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "#initializeCells",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onMutations",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#keynavCell",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "name": "#flushCellUpdates",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onMouseUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onKeyDown",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -26725,33 +26784,10 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "#updateCellActivation",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
               "name": "#onKeyUp",
               "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#onKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#onMouseUp",
-              "privacy": "private"
             }
           ]
         },
@@ -30372,7 +30408,7 @@
             {
               "name": "func",
               "type": {
-                "text": "(...args: unknown[]) => void",
+                "text": "(...args: Args) => void",
                 "_sourceAliases": []
               }
             },
@@ -30382,6 +30418,14 @@
                 "text": "number",
                 "_sourceAliases": []
               }
+            },
+            {
+              "name": "{ trailing = false }",
+              "default": "{}",
+              "type": {
+                "text": "{ trailing?: boolean }",
+                "_sourceAliases": []
+              }
             }
           ]
         },

package/dist/data.html.json

@@ -2710,6 +2710,11 @@
           "description": "Controls the visual scale of an element to match its importance and available space.\n- `sm` Compact size for dense layouts or secondary elements with less visual prominence.\n\n- `md` Standard size that works well in most contexts and provides balanced visibility.\n\n- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts.",
           "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
         },
+        {
+          "name": "appearance",
+          "description": "Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to\nthe outline form when that asset is unavailable.",
+          "values": [{ "name": "outline" }, { "name": "solid" }]
+        },
         {
           "name": "container",
           "description": "Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text.",

package/dist/date/date2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	static {

package/dist/datetime/datetime2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	static {

package/dist/dialog/dialog-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-footer",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-header",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog2.js

@@ -30,7 +30,7 @@ var h = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	static {

package/dist/divider/divider2.js

@@ -15,7 +15,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-divider",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	render() {

package/dist/dot/dot2.js

@@ -16,7 +16,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	render() {

package/dist/drag-handle/drag-handle2.js

@@ -13,7 +13,7 @@ var c = class extends s(a) {
 	static {
 		this.metadata = {
 			tag: "nve-drag-handle",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	static {

package/dist/drawer/drawer-content2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-footer",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-header",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer2.js

@@ -30,7 +30,7 @@ var p = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	static {

package/dist/dropdown/dropdown-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-footer",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-header",
-			version: "2.16.0",
+			version: "2.17.0",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown2.js

@@ -21,7 +21,7 @@ var p = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	static {

package/dist/dropdown-group/dropdown-group.js

@@ -14,7 +14,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-group",
-			version: "2.16.0",
+			version: "2.17.0",
 			children: ["nve-dropdown"]
 		};
 	}

package/dist/dropzone/dropzone2.js

@@ -20,7 +20,7 @@ var g = class extends m(d) {
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "2.16.0",
+			version: "2.17.0",
 			validators: [l, c],
 			valueSchema: {
 				type: "array",

package/dist/file/file2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-file",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	connectedCallback() {

package/dist/format-bytes/format-bytes2.js

@@ -95,7 +95,7 @@ var g = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-bytes",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	get #e() {

package/dist/format-datetime/format-datetime2.js

@@ -13,7 +13,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.16.0"
+			version: "2.17.0"
 		};
 	}
 	get #e() {