@nvidia-elements/core 2.22.4 → 2.23.0

package/dist/data.html.json

@@ -2275,6 +2275,23 @@
         }
       ]
     },
+    {
+      "name": "nve-ghost",
+      "description": "An inert visual preview of content or its prospective placement. Applications control its geometry, movement, and accessible feedback.\n---\n\n\n### **Slots:**\n - _default_ - Presentation content for the preview.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--stack-offset-x** - Nonnegative horizontal distance between layers. Defaults to 4px. _(default: undefined)_\n- **--stack-offset-y** - Nonnegative vertical distance between layers. Defaults to 4px. _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "layers",
+          "description": "Number of visual surfaces. Rendering truncates fractions and clamps to one through three; nonfinite values use one.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/ghost/"
+        }
+      ]
+    },
     {
       "name": "nve-grid-cell",
       "description": "Represents an individual data cell within a grid row, displaying content aligned to its parent column.\n---\n\n\n### **Slots:**\n - _default_ - Data or interactive controls displayed within the cell.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--min-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--border-left** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left) _(default: undefined)_\n- **--border-right** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right) _(default: undefined)_\n- **--justify-content** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) _(default: undefined)_",
@@ -6086,6 +6103,122 @@
           "url": "https://nvidia.github.io/elements/docs/elements/week/"
         }
       ]
+    },
+    {
+      "name": "nve-workspace-panel-content",
+      "description": "Provides padding for workspace panel content.\n---\n\n\n### **Slots:**\n - _default_ - Application content.\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
+    },
+    {
+      "name": "nve-workspace-panel-footer",
+      "description": "Provides workspace panel status and actions outside the scrolling body.\n---\n\n\n### **Slots:**\n - _default_ - Status and actions.\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--border-top** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
+    },
+    {
+      "name": "nve-workspace-panel-header",
+      "description": "Supplies a workspace panel title, decoration, and application controls.\n---\n\n\n### **Slots:**\n - _default_ - Noninteractive panel title.\n- **prefix** - Noninteractive title decoration.\n- **suffix** - Application controls for the selected panel.\n\n### **CSS Properties:**\n - **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--padding** - Padding around the title. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--prefix-padding** - Padding around title decoration. _(default: undefined)_\n- **--prefix-border** - Border after title decoration. _(default: undefined)_\n- **--suffix-padding** - Override the shared inset around header controls. _(default: undefined)_\n- **--suffix-border** - Border before header controls. _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--border-bottom** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom) _(default: undefined)_",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
+    },
+    {
+      "name": "nve-workspace-panel",
+      "description": "Stable application content and its workspace chrome.\n---\n\n\n### **Slots:**\n - _default_ - Application content.\n- **header** - Title and controls.\n- **footer** - Status and actions.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border) _(default: undefined)_\n- **--box-shadow** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "min-width",
+          "description": "Application minimum total panel width in pixels.",
+          "values": []
+        },
+        {
+          "name": "min-height",
+          "description": "Application minimum total panel height in pixels.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
+    },
+    {
+      "name": "nve-workspace",
+      "description": "A workspace provides a malleable arrangement of application panels in a restorable layout.\n---\n\n\n### **Events:**\n - **change** - Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace.\n- **commandavailabilitychange** - Command availability may have changed; query relevant commands again.\n\n### **Methods:**\n - **animateTo(value: _string_, options: _WorkspaceAnimationOptions_): _void_** - Restores an arrangement with animated geometry while retaining application content.\n- **isCommandAvailable(command: _string_, context: _WorkspaceCommandContext_): _boolean_** - Reports whether a command can change the panel identified by `context.value` in the current arrangement. Native fullscreen admission remains subject to browser permission.\n\n### **Slots:**\n - _default_ - Workspace panels with durable IDs and application dropdown groups.\n\n### **CSS Properties:**\n - **--gap** - Space between groups as one nonnegative CSS length. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--border-radius** - Corner radius of contained groups. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--tab-min-width** - Smallest tab width before scrolling. _(default: undefined)_\n- **--tab-border** - Border between tabs, after the drag handle, and before group controls without an authored suffix. _(default: undefined)_\n- **--header-control-size** - Size of built-in header buttons and the base drag handle width. _(default: undefined)_\n- **--header-control-inset** - Horizontal spacing around fullscreen and the drag handle. _(default: undefined)_\n- **--close-button-inset** - Space after each panel close control. _(default: undefined)_\n- **--animation-duration** - Duration of coordinated layout and placement transitions. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration) _(default: undefined)_\n- **--animation-easing** - Easing of coordinated layout and placement transitions. _(default: undefined)_\n- **--gutter-background** - Idle separator fill. _(default: undefined)_\n- **--gutter-hover-background** - Separator fill on hover. _(default: undefined)_\n\n### **CSS Parts:**\n - **tabs** - Tab strips.\n- **tabs-item** - Panel selection controls.\n- **tab** - Alias for panel selection controls.\n- **tabs-item-group** - Tab and accessory layouts.\n- **icon-button** - Built-in header icon controls.\n- **fullscreen-button** - Group fullscreen control.\n- **close-button** - Panel closing controls.\n- **resize-handle** - Separator control.\n- **ghost** - Destination and carried previews.\n- **destination-ghost** - Animated insertion cue.\n- **carried-ghost** - Pointer-following carried panel previews.\n- **icon** - Placement status icons.\n- **blocked-icon** - Unavailable placement indicator.\n- **drag-handle** - Group movement control.",
+      "attributes": [
+        {
+          "name": "resizable",
+          "description": "Enables separator resizing.",
+          "values": []
+        },
+        {
+          "name": "rearrangeable",
+          "description": "Enables moving groups and placement commands. Dragging individual tabs also requires groupable.",
+          "values": []
+        },
+        {
+          "name": "groupable",
+          "description": "Enables dragging individual tabs, joining panels, and extracting panels when rearrangeable.",
+          "values": []
+        },
+        {
+          "name": "fullscreenable",
+          "description": "Enables native fullscreen commands and one persistent control per group. Turning this off preserves an accepted session and its exit control. Fullscreen does not change the saved arrangement.",
+          "values": []
+        },
+        {
+          "name": "detach-threshold",
+          "description": "Radial pointer distance in CSS pixels before a carried source detaches. Captured at gesture press.",
+          "values": []
+        },
+        {
+          "name": "closable",
+          "description": "Indicates whether the user can dismiss or close the element.\n- `true` The element displays a close control and the user can dismiss it.\n\n- `false` The user cannot close the element and must dismiss it programmatically.",
+          "values": []
+        },
+        {
+          "name": "resize-policy",
+          "description": "Selects separator constraint behavior.",
+          "values": [{ "name": "stop" }, { "name": "propagate" }]
+        },
+        {
+          "name": "container",
+          "description": "Selects panel content framing.",
+          "values": [
+            { "name": "inset" },
+            { "name": "flat" },
+            { "name": "full" }
+          ]
+        },
+        {
+          "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": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/workspace/"
+        }
+      ]
     }
   ]
 }

