@nvidia-elements/core 2.13.0 → 2.15.0

package/dist/data.html.json

@@ -1268,6 +1268,105 @@
         }
       ]
     },
+    {
+      "name": "nve-drag-handle",
+      "description": "A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.\n---\n\n\n### **CSS Properties:**\n - **--cursor** - The cursor over the handle. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_\n- **--color** - The grip color. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--width** - The horizontal size of the pointer target. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--height** - The vertical size of the pointer target. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--border-radius** - The handle corner radius. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The fixed grip icon.",
+      "attributes": [
+        {
+          "name": "pressed",
+          "description": "Indicates the current state of a toggle button that switches on or off. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)\n- `true` The button is in the pressed (on) state and the associated action or setting is active.\n\n- `false` The button is in the unpressed (off) state and the associated action or setting is inactive.",
+          "values": []
+        },
+        {
+          "name": "expanded",
+          "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Indicates whether the element is a noninteractive visual treatment instead of a button.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly",
+          "values": []
+        },
+        {
+          "name": "form",
+          "description": "Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only\nthe form ID. Reading the property returns the associated form element or `null`.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the element, submitted as a pair with the element value as part of the form data. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name)",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "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://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
+          "values": []
+        },
+        {
+          "name": "type",
+          "description": "Defines the button behavior when associated within a form element.\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type",
+          "values": [
+            { "name": "button" },
+            { "name": "submit" },
+            { "name": "reset" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n- `true` The element holds selection and represents the user's current choice within the group.\n\n- `false` The element does not hold selection and the user can choose it.",
+          "values": []
+        },
+        {
+          "name": "current",
+          "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
+          "values": [{ "name": "page" }, { "name": "step" }]
+        },
+        {
+          "name": "popovertarget",
+          "description": "Establishes a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
+          "values": []
+        },
+        {
+          "name": "popovertargetaction",
+          "description": "The popover target action to perform on the popover target element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction",
+          "values": [
+            { "name": "show" },
+            { "name": "hide" },
+            { "name": "toggle" }
+          ]
+        },
+        {
+          "name": "commandfor",
+          "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
+          "values": []
+        },
+        {
+          "name": "command",
+          "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
+          "values": []
+        },
+        {
+          "name": "interestfor",
+          "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "WAI-ARIA Reference",
+          "url": "https://www.w3.org/WAI/ARIA/apg/patterns/button/"
+        },
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/drag-handle/"
+        }
+      ]
+    },
     {
       "name": "nve-drawer-content",
       "description": "Contains the scrollable main body content within a drawer panel.\n---\n\n\n### **Slots:**\n - _default_ - default slot for the drawer content\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_",
@@ -5676,7 +5775,7 @@
     },
     {
       "name": "nve-tree-node",
-      "description": "A tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n---\n\n\n### **Events:**\n - **open** - Dispatched when the node opens.\n- **close** - Dispatched when the node closes.\n- **select** - Dispatched when the node selection state changes.\n\n### **Methods:**\n - **open()** - opens and sets the expanded state automatically if behaviorExpand is true\n- **close()** - closes and sets the expanded state automatically if behaviorExpand is true\n\n### **Slots:**\n - _default_ - Use default slot for basic text content or nested <nve-tree-node> elements.\n- **content** - Use only for extended long form content containing interactive elements or form inputs.\n\n### **CSS Properties:**\n - **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--text-wrap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - The icon button element\n- **icon** - The icon element\n- **checkbox** - The checkbox element",
+      "description": "A tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n---\n\n\n### **Events:**\n - **open** - Dispatched when the node opens.\n- **close** - Dispatched when the node closes.\n- **select** - Dispatched when the node selection state changes.\n\n### **Methods:**\n - **open()** - opens and sets the expanded state automatically if behaviorExpand is true\n- **close()** - closes and sets the expanded state automatically if behaviorExpand is true\n\n### **Slots:**\n - _default_ - Use default slot for basic text content or nested <nve-tree-node> elements.\n- **prefix** - Use for prefix content before the node title.\n- **suffix** - Use for suffix content after the node title.\n- **content** - Use only for extended long form content containing interactive elements or form inputs.\n\n### **CSS Properties:**\n - **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--text-wrap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - The icon button element\n- **icon** - The icon element\n- **checkbox** - The checkbox element",
       "attributes": [
         {
           "name": "expanded",

package/dist/data.snippets.json

@@ -188,6 +188,33 @@
     "description": "Dialog is a component that appears above main content. A modal dialog is used to display critical information that requires users attention.",
     "body": "<nve-dialog size=\"${6:md}\" closable>\n  <nve-dialog-header>\n    <h3 nve-text=\"heading semibold\">${1:Title}</h3>\n  </nve-dialog-header>\n  <p nve-text=\"body\">${2:Content}</p>\n  <nve-dialog-footer>\n    <nve-button>${3:Cancel}</nve-button>\n    <nve-button interaction=\"${4:emphasis}\">${5:OK}</nve-button>\n  </nve-dialog-footer>\n</nve-dialog>\n$0\n"
   },
+  "Card": {
+    "srcFile": "card.snippets.html",
+    "prefix": [
+      "card"
+    ],
+    "type": "pattern",
+    "description": "Basic Card with header and footer",
+    "body": "<nve-card>\n  <nve-card-header>\n    <div>\n      <h2>${1:Title}</h2>\n      <p>${2:Sub Title}</p>\n    </div>\n  </nve-card-header>\n  <nve-card-content>\n    ${3:\n    <p>card content</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <nve-button style=\"margin-left: auto\">Action</nve-button>\n  </nve-card-footer>\n</nve-card>\n"
+  },
+  "Media Card": {
+    "srcFile": "card.snippets.html",
+    "prefix": [
+      "media-card"
+    ],
+    "type": "pattern",
+    "description": "Basic media Card with card content and card footer",
+    "body": "<nve-card style=\"height: 100%; width: 100%;\">\n  <img alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n  <nve-card-content>\n    ${1:\n    <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <div nve-layout=\"grid span-items:6 gap:xs\">\n      <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n      <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n    </div>\n  </nve-card-footer>\n</nve-card>\n"
+  },
+  "Media Card Grid": {
+    "srcFile": "card.snippets.html",
+    "prefix": [
+      "media-card-grid"
+    ],
+    "type": "pattern",
+    "description": "Grid layout with 3 media cards",
+    "body": "<section nve-layout=\"grid span-items:4 gap:md\">\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 1\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${1:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 2\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${4:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${5:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${6:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 3\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${7:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${8:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${9:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</section>\n"
+  },
   "Button Group": {
     "srcFile": "button-group.snippets.html",
     "prefix": [
@@ -224,33 +251,6 @@
     "description": "Simple vertical button group with three icon buttons.",
     "body": "<nve-button-group orientation=\"vertical\">\n  <nve-icon-button icon-name=\"${1:copy}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${2:add-comment}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${3:download}\"></nve-icon-button>\n</nve-button-group>\n"
   },
-  "Card": {
-    "srcFile": "card.snippets.html",
-    "prefix": [
-      "card"
-    ],
-    "type": "pattern",
-    "description": "Basic Card with header and footer",
-    "body": "<nve-card>\n  <nve-card-header>\n    <div>\n      <h2>${1:Title}</h2>\n      <p>${2:Sub Title}</p>\n    </div>\n  </nve-card-header>\n  <nve-card-content>\n    ${3:\n    <p>card content</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <nve-button style=\"margin-left: auto\">Action</nve-button>\n  </nve-card-footer>\n</nve-card>\n"
-  },
-  "Media Card": {
-    "srcFile": "card.snippets.html",
-    "prefix": [
-      "media-card"
-    ],
-    "type": "pattern",
-    "description": "Basic media Card with card content and card footer",
-    "body": "<nve-card style=\"height: 100%; width: 100%;\">\n  <img alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n  <nve-card-content>\n    ${1:\n    <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <div nve-layout=\"grid span-items:6 gap:xs\">\n      <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n      <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n    </div>\n  </nve-card-footer>\n</nve-card>\n"
-  },
-  "Media Card Grid": {
-    "srcFile": "card.snippets.html",
-    "prefix": [
-      "media-card-grid"
-    ],
-    "type": "pattern",
-    "description": "Grid layout with 3 media cards",
-    "body": "<section nve-layout=\"grid span-items:4 gap:md\">\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 1\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${1:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 2\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${4:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${5:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${6:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 3\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${7:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${8:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${9:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</section>\n"
-  },
   "Alert Group": {
     "srcFile": "alert.snippets.html",
     "prefix": [

package/dist/date/date2.js

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

package/dist/datetime/datetime2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.13.0"
+			version: "2.15.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.13.0",
+			version: "2.15.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.13.0",
+			version: "2.15.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.13.0"
+			version: "2.15.0"
 		};
 	}
 	static {

package/dist/divider/divider2.js

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

package/dist/dot/dot2.js

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

package/dist/drag-handle/define.d.ts

@@ -0,0 +1,6 @@
+import { DragHandle } from '@nvidia-elements/core/drag-handle';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nve-drag-handle': DragHandle;
+    }
+}

package/dist/drag-handle/define.js

@@ -0,0 +1,7 @@
+import { define as e } from "../internal/utils/dom.js";
+import { DragHandle as t } from "./drag-handle2.js";
+//#region src/drag-handle/define.ts
+e(t);
+//#endregion
+
+//# sourceMappingURL=define.js.map

package/dist/drag-handle/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","names":[],"sources":["../../src/drag-handle/define.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { define } from '@nvidia-elements/core/internal';\nimport { DragHandle } from '@nvidia-elements/core/drag-handle';\n\ndefine(DragHandle);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-drag-handle': DragHandle;\n  }\n}\n"],"mappings":";;;AAMA,EAAO,CAAU"}

package/dist/drag-handle/drag-handle.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from 'lit';
+import { Icon } from '@nvidia-elements/core/icon';
+declare const DragHandle_base: import("@nvidia-elements/forms/mixins").ButtonFormControlMixinReturn<typeof LitElement>;
+/**
+ * @element nve-drag-handle
+ * @description A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.
+ * @documentation https://nvidia.github.io/elements/docs/elements/drag-handle/
+ * @since 0.0.0
+ * @entrypoint \@nvidia-elements/core/drag-handle
+ * @cssprop --cursor - The cursor over the handle.
+ * @cssprop --color - The grip color.
+ * @cssprop --width - The horizontal size of the pointer target.
+ * @cssprop --height - The vertical size of the pointer target.
+ * @cssprop --border-radius - The handle corner radius.
+ * @csspart icon - The fixed grip icon.
+ * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/
+ */
+export declare class DragHandle extends DragHandle_base {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+    };
+    static elementDefinitions: {
+        [Icon.metadata.tag]: typeof Icon;
+    };
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+export {};

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

@@ -0,0 +1,6 @@
+//#region src/drag-handle/drag-handle.examples.ts
+var e = "";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=drag-handle.examples.js.map

package/dist/drag-handle/drag-handle.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-handle.examples.js","names":[],"sources":["../../src/drag-handle/drag-handle.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/drag-handle/define.js';\n\nexport default {\n  title: 'Elements/Drag Handle',\n  component: 'nve-drag-handle'\n};\n\n/**\n * @summary Labeled grip for application-defined dragging and reordering. Use when an item needs a dedicated move control.\n */\nexport const Default = {\n  render: () => html`<nve-drag-handle aria-label=\"move item\"></nve-drag-handle>`\n};\n\n/**\n * @summary Pressed grip for an item selected for movement. Use to show the handle state while the application manages reordering.\n */\nexport const Pressed = {\n  render: () => html`<nve-drag-handle pressed aria-label=\"move item\"></nve-drag-handle>`\n};\n\n/**\n * @summary Disabled grip for an item that cannot move. Use to keep the control visible while movement is unavailable.\n */\nexport const Disabled = {\n  render: () => html`<nve-drag-handle disabled aria-label=\"move item\"></nve-drag-handle>`\n};\n"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/drag-handle/drag-handle.examples.json

@@ -0,0 +1,33 @@
+{
+  "element": "nve-drag-handle",
+  "entrypoint": "@nvidia-elements/core/drag-handle/drag-handle.examples.json",
+  "items": [
+    {
+      "id": "drag-handle",
+      "name": "Default",
+      "template": "<nve-drag-handle aria-label=\"move item\"></nve-drag-handle>\n",
+      "summary": "Labeled grip for application-defined dragging and reordering. Use when an item needs a dedicated move control.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "drag-handle-pressed",
+      "name": "Pressed",
+      "template": "<nve-drag-handle pressed aria-label=\"move item\"></nve-drag-handle>\n",
+      "summary": "Pressed grip for an item selected for movement. Use to show the handle state while the application manages reordering.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    },
+    {
+      "id": "drag-handle-disabled",
+      "name": "Disabled",
+      "template": "<nve-drag-handle disabled aria-label=\"move item\"></nve-drag-handle>\n",
+      "summary": "Disabled grip for an item that cannot move. Use to keep the control visible while movement is unavailable.",
+      "description": "",
+      "composition": false,
+      "tags": []
+    }
+  ]
+}

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

@@ -0,0 +1,6 @@
+//#region src/drag-handle/drag-handle.css?inline
+var e = ":host{--nve-sys-interaction-state-base: transparent;--cursor: move;--color: var(--nve-sys-text-muted-color);--width: var(--nve-ref-size-800);--height: var(--nve-ref-size-800);--border-radius: var(--nve-ref-border-radius-xs);display:inline-flex;user-select:none}:host([draggable=\"true\"]){-webkit-user-drag:element}:host(:state(disabled)),:host([readonly]){-webkit-user-drag:none}[internal-host]{display:flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);border-radius:var(--border-radius);cursor:var(--cursor)}nve-icon{--color: inherit;pointer-events:none}:host(:state(pressed)){--color: var(--nve-sys-interaction-selected-color)}:host(:hover:not(:state(disabled),[readonly],:state(pressed))){--color: var(--nve-sys-interaction-hover-color)}:host(:state(pressed)) [interaction-state]{--nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected)}@container style(--nve-sys-color-scheme: dark){:host{--nve-sys-interaction-state-ratio-selected: 16% !important;--nve-sys-interaction-state-ratio-hover: 12% !important}}:host(:state(disabled)){--color: var(--nve-sys-interaction-disabled-color);--cursor: default}:host(:state(disabled)) [interaction-state]{--nve-sys-interaction-state-ratio: 0}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=drag-handle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drag-handle.js","names":[],"sources":["../../src/drag-handle/drag-handle.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-state-base: transparent;\n  --cursor: move;\n  --color: var(--nve-sys-text-muted-color);\n  --width: var(--nve-ref-size-800);\n  --height: var(--nve-ref-size-800);\n  --border-radius: var(--nve-ref-border-radius-xs);\n  display: inline-flex;\n  user-select: none;\n}\n\n:host([draggable='true']) {\n  -webkit-user-drag: element;\n}\n\n:host(:state(disabled)),\n:host([readonly]) {\n  -webkit-user-drag: none;\n}\n\n[internal-host] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--width);\n  height: var(--height);\n  border-radius: var(--border-radius);\n  cursor: var(--cursor);\n}\n\nnve-icon {\n  --color: inherit;\n  pointer-events: none;\n}\n\n:host(:state(pressed)) {\n  --color: var(--nve-sys-interaction-selected-color);\n}\n\n:host(:hover:not(:state(disabled), [readonly], :state(pressed))) {\n  --color: var(--nve-sys-interaction-hover-color);\n}\n\n:host(:state(pressed)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n@container style(--nve-sys-color-scheme: dark) {\n  :host {\n    --nve-sys-interaction-state-ratio-selected: 16% !important;\n    --nve-sys-interaction-state-ratio-hover: 12% !important;\n  }\n}\n\n:host(:state(disabled)) {\n  --color: var(--nve-sys-interaction-disabled-color);\n  --cursor: default;\n}\n\n:host(:state(disabled)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n"],"mappings":""}

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

@@ -0,0 +1,51 @@
+import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import n from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/decorate.js";
+import { Icon as r } from "../icon/icon2.js";
+import i from "./drag-handle.js";
+import { LitElement as a, html as o } from "lit";
+import { ButtonFormControlMixin as s } from "@nvidia-elements/forms/mixins";
+//#region src/drag-handle/drag-handle.ts
+var c = class extends s(a) {
+	static {
+		this.styles = t([i]);
+	}
+	static {
+		this.metadata = {
+			tag: "nve-drag-handle",
+			version: "2.15.0"
+		};
+	}
+	static {
+		this.elementDefinitions = { [r.metadata.tag]: r };
+	}
+	constructor() {
+		super(), this.type = "button", this.pressed = !1;
+	}
+	render() {
+		return o`<div internal-host interaction-state focus-within><nve-icon name="drag" .appearance="${this.pressed || this.expanded ? "solid" : "outline"}" aria-hidden="true" part="icon"></nve-icon></div>`;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.setAttribute("nve-draggable", "handle"), this.hasAttribute("draggable") || (this.draggable = !0), this.addEventListener("click", this.#e), this.addEventListener("keydown", this.#r), this.addEventListener("dragstart", this.#t), this.addEventListener("dragend", this.#n);
+	}
+	disconnectedCallback() {
+		this.removeEventListener("click", this.#e), this.removeEventListener("keydown", this.#r), this.removeEventListener("dragstart", this.#t), this.removeEventListener("dragend", this.#n), super.disconnectedCallback();
+	}
+	#e = (e) => {
+		e.target !== this || e.defaultPrevented || this.disabled || this.readOnly || (this.pressed = !this.pressed);
+	};
+	#t = (e) => {
+		(this.disabled || this.readOnly) && e.preventDefault();
+	};
+	#n = () => {
+		this._internals.states.delete("active");
+	};
+	#r = (e) => {
+		e.key !== " " || e.target !== this || e.defaultPrevented || this.disabled || this.readOnly || e.preventDefault();
+	};
+};
+c = n([e()], c);
+//#endregion
+export { c as DragHandle };
+
+//# sourceMappingURL=drag-handle2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drag-handle2.js","names":[],"sources":["../../src/drag-handle/drag-handle.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { ButtonFormControlMixin } from '@nvidia-elements/forms/mixins';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { scopedRegistry, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './drag-handle.css?inline';\n\n/**\n * @element nve-drag-handle\n * @description A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.\n * @documentation https://nvidia.github.io/elements/docs/elements/drag-handle/\n * @since 0.0.0\n * @entrypoint \\@nvidia-elements/core/drag-handle\n * @cssprop --cursor - The cursor over the handle.\n * @cssprop --color - The grip color.\n * @cssprop --width - The horizontal size of the pointer target.\n * @cssprop --height - The vertical size of the pointer target.\n * @cssprop --border-radius - The handle corner radius.\n * @csspart icon - The fixed grip icon.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\n@scopedRegistry()\nexport class DragHandle extends ButtonFormControlMixin(LitElement) {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-drag-handle',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  constructor() {\n    super();\n    this.type = 'button';\n    this.pressed = false;\n  }\n\n  render() {\n    return html`\n      <div internal-host interaction-state focus-within>\n        <nve-icon name=\"drag\" .appearance=${this.pressed || this.expanded ? 'solid' : 'outline'} aria-hidden=\"true\" part=\"icon\"></nve-icon>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('nve-draggable', 'handle');\n    if (!this.hasAttribute('draggable')) this.draggable = true;\n    this.addEventListener('click', this.#onClick);\n    this.addEventListener('keydown', this.#onKeydown);\n    this.addEventListener('dragstart', this.#onDragStart);\n    this.addEventListener('dragend', this.#onDragEnd);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.#onClick);\n    this.removeEventListener('keydown', this.#onKeydown);\n    this.removeEventListener('dragstart', this.#onDragStart);\n    this.removeEventListener('dragend', this.#onDragEnd);\n    super.disconnectedCallback();\n  }\n\n  #onClick = (event: MouseEvent): void => {\n    if (event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) return;\n\n    this.pressed = !this.pressed;\n  };\n\n  #onDragStart = (event: DragEvent): void => {\n    if (this.disabled || this.readOnly) event.preventDefault();\n  };\n\n  #onDragEnd = (): void => {\n    this._internals.states.delete('active');\n  };\n\n  #onKeydown = (event: KeyboardEvent): void => {\n    if (event.key !== ' ' || event.target !== this || event.defaultPrevented || this.disabled || this.readOnly) {\n      return;\n    }\n\n    event.preventDefault();\n  };\n}\n"],"mappings":";;;;;;;;AAwBO,IAAM,IAAN,cAAyB,EAAuB,CAAU,CAAC,CAAC;;EACjD,KAAA,SAAA,EAAU,CAAC,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,cAAc;EAGZ,AAFA,MAAM,GACN,KAAK,OAAO,UACZ,KAAK,UAAU;CACjB;CAEA,SAAS;EACP,OAAO,CAAI,wFAE6B,KAAK,WAAW,KAAK,WAAW,UAAU,UAAU;CAG9F;CAEA,oBAAoB;EAOlB,AANA,MAAM,kBAAkB,GACxB,KAAK,aAAa,iBAAiB,QAAQ,GACtC,KAAK,aAAa,WAAW,MAAG,KAAK,YAAY,KACtD,KAAK,iBAAiB,SAAS,KAAK,EAAQ,GAC5C,KAAK,iBAAiB,WAAW,KAAK,EAAU,GAChD,KAAK,iBAAiB,aAAa,KAAK,EAAY,GACpD,KAAK,iBAAiB,WAAW,KAAK,EAAU;CAClD;CAEA,uBAAuB;EAKrB,AAJA,KAAK,oBAAoB,SAAS,KAAK,EAAQ,GAC/C,KAAK,oBAAoB,WAAW,KAAK,EAAU,GACnD,KAAK,oBAAoB,aAAa,KAAK,EAAY,GACvD,KAAK,oBAAoB,WAAW,KAAK,EAAU,GACnD,MAAM,qBAAqB;CAC7B;CAEA,MAAY,MAA4B;EAClC,EAAM,WAAW,QAAQ,EAAM,oBAAoB,KAAK,YAAY,KAAK,aAE7E,KAAK,UAAU,CAAC,KAAK;CACvB;CAEA,MAAgB,MAA2B;EACzC,CAAI,KAAK,YAAY,KAAK,aAAU,EAAM,eAAe;CAC3D;CAEA,WAAyB;EACvB,KAAK,WAAW,OAAO,OAAO,QAAQ;CACxC;CAEA,MAAc,MAA+B;EACvC,EAAM,QAAQ,OAAO,EAAM,WAAW,QAAQ,EAAM,oBAAoB,KAAK,YAAY,KAAK,YAIlG,EAAM,eAAe;CACvB;AACF;AAlEC,IAAA,EAAA,CAAA,EAAe,CAAA,GAAA,CAAA"}

package/dist/drag-handle/index.d.ts

@@ -0,0 +1 @@
+export * from './drag-handle.js';

package/dist/drag-handle/index.js

@@ -0,0 +1,2 @@
+import { DragHandle as e } from "./drag-handle2.js";
+export { e as DragHandle };

package/dist/drawer/drawer-content2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.13.0",
+			version: "2.15.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.13.0",
+			version: "2.15.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.13.0",
+			version: "2.15.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.13.0"
+			version: "2.15.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.13.0",
+			version: "2.15.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.13.0",
+			version: "2.15.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.13.0"
+			version: "2.15.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.13.0",
+			version: "2.15.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.13.0",
+			version: "2.15.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.13.0"
+			version: "2.15.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.13.0"
+			version: "2.15.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.13.0"
+			version: "2.15.0"
 		};
 	}
 	get #e() {

package/dist/format-number/format-number2.js

@@ -29,7 +29,7 @@ var c = [
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	get #e() {

package/dist/format-relative-time/format-relative-time2.js

@@ -53,7 +53,7 @@ var c = {
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	#e;

package/dist/format-truncate/format-truncate2.js

@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-format-truncate",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	#e;

package/dist/forms/control/control2.js

@@ -48,7 +48,7 @@ var C = class extends v {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	render() {