@nvidia-elements/core 2.22.5 → 2.23.0

package/dist/button/button2.js

@@ -12,7 +12,7 @@ var s = class extends o(r) {
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "2.22.5"
+			version: "2.23.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.22.5",
+			version: "2.23.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.22.5"
+			version: "2.23.0"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "2.22.5",
+			version: "2.23.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "2.22.5",
+			version: "2.23.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -70,7 +70,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "2.22.5",
+			version: "2.23.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.22.5"
+			version: "2.23.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.22.5",
+			version: "2.23.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.22.5",
+			version: "2.23.0",
 			children: [
 				"label",
 				"input",

package/dist/color/color2.js

@@ -2,21 +2,21 @@ import { appendRootNodeStyle as e, openEyeDropper as t } from "../internal/utils
 import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
 import { useStyles as r } from "../internal/styles/index.js";
 import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Control as a } from "../forms/control/control2.js";
-import { IconButton as o } from "../icon-button/icon-button2.js";
+import { IconButton as a } from "../icon-button/icon-button2.js";
+import { Control as o } from "../forms/control/control2.js";
 import { inputStyles as s } from "../input/input2.js";
 import c from "./color.global.js";
 import l from "./color.js";
 import { html as u } from "lit";
 import { property as d } from "lit/decorators/property.js";
 // src/color/color.ts
-var f = { expand: "expand" }, p = class extends a {
+var f = { expand: "expand" }, p = class extends o {
 	get i18nDefaults() {
 		return f;
 	}
 	static {
 		this.styles = r([
-			...a.styles,
+			...o.styles,
 			s,
 			l
 		]);
@@ -24,11 +24,11 @@ var f = { expand: "expand" }, p = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {
-		this.elementDefinitions = { [o.metadata.tag]: o };
+		this.elementDefinitions = { [a.metadata.tag]: a };
 	}
 	get suffixContent() {
 		return u`<nve-icon-button part="icon-button" .role="${"button"}" .ariaLabel="${this.i18n.expand}" icon-name="dropper" container="inline" @click="${() => this.#e()}"></nve-icon-button>`;

package/dist/combobox/combobox2.js

@@ -39,7 +39,7 @@ var S = {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {

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

@@ -35,7 +35,7 @@ var p = {
 	static {
 		this.metadata = {
 			tag: "nve-copy-button",
-			version: "2.22.5"
+			version: "2.23.0"
 		};
 	}
 	static {

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

@@ -1419,6 +1419,11 @@ export type GaugeProps = {
   i18n?: string;
 };
 
+export type GhostProps = {
+  /** Number of visual surfaces. Rendering truncates fractions and clamps to one through three; nonfinite values use one. */
+  layers?: number;
+};
+
 export type GridCellProps = {};
 
 export type GridColumnProps = {
@@ -4283,6 +4288,57 @@ Use when embedding within another container such as a toolbar. */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+export type WorkspacePanelContentProps = {};
+
+export type WorkspacePanelFooterProps = {};
+
+export type WorkspacePanelHeaderProps = {};
+
+export type WorkspacePanelProps = {
+  /** Application minimum total panel width in pixels. */
+  "min-width"?: number;
+  /** Application minimum total panel height in pixels. */
+  "min-height"?: number;
+  /** Application minimum total panel width in pixels. */
+  minWidth?: number;
+  /** Application minimum total panel height in pixels. */
+  minHeight?: number;
+};
+
+export type WorkspaceProps = {
+  /** Radial pointer distance in CSS pixels before a carried source detaches. Captured at gesture press. */
+  "detach-threshold"?: number;
+  /** Selects separator constraint behavior. */
+  "resize-policy"?: "stop" | "propagate";
+  /** Overrides localized workspace controls. */
+  i18n?: string;
+  /** Enables separator resizing. */
+  resizable?: boolean;
+  /** Enables moving groups and placement commands. Dragging individual tabs also requires groupable. */
+  rearrangeable?: boolean;
+  /** Enables dragging individual tabs, joining panels, and extracting panels when rearrangeable. */
+  groupable?: boolean;
+  /** 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. */
+  fullscreenable?: boolean;
+  /** Radial pointer distance in CSS pixels before a carried source detaches. Captured at gesture press. */
+  detachThreshold?: number;
+  /** Indicates whether the user can dismiss or close the element.
+- `true` The element displays a close control and the user can dismiss it.
+
+- `false` The user cannot close the element and must dismiss it programmatically. */
+  closable?: boolean;
+  /** Selects separator constraint behavior. */
+  resizePolicy?: "stop" | "propagate";
+  /** Selects panel content framing. */
+  container?: "inset" | "flat" | "full" | undefined;
+  /** 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) */
+  value?: string;
+  /** Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace. */
+  onchange?: (e: CustomEvent<Event>) => void;
+  /** Command availability may have changed; query relevant commands again. */
+  oncommandavailabilitychange?: (e: CustomEvent<never>) => void;
+};
+
 export type CustomElements = {
   /**
    * Provides the clickable heading region of an accordion that toggles the visibility of associated content.
@@ -5345,6 +5401,25 @@ export type CustomElements = {
    */
   "nve-gauge": Partial<GaugeProps & BaseProps & BaseEvents>;
 
+  /**
+   * An inert visual preview of content or its prospective placement. Applications control its geometry, movement, and accessible feedback.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Presentation content for the preview.
+   *
+   * ### **CSS Properties:**
+   *  - **--background** - undefined _(default: undefined)_
+   * - **--border** - undefined _(default: undefined)_
+   * - **--border-radius** - undefined _(default: undefined)_
+   * - **--color** - undefined _(default: undefined)_
+   * - **--stack-offset-x** - Nonnegative horizontal distance between layers. Defaults to 4px. _(default: undefined)_
+   * - **--stack-offset-y** - Nonnegative vertical distance between layers. Defaults to 4px. _(default: undefined)_
+   * - **--padding** - undefined _(default: undefined)_
+   */
+  "nve-ghost": Partial<GhostProps & BaseProps & BaseEvents>;
+
   /**
    * Represents an individual data cell within a grid row, displaying content aligned to its parent column.
    * ---
@@ -7059,4 +7134,118 @@ export type CustomElements = {
    *  - **icon-button** - The calendar icon button element
    */
   "nve-week": Partial<WeekProps & BaseProps & BaseEvents>;
+
+  /**
+   * Provides padding for workspace panel content.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Application content.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   */
+  "nve-workspace-panel-content": Partial<WorkspacePanelContentProps & BaseProps & BaseEvents>;
+
+  /**
+   * Provides workspace panel status and actions outside the scrolling body.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Status and actions.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   * - **--border-top** - undefined _(default: undefined)_
+   * - **--gap** - undefined _(default: undefined)_
+   */
+  "nve-workspace-panel-footer": Partial<WorkspacePanelFooterProps & BaseProps & BaseEvents>;
+
+  /**
+   * Supplies a workspace panel title, decoration, and application controls.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Noninteractive panel title.
+   * - **prefix** - Noninteractive title decoration.
+   * - **suffix** - Application controls for the selected panel.
+   *
+   * ### **CSS Properties:**
+   *  - **--min-height** - undefined _(default: undefined)_
+   * - **--padding** - Padding around the title. _(default: undefined)_
+   * - **--prefix-padding** - Padding around title decoration. _(default: undefined)_
+   * - **--prefix-border** - Border after title decoration. _(default: undefined)_
+   * - **--suffix-padding** - Override the shared inset around header controls. _(default: undefined)_
+   * - **--suffix-border** - Border before header controls. _(default: undefined)_
+   * - **--gap** - undefined _(default: undefined)_
+   * - **--border-bottom** - undefined _(default: undefined)_
+   */
+  "nve-workspace-panel-header": Partial<WorkspacePanelHeaderProps & BaseProps & BaseEvents>;
+
+  /**
+   * Stable application content and its workspace chrome.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Application content.
+   * - **header** - Title and controls.
+   * - **footer** - Status and actions.
+   *
+   * ### **CSS Properties:**
+   *  - **--background** - undefined _(default: undefined)_
+   * - **--border** - undefined _(default: undefined)_
+   * - **--box-shadow** - undefined _(default: undefined)_
+   */
+  "nve-workspace-panel": Partial<WorkspacePanelProps & BaseProps & BaseEvents>;
+
+  /**
+   * A workspace provides a malleable arrangement of application panels in a restorable layout.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **change** - Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace.
+   * - **commandavailabilitychange** - Command availability may have changed; query relevant commands again.
+   *
+   * ### **Methods:**
+   *  - **animateTo(value: _string_, options: _WorkspaceAnimationOptions_): _void_** - Restores an arrangement with animated geometry while retaining application content.
+   * - **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.
+   *
+   * ### **Slots:**
+   *  - _default_ - Workspace panels with durable IDs and application dropdown groups.
+   *
+   * ### **CSS Properties:**
+   *  - **--gap** - Space between groups as one nonnegative CSS length. _(default: undefined)_
+   * - **--border-radius** - Corner radius of contained groups. _(default: undefined)_
+   * - **--tab-min-width** - Smallest tab width before scrolling. _(default: undefined)_
+   * - **--tab-border** - Border between tabs, after the drag handle, and before group controls without an authored suffix. _(default: undefined)_
+   * - **--header-control-size** - Size of built-in header buttons and the base drag handle width. _(default: undefined)_
+   * - **--header-control-inset** - Horizontal spacing around fullscreen and the drag handle. _(default: undefined)_
+   * - **--close-button-inset** - Space after each panel close control. _(default: undefined)_
+   * - **--animation-duration** - Duration of coordinated layout and placement transitions. _(default: undefined)_
+   * - **--animation-easing** - Easing of coordinated layout and placement transitions. _(default: undefined)_
+   * - **--gutter-background** - Idle separator fill. _(default: undefined)_
+   * - **--gutter-hover-background** - Separator fill on hover. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **tabs** - Tab strips.
+   * - **tabs-item** - Panel selection controls.
+   * - **tab** - Alias for panel selection controls.
+   * - **tabs-item-group** - Tab and accessory layouts.
+   * - **icon-button** - Built-in header icon controls.
+   * - **fullscreen-button** - Group fullscreen control.
+   * - **close-button** - Panel closing controls.
+   * - **resize-handle** - Separator control.
+   * - **ghost** - Destination and carried previews.
+   * - **destination-ghost** - Animated insertion cue.
+   * - **carried-ghost** - Pointer-following carried panel previews.
+   * - **icon** - Placement status icons.
+   * - **blocked-icon** - Unavailable placement indicator.
+   * - **drag-handle** - Group movement control.
+   */
+  "nve-workspace": Partial<WorkspaceProps & BaseProps & BaseEvents>;
 };

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

@@ -1288,6 +1288,11 @@ type GaugeProps = {
   i18n?: string;
 };
 
+type GhostProps = {
+  /** Number of visual surfaces. Rendering truncates fractions and clamps to one through three; nonfinite values use one. */
+  layers?: number;
+};
+
 type GridCellProps = {};
 
 type GridColumnProps = {
@@ -4030,6 +4035,57 @@ Use when embedding within another container such as a toolbar. */
   onreset?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+type WorkspacePanelContentProps = {};
+
+type WorkspacePanelFooterProps = {};
+
+type WorkspacePanelHeaderProps = {};
+
+type WorkspacePanelProps = {
+  /** Application minimum total panel width in pixels. */
+  "min-width"?: number;
+  /** Application minimum total panel height in pixels. */
+  "min-height"?: number;
+  /** Application minimum total panel width in pixels. */
+  minWidth?: number;
+  /** Application minimum total panel height in pixels. */
+  minHeight?: number;
+};
+
+type WorkspaceProps = {
+  /** Radial pointer distance in CSS pixels before a carried source detaches. Captured at gesture press. */
+  "detach-threshold"?: number;
+  /** Selects separator constraint behavior. */
+  "resize-policy"?: "stop" | "propagate";
+  /** Overrides localized workspace controls. */
+  i18n?: string;
+  /** Enables separator resizing. */
+  resizable?: boolean;
+  /** Enables moving groups and placement commands. Dragging individual tabs also requires groupable. */
+  rearrangeable?: boolean;
+  /** Enables dragging individual tabs, joining panels, and extracting panels when rearrangeable. */
+  groupable?: boolean;
+  /** 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. */
+  fullscreenable?: boolean;
+  /** Radial pointer distance in CSS pixels before a carried source detaches. Captured at gesture press. */
+  detachThreshold?: number;
+  /** Indicates whether the user can dismiss or close the element.
+- `true` The element displays a close control and the user can dismiss it.
+
+- `false` The user cannot close the element and must dismiss it programmatically. */
+  closable?: boolean;
+  /** Selects separator constraint behavior. */
+  resizePolicy?: "stop" | "propagate";
+  /** Selects panel content framing. */
+  container?: "inset" | "flat" | "full" | undefined;
+  /** 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) */
+  value?: string;
+  /** Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace. */
+  onchange?: (e: CustomEvent<Event>) => void;
+  /** Command availability may have changed; query relevant commands again. */
+  oncommandavailabilitychange?: (e: CustomEvent<never>) => void;
+};
+
 export type CustomElements = {
   /**
    * Provides the clickable heading region of an accordion that toggles the visibility of associated content.
@@ -5092,6 +5148,25 @@ export type CustomElements = {
    */
   "nve-gauge": DefineComponent<GaugeProps>;
 
+  /**
+   * An inert visual preview of content or its prospective placement. Applications control its geometry, movement, and accessible feedback.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Presentation content for the preview.
+   *
+   * ### **CSS Properties:**
+   *  - **--background** - undefined _(default: undefined)_
+   * - **--border** - undefined _(default: undefined)_
+   * - **--border-radius** - undefined _(default: undefined)_
+   * - **--color** - undefined _(default: undefined)_
+   * - **--stack-offset-x** - Nonnegative horizontal distance between layers. Defaults to 4px. _(default: undefined)_
+   * - **--stack-offset-y** - Nonnegative vertical distance between layers. Defaults to 4px. _(default: undefined)_
+   * - **--padding** - undefined _(default: undefined)_
+   */
+  "nve-ghost": DefineComponent<GhostProps>;
+
   /**
    * Represents an individual data cell within a grid row, displaying content aligned to its parent column.
    * ---
@@ -6806,6 +6881,120 @@ export type CustomElements = {
    *  - **icon-button** - The calendar icon button element
    */
   "nve-week": DefineComponent<WeekProps>;
+
+  /**
+   * Provides padding for workspace panel content.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Application content.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   */
+  "nve-workspace-panel-content": DefineComponent<WorkspacePanelContentProps>;
+
+  /**
+   * Provides workspace panel status and actions outside the scrolling body.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Status and actions.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   * - **--border-top** - undefined _(default: undefined)_
+   * - **--gap** - undefined _(default: undefined)_
+   */
+  "nve-workspace-panel-footer": DefineComponent<WorkspacePanelFooterProps>;
+
+  /**
+   * Supplies a workspace panel title, decoration, and application controls.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Noninteractive panel title.
+   * - **prefix** - Noninteractive title decoration.
+   * - **suffix** - Application controls for the selected panel.
+   *
+   * ### **CSS Properties:**
+   *  - **--min-height** - undefined _(default: undefined)_
+   * - **--padding** - Padding around the title. _(default: undefined)_
+   * - **--prefix-padding** - Padding around title decoration. _(default: undefined)_
+   * - **--prefix-border** - Border after title decoration. _(default: undefined)_
+   * - **--suffix-padding** - Override the shared inset around header controls. _(default: undefined)_
+   * - **--suffix-border** - Border before header controls. _(default: undefined)_
+   * - **--gap** - undefined _(default: undefined)_
+   * - **--border-bottom** - undefined _(default: undefined)_
+   */
+  "nve-workspace-panel-header": DefineComponent<WorkspacePanelHeaderProps>;
+
+  /**
+   * Stable application content and its workspace chrome.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Application content.
+   * - **header** - Title and controls.
+   * - **footer** - Status and actions.
+   *
+   * ### **CSS Properties:**
+   *  - **--background** - undefined _(default: undefined)_
+   * - **--border** - undefined _(default: undefined)_
+   * - **--box-shadow** - undefined _(default: undefined)_
+   */
+  "nve-workspace-panel": DefineComponent<WorkspacePanelProps>;
+
+  /**
+   * A workspace provides a malleable arrangement of application panels in a restorable layout.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **change** - Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace.
+   * - **commandavailabilitychange** - Command availability may have changed; query relevant commands again.
+   *
+   * ### **Methods:**
+   *  - **animateTo(value: _string_, options: _WorkspaceAnimationOptions_): _void_** - Restores an arrangement with animated geometry while retaining application content.
+   * - **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.
+   *
+   * ### **Slots:**
+   *  - _default_ - Workspace panels with durable IDs and application dropdown groups.
+   *
+   * ### **CSS Properties:**
+   *  - **--gap** - Space between groups as one nonnegative CSS length. _(default: undefined)_
+   * - **--border-radius** - Corner radius of contained groups. _(default: undefined)_
+   * - **--tab-min-width** - Smallest tab width before scrolling. _(default: undefined)_
+   * - **--tab-border** - Border between tabs, after the drag handle, and before group controls without an authored suffix. _(default: undefined)_
+   * - **--header-control-size** - Size of built-in header buttons and the base drag handle width. _(default: undefined)_
+   * - **--header-control-inset** - Horizontal spacing around fullscreen and the drag handle. _(default: undefined)_
+   * - **--close-button-inset** - Space after each panel close control. _(default: undefined)_
+   * - **--animation-duration** - Duration of coordinated layout and placement transitions. _(default: undefined)_
+   * - **--animation-easing** - Easing of coordinated layout and placement transitions. _(default: undefined)_
+   * - **--gutter-background** - Idle separator fill. _(default: undefined)_
+   * - **--gutter-hover-background** - Separator fill on hover. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **tabs** - Tab strips.
+   * - **tabs-item** - Panel selection controls.
+   * - **tab** - Alias for panel selection controls.
+   * - **tabs-item-group** - Tab and accessory layouts.
+   * - **icon-button** - Built-in header icon controls.
+   * - **fullscreen-button** - Group fullscreen control.
+   * - **close-button** - Panel closing controls.
+   * - **resize-handle** - Separator control.
+   * - **ghost** - Destination and carried previews.
+   * - **destination-ghost** - Animated insertion cue.
+   * - **carried-ghost** - Pointer-following carried panel previews.
+   * - **icon** - Placement status icons.
+   * - **blocked-icon** - Unavailable placement indicator.
+   * - **drag-handle** - Group movement control.
+   */
+  "nve-workspace": DefineComponent<WorkspaceProps>;
 };
 
 declare module "vue" {