package/dist/data.snippets.json

@@ -188,33 +188,6 @@
     "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": [
@@ -251,6 +224,33 @@
     "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

@@ -1,20 +1,20 @@
 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.155.0/helpers/esm/decorate.js";
-import { Control as r } from "../forms/control/control2.js";
-import { IconButton as i } from "../icon-button/icon-button2.js";
+import { IconButton as r } from "../icon-button/icon-button2.js";
+import { Control as i } from "../forms/control/control2.js";
 import { inputStyles as a } from "../input/input2.js";
 import o from "./date.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
 // src/date/date.ts
-var l = { expand: "expand" }, u = class extends r {
+var l = { expand: "expand" }, u = class extends i {
 	get i18nDefaults() {
 		return l;
 	}
 	static {
 		this.styles = t([
-			...r.styles,
+			...i.styles,
 			a,
 			o
 		]);
@@ -22,11 +22,11 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	static {
-		this.elementDefinitions = { [i.metadata.tag]: i };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	get suffixContent() {
 		return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;

package/dist/datetime/datetime2.js

@@ -1,20 +1,20 @@
 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.155.0/helpers/esm/decorate.js";
-import { Control as r } from "../forms/control/control2.js";
-import { IconButton as i } from "../icon-button/icon-button2.js";
+import { IconButton as r } from "../icon-button/icon-button2.js";
+import { Control as i } from "../forms/control/control2.js";
 import { inputStyles as a } from "../input/input2.js";
 import o from "./datetime.js";
 import { html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
 // src/datetime/datetime.ts
-var l = { expand: "expand" }, u = class extends r {
+var l = { expand: "expand" }, u = class extends i {
 	get i18nDefaults() {
 		return l;
 	}
 	static {
 		this.styles = t([
-			...r.styles,
+			...i.styles,
 			a,
 			o
 		]);
@@ -22,11 +22,11 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	static {
-		this.elementDefinitions = { [i.metadata.tag]: i };
+		this.elementDefinitions = { [r.metadata.tag]: r };
 	}
 	get suffixContent() {
 		return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;

package/dist/dialog/dialog-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-footer",
-			version: "2.22.4",
+			version: "2.23.0",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-header",
-			version: "2.22.4",
+			version: "2.23.0",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog2.js

@@ -30,7 +30,7 @@ var h = { close: "close" }, g = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/divider/divider2.js

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

package/dist/dot/dot2.js

@@ -16,7 +16,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "2.22.4"
+			version: "2.23.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.22.4"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/drawer/drawer-content2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.22.4",
+			version: "2.23.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-footer",
-			version: "2.22.4",
+			version: "2.23.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-header",
-			version: "2.22.4",
+			version: "2.23.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer2.js

@@ -30,7 +30,7 @@ var p = { close: "close" }, m = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/dropdown/dropdown-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-footer",
-			version: "2.22.4",
+			version: "2.23.0",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-header",
-			version: "2.22.4",
+			version: "2.23.0",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown2.js

@@ -21,7 +21,7 @@ var p = { close: "close" }, m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown",
-			version: "2.22.4"
+			version: "2.23.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.22.4",
+			version: "2.23.0",
 			children: ["nve-dropdown"]
 		};
 	}

package/dist/dropzone/dropzone2.js

@@ -26,7 +26,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "2.22.4",
+			version: "2.23.0",
 			validators: [c, s],
 			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.22.4"
+			version: "2.23.0"
 		};
 	}
 	connectedCallback() {

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

@@ -94,7 +94,7 @@ var h = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-format-bytes",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	get #e() {

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

@@ -12,7 +12,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	get #e() {

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

@@ -28,7 +28,7 @@ var s = [
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	get #e() {

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

@@ -52,7 +52,7 @@ var s = {
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "2.22.4"
+			version: "2.23.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.22.4"
+			version: "2.23.0"
 		};
 	}
 	#e;

package/dist/forms/control/control2.js

@@ -51,7 +51,7 @@ var C = class extends _ {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	render() {

package/dist/forms/control-group/control-group2.js

@@ -24,7 +24,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	render() {

package/dist/forms/control-message/control-message2.js

@@ -23,7 +23,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-control-message",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	static {

package/dist/gauge/gauge2.js

@@ -45,7 +45,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-gauge",
-			version: "2.22.4"
+			version: "2.23.0"
 		};
 	}
 	#e;

package/dist/ghost/define.d.ts

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

package/dist/ghost/define.js

@@ -0,0 +1,6 @@
+import { Ghost as e } from "./ghost2.js";
+import { define as t } from "@nvidia-elements/foundations/internal/define";
+// src/ghost/define.ts
+t(e);
+
+//# sourceMappingURL=define.js.map

package/dist/ghost/define.js.map

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

package/dist/ghost/ghost.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * @element nve-ghost
+ * @description An inert visual preview of content or its prospective placement. Applications control its geometry, movement, and accessible feedback.
+ * @documentation https://nvidia.github.io/elements/docs/elements/ghost/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/ghost
+ * @slot - Presentation content for the preview.
+ * @cssprop --background
+ * @cssprop --border
+ * @cssprop --border-radius
+ * @cssprop --color
+ * @cssprop --stack-offset-x - Nonnegative horizontal distance between layers. Defaults to 4px.
+ * @cssprop --stack-offset-y - Nonnegative vertical distance between layers. Defaults to 4px.
+ * @cssprop --padding
+ */
+export declare class Ghost extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static readonly metadata: {
+        tag: string;
+        version: string;
+    };
+    /** Number of visual surfaces. Rendering truncates fractions and clamps to one through three; nonfinite values use one. */
+    layers: number;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/ghost/ghost.examples.js

@@ -0,0 +1,5 @@
+// src/ghost/ghost.examples.ts
+var e = "";
+export { e as default };
+
+//# sourceMappingURL=ghost.examples.js.map

package/dist/ghost/ghost.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ghost.examples.js","names":["ghost_examples_default"],"sources":["../../src/ghost/ghost.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/ghost/define.js';\n\nexport default { title: 'Elements/Ghost', component: 'nve-ghost' };\n\n/**\n * @summary Show a visual preview of content before placement. Include recognizable content to help users identify the preview.\n */\nexport const Preview = {\n  render: () => html`\n<nve-ghost style=\"width:300px;max-width:100%;height:180px\">\n  <div nve-layout=\"column gap:md\">\n    <strong nve-text=\"heading\">Notes</strong>\n    <p nve-text=\"body\">Review the training results and prepare the next run.</p>\n  </div>\n</nve-ghost>`\n};\n\n/**\n * @tags theme\n * @summary Compact carried preview with an opaque surface and a readable title. Customize the surface, border, and text color to distinguish carried content.\n */\nexport const Carried = {\n  render: () => html`\n<nve-ghost style=\"--background:var(--nve-sys-layer-container-background);--border:var(--nve-ref-border-width-md) solid var(--nve-sys-accent-secondary-background);--color:var(--nve-sys-text-emphasis-color);width:fit-content;max-width:100%;white-space:nowrap\">Editor</nve-ghost>`\n};\n\n/**\n * @tags theme\n * @summary Show carried items as a compact stack with one label. Set layers to two or three and customize the offsets to adjust their separation.\n */\nexport const Stack = {\n  render: () => html`\n<nve-ghost layers=\"3\" style=\"--background:var(--nve-sys-layer-container-background);--border:var(--nve-ref-border-width-md) solid var(--nve-sys-accent-secondary-background);width:fit-content;max-width:100%;white-space:nowrap\">Editor</nve-ghost>`\n};\n"],"mappings":";AAGA,IAAAA,IAAS"}