@nvidia-elements/core 2.12.0 → 2.12.2

package/dist/bundles/index.d.ts

@@ -131,374 +131,7 @@ export interface I18nStrings {
 	unmuteMedia: string;
 	volume: string;
 }
-export interface IconSVG {
-	svg: () => Promise<string> | string;
-}
-export declare const ICON_IMPORTS: {
-	placeholder: IconSVG;
-	caret: IconSVG;
-	person: IconSVG;
-	menu: IconSVG;
-	cancel: IconSVG;
-	gear: IconSVG;
-	chevron: IconSVG;
-	logout: IconSVG;
-	copy: IconSVG;
-	"more-actions": IconSVG;
-	add: IconSVG;
-	arrow: IconSVG;
-	delete: IconSVG;
-	download: IconSVG;
-	search: IconSVG;
-	"split-vertical": IconSVG;
-	sparkles: IconSVG;
-	branch: IconSVG;
-	refresh: IconSVG;
-	"double-chevron": IconSVG;
-	"academic-cap": IconSVG;
-	"add-asset": IconSVG;
-	"add-comment": IconSVG;
-	"add-grid": IconSVG;
-	"add-user": IconSVG;
-	ancestors: IconSVG;
-	archive: IconSVG;
-	"arrow-angle": IconSVG;
-	"arrow-both": IconSVG;
-	"arrow-cycle": IconSVG;
-	"arrow-path-rounded-square": IconSVG;
-	"arrow-stop": IconSVG;
-	"at-symbol": IconSVG;
-	backspace: IconSVG;
-	"bar-pill-stack": IconSVG;
-	"bars-3": IconSVG;
-	"bars-3-bottom-left": IconSVG;
-	"bars-3-bottom-right": IconSVG;
-	"bars-3-center-left": IconSVG;
-	"bars-4": IconSVG;
-	beaker: IconSVG;
-	bell: IconSVG;
-	"bell-slash": IconSVG;
-	"bell-solid": IconSVG;
-	bold: IconSVG;
-	book: IconSVG;
-	"book-solid": IconSVG;
-	bookmark: IconSVG;
-	"bookmark-solid": IconSVG;
-	"bounding-box": IconSVG;
-	briefcase: IconSVG;
-	broadcast: IconSVG;
-	browser: IconSVG;
-	bug: IconSVG;
-	calendar: IconSVG;
-	camera: IconSVG;
-	"carets-closed-square": IconSVG;
-	carousel: IconSVG;
-	"category-list": IconSVG;
-	"chart-bar": IconSVG;
-	"chat-bubble": IconSVG;
-	"chat-bubble-solid": IconSVG;
-	"chat-bubbles": IconSVG;
-	check: IconSVG;
-	"check-badge": IconSVG;
-	"check-badge-solid": IconSVG;
-	checklist: IconSVG;
-	"checkmark-circle": IconSVG;
-	"checkmark-circle-solid": IconSVG;
-	chip: IconSVG;
-	circle: IconSVG;
-	"circle-angled-line": IconSVG;
-	"circle-angled-line-solid": IconSVG;
-	"circle-dash": IconSVG;
-	"circle-dot": IconSVG;
-	"circle-dot-arrows": IconSVG;
-	"circle-half": IconSVG;
-	"circle-rule": IconSVG;
-	"circle-tick": IconSVG;
-	clipboard: IconSVG;
-	clock: IconSVG;
-	"clock-circle-arrow": IconSVG;
-	cloud: IconSVG;
-	"cloud-download": IconSVG;
-	"cloud-upload": IconSVG;
-	code: IconSVG;
-	"collapse-all": IconSVG;
-	"collapse-details": IconSVG;
-	"color-palette": IconSVG;
-	columns: IconSVG;
-	compare: IconSVG;
-	computer: IconSVG;
-	"connect-node": IconSVG;
-	"connected-blocks": IconSVG;
-	"cross-hairs": IconSVG;
-	"cursor-rays": IconSVG;
-	"cursor-ripples": IconSVG;
-	"data-management": IconSVG;
-	"delete-node": IconSVG;
-	"delete-solid": IconSVG;
-	"doc-checkmark": IconSVG;
-	"dock-bottom": IconSVG;
-	"dock-none": IconSVG;
-	"dock-side": IconSVG;
-	document: IconSVG;
-	"document-clipboard": IconSVG;
-	dot: IconSVG;
-	"dot-solid": IconSVG;
-	drag: IconSVG;
-	dropper: IconSVG;
-	duplicate: IconSVG;
-	edit: IconSVG;
-	ellipses: IconSVG;
-	envelope: IconSVG;
-	"exclamation-circle": IconSVG;
-	"exclamation-circle-solid": IconSVG;
-	"exclamation-mark": IconSVG;
-	"exclamation-triangle": IconSVG;
-	"exclamation-triangle-solid": IconSVG;
-	"expand-all": IconSVG;
-	"expand-details": IconSVG;
-	expression: IconSVG;
-	eye: IconSVG;
-	"eye-hidden": IconSVG;
-	"face-frown": IconSVG;
-	"face-smile": IconSVG;
-	"face-smile-solid": IconSVG;
-	"fast-forward": IconSVG;
-	"fast-forward-10": IconSVG;
-	film: IconSVG;
-	filter: IconSVG;
-	"filter-solid": IconSVG;
-	flag: IconSVG;
-	"flag-solid": IconSVG;
-	fold: IconSVG;
-	folder: IconSVG;
-	fork: IconSVG;
-	"gear-solid": IconSVG;
-	globe: IconSVG;
-	"globe-alt": IconSVG;
-	group: IconSVG;
-	"group-boxes": IconSVG;
-	hand: IconSVG;
-	hash: IconSVG;
-	heading: IconSVG;
-	home: IconSVG;
-	"home-solid": IconSVG;
-	"horizontal-rule": IconSVG;
-	hourglass: IconSVG;
-	"hourglass-end": IconSVG;
-	"hourglass-mid": IconSVG;
-	"hourglass-start": IconSVG;
-	identification: IconSVG;
-	image: IconSVG;
-	inbox: IconSVG;
-	infinity: IconSVG;
-	"information-circle": IconSVG;
-	"information-circle-solid": IconSVG;
-	inspect: IconSVG;
-	italic: IconSVG;
-	key: IconSVG;
-	keyboard: IconSVG;
-	"laptop-phone": IconSVG;
-	layers: IconSVG;
-	lifebuoy: IconSVG;
-	lightbulb: IconSVG;
-	"lightning-bolt": IconSVG;
-	"lightning-bolt-solid": IconSVG;
-	link: IconSVG;
-	"list-ordered": IconSVG;
-	"list-unordered": IconSVG;
-	lock: IconSVG;
-	"lock-solid": IconSVG;
-	login: IconSVG;
-	looping: IconSVG;
-	"looping-off": IconSVG;
-	map: IconSVG;
-	"map-drives": IconSVG;
-	"map-pin": IconSVG;
-	markdown: IconSVG;
-	maximize: IconSVG;
-	megaphone: IconSVG;
-	merge: IconSVG;
-	meter: IconSVG;
-	minimize: IconSVG;
-	minus: IconSVG;
-	"minus-circle": IconSVG;
-	"minus-circle-solid": IconSVG;
-	moon: IconSVG;
-	multiselect: IconSVG;
-	"music-note": IconSVG;
-	newspaper: IconSVG;
-	"not-allowed": IconSVG;
-	numbers: IconSVG;
-	"office-building": IconSVG;
-	outline: IconSVG;
-	"paper-airplane": IconSVG;
-	"paper-clip": IconSVG;
-	pause: IconSVG;
-	"pencil-square": IconSVG;
-	"person-2": IconSVG;
-	"person-3": IconSVG;
-	"person-circle": IconSVG;
-	"person-solid": IconSVG;
-	phone: IconSVG;
-	"picture-in-picture": IconSVG;
-	"pie-chart": IconSVG;
-	pin: IconSVG;
-	"pin-solid": IconSVG;
-	"pizza-slice": IconSVG;
-	play: IconSVG;
-	plug: IconSVG;
-	"plus-circle": IconSVG;
-	"plus-circle-solid": IconSVG;
-	"plus-minus": IconSVG;
-	pointer: IconSVG;
-	"pointer-solid": IconSVG;
-	"priority-high": IconSVG;
-	"priority-low": IconSVG;
-	"priority-medium": IconSVG;
-	projector: IconSVG;
-	"pull-close": IconSVG;
-	"pull-draft": IconSVG;
-	"pull-open": IconSVG;
-	pulse: IconSVG;
-	"puzzle-piece": IconSVG;
-	"question-mark-circle": IconSVG;
-	"question-mark-circle-solid": IconSVG;
-	"rectangle-group": IconSVG;
-	"rectangle-stack-horizontal": IconSVG;
-	"rectangle-stack-vertical": IconSVG;
-	redo: IconSVG;
-	reply: IconSVG;
-	rewind: IconSVG;
-	"rewind-10": IconSVG;
-	rocketship: IconSVG;
-	running: IconSVG;
-	scale: IconSVG;
-	scissors: IconSVG;
-	sensor: IconSVG;
-	server: IconSVG;
-	"server-stack": IconSVG;
-	shapes: IconSVG;
-	share: IconSVG;
-	signal: IconSVG;
-	"signal-slash": IconSVG;
-	signpost: IconSVG;
-	"sort-ascending": IconSVG;
-	"sort-descending": IconSVG;
-	soundwave: IconSVG;
-	"sparkles-solid": IconSVG;
-	"split-horizontal": IconSVG;
-	"split-none": IconSVG;
-	star: IconSVG;
-	"star-half": IconSVG;
-	"star-stroke": IconSVG;
-	start: IconSVG;
-	"status-offline": IconSVG;
-	"status-online": IconSVG;
-	stop: IconSVG;
-	"stop-sign": IconSVG;
-	stopwatch: IconSVG;
-	strikethrough: IconSVG;
-	sun: IconSVG;
-	swatch: IconSVG;
-	switch: IconSVG;
-	"switch-apps": IconSVG;
-	table: IconSVG;
-	tag: IconSVG;
-	task: IconSVG;
-	telescope: IconSVG;
-	template: IconSVG;
-	terminal: IconSVG;
-	thumb: IconSVG;
-	"thumb-solid": IconSVG;
-	"traffic-cone": IconSVG;
-	"transparent-box": IconSVG;
-	"trend-down": IconSVG;
-	"trend-up": IconSVG;
-	trophy: IconSVG;
-	truck: IconSVG;
-	typography: IconSVG;
-	undo: IconSVG;
-	unlock: IconSVG;
-	"unlock-solid": IconSVG;
-	upload: IconSVG;
-	"video-camera": IconSVG;
-	"view-as-grid": IconSVG;
-	volume: IconSVG;
-	"volume-muted": IconSVG;
-	"volume-solid": IconSVG;
-	wifi: IconSVG;
-	wrench: IconSVG;
-	"wrench-solid": IconSVG;
-	"x-circle": IconSVG;
-	"x-circle-solid": IconSVG;
-	"zoom-in": IconSVG;
-	"zoom-out": IconSVG;
-};
 export type IconName = "placeholder" | "caret" | "person" | "menu" | "cancel" | "gear" | "chevron" | "logout" | "copy" | "more-actions" | "add" | "arrow" | "delete" | "download" | "search" | "split-vertical" | "sparkles" | "branch" | "refresh" | "double-chevron" | "academic-cap" | "add-asset" | "add-comment" | "add-grid" | "add-user" | "ancestors" | "archive" | "arrow-angle" | "arrow-both" | "arrow-cycle" | "arrow-path-rounded-square" | "arrow-stop" | "at-symbol" | "backspace" | "bar-pill-stack" | "bars-3" | "bars-3-bottom-left" | "bars-3-bottom-right" | "bars-3-center-left" | "bars-4" | "beaker" | "bell" | "bell-slash" | "bold" | "book" | "bookmark" | "bounding-box" | "briefcase" | "broadcast" | "browser" | "bug" | "calendar" | "camera" | "carets-closed-square" | "carousel" | "category-list" | "chart-bar" | "chat-bubble" | "chat-bubbles" | "check" | "check-badge" | "checklist" | "checkmark-circle" | "chip" | "circle" | "circle-angled-line" | "circle-dash" | "circle-dot" | "circle-dot-arrows" | "circle-half" | "circle-rule" | "circle-tick" | "clipboard" | "clock" | "clock-circle-arrow" | "cloud" | "cloud-download" | "cloud-upload" | "code" | "collapse-all" | "collapse-details" | "color-palette" | "columns" | "compare" | "computer" | "connect-node" | "connected-blocks" | "cross-hairs" | "cursor-rays" | "cursor-ripples" | "data-management" | "delete-node" | "doc-checkmark" | "dock-bottom" | "dock-none" | "dock-side" | "document" | "document-clipboard" | "dot" | "drag" | "dropper" | "duplicate" | "edit" | "ellipses" | "envelope" | "exclamation-circle" | "exclamation-mark" | "exclamation-triangle" | "expand-all" | "expand-details" | "expression" | "eye" | "eye-hidden" | "face-frown" | "face-smile" | "fast-forward" | "fast-forward-10" | "film" | "filter" | "flag" | "fold" | "folder" | "fork" | "globe" | "globe-alt" | "group" | "group-boxes" | "hand" | "hash" | "heading" | "home" | "horizontal-rule" | "hourglass" | "hourglass-end" | "hourglass-mid" | "hourglass-start" | "identification" | "image" | "inbox" | "infinity" | "information-circle" | "inspect" | "italic" | "key" | "keyboard" | "laptop-phone" | "layers" | "lifebuoy" | "lightbulb" | "lightning-bolt" | "link" | "list-ordered" | "list-unordered" | "lock" | "login" | "looping" | "looping-off" | "map" | "map-drives" | "map-pin" | "markdown" | "maximize" | "megaphone" | "merge" | "meter" | "minimize" | "minus" | "minus-circle" | "moon" | "multiselect" | "music-note" | "newspaper" | "not-allowed" | "numbers" | "office-building" | "outline" | "paper-airplane" | "paper-clip" | "pause" | "pencil-square" | "person-2" | "person-3" | "person-circle" | "phone" | "picture-in-picture" | "pie-chart" | "pin" | "pizza-slice" | "play" | "plug" | "plus-circle" | "plus-minus" | "pointer" | "priority-high" | "priority-low" | "priority-medium" | "projector" | "pull-close" | "pull-draft" | "pull-open" | "pulse" | "puzzle-piece" | "question-mark-circle" | "rectangle-group" | "rectangle-stack-horizontal" | "rectangle-stack-vertical" | "redo" | "reply" | "rewind" | "rewind-10" | "rocketship" | "running" | "scale" | "scissors" | "sensor" | "server" | "server-stack" | "shapes" | "share" | "signal" | "signal-slash" | "signpost" | "sort-ascending" | "sort-descending" | "soundwave" | "split-horizontal" | "split-none" | "star" | "star-half" | "star-stroke" | "start" | "status-offline" | "status-online" | "stop" | "stop-sign" | "stopwatch" | "strikethrough" | "sun" | "swatch" | "switch" | "switch-apps" | "table" | "tag" | "task" | "telescope" | "template" | "terminal" | "thumb" | "traffic-cone" | "transparent-box" | "trend-down" | "trend-up" | "trophy" | "truck" | "typography" | "undo" | "unlock" | "upload" | "video-camera" | "view-as-grid" | "volume" | "volume-muted" | "wifi" | "wrench" | "x-circle" | "zoom-in" | "zoom-out";
-export type IconNameSolid = "bell" | "book" | "bookmark" | "chat-bubble" | "check-badge" | "checkmark-circle" | "circle-angled-line" | "delete" | "dot" | "exclamation-circle" | "exclamation-triangle" | "face-smile" | "filter" | "flag" | "gear" | "home" | "information-circle" | "lightning-bolt" | "lock" | "minus-circle" | "person" | "pin" | "plus-circle" | "pointer" | "question-mark-circle" | "sparkles" | "thumb" | "unlock" | "volume" | "wrench" | "x-circle";
-export declare const ICON_NAMES_SOLID: readonly IconNameSolid[];
-export declare const ICON_NAMES: IconName[];
-/**
- * @element nve-icon
- * @since 0.1.3
- * @entrypoint \@nvidia-elements/core/icon
- * @description An icon is a graphic symbol designed to visually show the purpose of an interface element.
- * @documentation https://nvidia.github.io/elements/docs/elements/icon/
- * @cssprop --color
- * @cssprop --width
- * @cssprop --height
- * @slot - Custom SVG content to override the named icon
- * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img
- */
-export declare class Icon extends LitElement {
-	#private;
-	/**
-	 * Visual treatment to represent current support status.
-	 */
-	status?: "warning" | "danger" | "success" | "accent";
-	/**
-	 * Controls the bounding box size of the icon given a t-shirt style value.
-	 */
-	size?: Size | "xs" | "xl";
-	/**
-	 * Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions)
-	 */
-	direction?: "up" | "down" | "left" | "right";
-	/**
-	 * Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to
-	 * the outline form when that asset is unavailable.
-	 */
-	appearance?: "outline" | "solid";
-	/**
-	 * The name of the icon SVG sprite to render.
-	 */
-	name?: IconName;
-	private svg;
-	static styles: CSSResult[];
-	static readonly metadata: {
-		tag: string;
-		version: string;
-	};
-	static _icons: {
-		[key: string]: IconSVG;
-	};
-	private static get _iconsRegistry();
-	private static set _iconsRegistry(value);
-	private static get registeredIcon();
-	/** @private */
-	_internals: ElementInternals;
-	render(): TemplateResult<1>;
-	connectedCallback(): void;
-	disconnectedCallback(): void;
-	static add(icons: {
-		[key: string]: IconSVG;
-	}): Promise<void>;
-	static alias(aliases: {
-		[key: string]: IconName | string;
-	}): void;
-	updated(props: PropertyValues<this>): Promise<void>;
-}
-export declare function mergeIcons(RegisteredIcon: typeof Icon): void;
 export type Color = "red-cardinal" | "gray-slate" | "gray-denim" | "blue-indigo" | "blue-cobalt" | "blue-sky" | "teal-cyan" | "green-mint" | "teal-seafoam" | "green-grass" | "yellow-amber" | "orange-pumpkin" | "red-tomato" | "pink-magenta" | "purple-plum" | "purple-violet" | "purple-lavender" | "pink-rose" | "green-jade" | "lime-pear" | "yellow-nova" | "brand-green";
 /** Controls the visual scale of an element to match its importance and available space.
  * - `sm` - Compact size for dense layouts or secondary elements with less visual prominence.
@@ -944,126 +577,493 @@ export interface ButtonFormControlMixinInstance {
 	 * @attr type
 	 * @reflect
 	 */
-	type: ButtonType;
+	type: ButtonType;
+	/**
+	 * Prevents the user from interacting with the button.
+	 * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-disabled
+	 * @attr disabled
+	 * @reflect
+	 */
+	disabled: boolean;
+	/**
+	 * Sets selected state when the button belongs to a multi-choice selection group.
+	 * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
+	 * @attr selected
+	 * @reflect
+	 */
+	selected: boolean;
+	/**
+	 * Sets the current state used to represent the current page or navigation link.
+	 * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current
+	 * @attr current
+	 * @reflect
+	 */
+	current: CurrentState;
+	/**
+	 * Establishes a relationship between a popover and its invoker button.
+	 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement
+	 * @attr popovertarget
+	 * @reflect
+	 */
+	popoverTargetElement: HTMLElement | null;
+	/**
+	 * The popover target action to perform on the popover target element.
+	 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction
+	 * @attr popovertargetaction
+	 * @reflect
+	 */
+	popoverTargetAction: PopoverTargetAction;
+	/**
+	 * The element that receives the command.
+	 * https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
+	 * @attr commandfor
+	 * @reflect
+	 */
+	commandForElement: HTMLElement | null;
+	/**
+	 * The command to execute on the element.
+	 * https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
+	 * @attr command
+	 * @reflect
+	 */
+	command: string;
 	/**
-	 * Prevents the user from interacting with the button.
-	 * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-disabled
-	 * @attr disabled
+	 * The element that receives the interest.
+	 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement
+	 * @attr interestfor
 	 * @reflect
 	 */
-	disabled: boolean;
+	interestForElement: HTMLElement | null;
+	_internals: ElementInternals;
+}
+export interface ButtonFormControlHost {
+	connectedCallback?(): void;
+	disconnectedCallback?(): void;
+	attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void;
+	requestUpdate?(name?: string, oldValue?: unknown): void;
+	updateComplete?: Promise<unknown>;
+}
+type Constructor$1 = (new (...args: any[]) => HTMLElement & ButtonFormControlHost) & {
+	observedAttributes?: string[];
+};
+export type ButtonFormControlConstructor<TBase extends Constructor$1> = new (...args: ConstructorParameters<TBase>) => InstanceType<TBase> & ButtonFormControlMixinInstance;
+export type ButtonFormControlMixinReturn<TBase extends Constructor$1> = ButtonFormControlConstructor<TBase> & {
+	formAssociated: boolean;
+	observedAttributes: string[];
+} & Omit<TBase, "prototype">;
+declare const Button_base: ButtonFormControlMixinReturn<typeof LitElement>;
+/**
+ * @element nve-button
+ * @description A button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.
+ * @documentation https://nvidia.github.io/elements/docs/elements/button/
+ * @since 0.1.3
+ * @entrypoint \@nvidia-elements/core/button
+ * @slot - slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content.
+ * @cssprop --background
+ * @cssprop --color
+ * @cssprop --padding
+ * @cssprop --border
+ * @cssprop --border-radius
+ * @cssprop --font-weight
+ * @cssprop --font-size
+ * @cssprop --text-decoration
+ * @cssprop --text-align
+ * @cssprop --cursor
+ * @cssprop --gap
+ * @cssprop --height
+ * @cssprop --text-transform
+ * @cssprop --line-height
+ * @cssprop --width
+ * @cssprop --min-width
+ * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/
+ */
+export declare class Button extends Button_base {
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+	};
 	/**
-	 * Sets selected state when the button belongs to a multi-choice selection group.
-	 * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
-	 * @attr selected
-	 * @reflect
+	 * Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text.
 	 */
-	selected: boolean;
+	container?: "flat" | "inline";
 	/**
-	 * Sets the current state used to represent the current page or navigation link.
-	 * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current
-	 * @attr current
-	 * @reflect
+	 * Determines size of the button.
 	 */
-	current: CurrentState;
+	size?: Size;
+	/**
+	 * The Interaction type provides a way to show the intended use case for a button or other interactive element. This can help users quickly understand what each interaction will do and reduce the potential for confusion or errors.
+	 */
+	interaction: Interaction;
+	render(): TemplateResult<1>;
+}
+export interface IconSVG {
+	svg: () => Promise<string> | string;
+}
+export declare const ICON_IMPORTS: {
+	placeholder: IconSVG;
+	caret: IconSVG;
+	person: IconSVG;
+	menu: IconSVG;
+	cancel: IconSVG;
+	gear: IconSVG;
+	chevron: IconSVG;
+	logout: IconSVG;
+	copy: IconSVG;
+	"more-actions": IconSVG;
+	add: IconSVG;
+	arrow: IconSVG;
+	delete: IconSVG;
+	download: IconSVG;
+	search: IconSVG;
+	"split-vertical": IconSVG;
+	sparkles: IconSVG;
+	branch: IconSVG;
+	refresh: IconSVG;
+	"double-chevron": IconSVG;
+	"academic-cap": IconSVG;
+	"add-asset": IconSVG;
+	"add-comment": IconSVG;
+	"add-grid": IconSVG;
+	"add-user": IconSVG;
+	ancestors: IconSVG;
+	archive: IconSVG;
+	"arrow-angle": IconSVG;
+	"arrow-both": IconSVG;
+	"arrow-cycle": IconSVG;
+	"arrow-path-rounded-square": IconSVG;
+	"arrow-stop": IconSVG;
+	"at-symbol": IconSVG;
+	backspace: IconSVG;
+	"bar-pill-stack": IconSVG;
+	"bars-3": IconSVG;
+	"bars-3-bottom-left": IconSVG;
+	"bars-3-bottom-right": IconSVG;
+	"bars-3-center-left": IconSVG;
+	"bars-4": IconSVG;
+	beaker: IconSVG;
+	bell: IconSVG;
+	"bell-slash": IconSVG;
+	"bell-solid": IconSVG;
+	bold: IconSVG;
+	book: IconSVG;
+	"book-solid": IconSVG;
+	bookmark: IconSVG;
+	"bookmark-solid": IconSVG;
+	"bounding-box": IconSVG;
+	briefcase: IconSVG;
+	broadcast: IconSVG;
+	browser: IconSVG;
+	bug: IconSVG;
+	calendar: IconSVG;
+	camera: IconSVG;
+	"carets-closed-square": IconSVG;
+	carousel: IconSVG;
+	"category-list": IconSVG;
+	"chart-bar": IconSVG;
+	"chat-bubble": IconSVG;
+	"chat-bubble-solid": IconSVG;
+	"chat-bubbles": IconSVG;
+	check: IconSVG;
+	"check-badge": IconSVG;
+	"check-badge-solid": IconSVG;
+	checklist: IconSVG;
+	"checkmark-circle": IconSVG;
+	"checkmark-circle-solid": IconSVG;
+	chip: IconSVG;
+	circle: IconSVG;
+	"circle-angled-line": IconSVG;
+	"circle-angled-line-solid": IconSVG;
+	"circle-dash": IconSVG;
+	"circle-dot": IconSVG;
+	"circle-dot-arrows": IconSVG;
+	"circle-half": IconSVG;
+	"circle-rule": IconSVG;
+	"circle-tick": IconSVG;
+	clipboard: IconSVG;
+	clock: IconSVG;
+	"clock-circle-arrow": IconSVG;
+	cloud: IconSVG;
+	"cloud-download": IconSVG;
+	"cloud-upload": IconSVG;
+	code: IconSVG;
+	"collapse-all": IconSVG;
+	"collapse-details": IconSVG;
+	"color-palette": IconSVG;
+	columns: IconSVG;
+	compare: IconSVG;
+	computer: IconSVG;
+	"connect-node": IconSVG;
+	"connected-blocks": IconSVG;
+	"cross-hairs": IconSVG;
+	"cursor-rays": IconSVG;
+	"cursor-ripples": IconSVG;
+	"data-management": IconSVG;
+	"delete-node": IconSVG;
+	"delete-solid": IconSVG;
+	"doc-checkmark": IconSVG;
+	"dock-bottom": IconSVG;
+	"dock-none": IconSVG;
+	"dock-side": IconSVG;
+	document: IconSVG;
+	"document-clipboard": IconSVG;
+	dot: IconSVG;
+	"dot-solid": IconSVG;
+	drag: IconSVG;
+	dropper: IconSVG;
+	duplicate: IconSVG;
+	edit: IconSVG;
+	ellipses: IconSVG;
+	envelope: IconSVG;
+	"exclamation-circle": IconSVG;
+	"exclamation-circle-solid": IconSVG;
+	"exclamation-mark": IconSVG;
+	"exclamation-triangle": IconSVG;
+	"exclamation-triangle-solid": IconSVG;
+	"expand-all": IconSVG;
+	"expand-details": IconSVG;
+	expression: IconSVG;
+	eye: IconSVG;
+	"eye-hidden": IconSVG;
+	"face-frown": IconSVG;
+	"face-smile": IconSVG;
+	"face-smile-solid": IconSVG;
+	"fast-forward": IconSVG;
+	"fast-forward-10": IconSVG;
+	film: IconSVG;
+	filter: IconSVG;
+	"filter-solid": IconSVG;
+	flag: IconSVG;
+	"flag-solid": IconSVG;
+	fold: IconSVG;
+	folder: IconSVG;
+	fork: IconSVG;
+	"gear-solid": IconSVG;
+	globe: IconSVG;
+	"globe-alt": IconSVG;
+	group: IconSVG;
+	"group-boxes": IconSVG;
+	hand: IconSVG;
+	hash: IconSVG;
+	heading: IconSVG;
+	home: IconSVG;
+	"home-solid": IconSVG;
+	"horizontal-rule": IconSVG;
+	hourglass: IconSVG;
+	"hourglass-end": IconSVG;
+	"hourglass-mid": IconSVG;
+	"hourglass-start": IconSVG;
+	identification: IconSVG;
+	image: IconSVG;
+	inbox: IconSVG;
+	infinity: IconSVG;
+	"information-circle": IconSVG;
+	"information-circle-solid": IconSVG;
+	inspect: IconSVG;
+	italic: IconSVG;
+	key: IconSVG;
+	keyboard: IconSVG;
+	"laptop-phone": IconSVG;
+	layers: IconSVG;
+	lifebuoy: IconSVG;
+	lightbulb: IconSVG;
+	"lightning-bolt": IconSVG;
+	"lightning-bolt-solid": IconSVG;
+	link: IconSVG;
+	"list-ordered": IconSVG;
+	"list-unordered": IconSVG;
+	lock: IconSVG;
+	"lock-solid": IconSVG;
+	login: IconSVG;
+	looping: IconSVG;
+	"looping-off": IconSVG;
+	map: IconSVG;
+	"map-drives": IconSVG;
+	"map-pin": IconSVG;
+	markdown: IconSVG;
+	maximize: IconSVG;
+	megaphone: IconSVG;
+	merge: IconSVG;
+	meter: IconSVG;
+	minimize: IconSVG;
+	minus: IconSVG;
+	"minus-circle": IconSVG;
+	"minus-circle-solid": IconSVG;
+	moon: IconSVG;
+	multiselect: IconSVG;
+	"music-note": IconSVG;
+	newspaper: IconSVG;
+	"not-allowed": IconSVG;
+	numbers: IconSVG;
+	"office-building": IconSVG;
+	outline: IconSVG;
+	"paper-airplane": IconSVG;
+	"paper-clip": IconSVG;
+	pause: IconSVG;
+	"pencil-square": IconSVG;
+	"person-2": IconSVG;
+	"person-3": IconSVG;
+	"person-circle": IconSVG;
+	"person-solid": IconSVG;
+	phone: IconSVG;
+	"picture-in-picture": IconSVG;
+	"pie-chart": IconSVG;
+	pin: IconSVG;
+	"pin-solid": IconSVG;
+	"pizza-slice": IconSVG;
+	play: IconSVG;
+	plug: IconSVG;
+	"plus-circle": IconSVG;
+	"plus-circle-solid": IconSVG;
+	"plus-minus": IconSVG;
+	pointer: IconSVG;
+	"pointer-solid": IconSVG;
+	"priority-high": IconSVG;
+	"priority-low": IconSVG;
+	"priority-medium": IconSVG;
+	projector: IconSVG;
+	"pull-close": IconSVG;
+	"pull-draft": IconSVG;
+	"pull-open": IconSVG;
+	pulse: IconSVG;
+	"puzzle-piece": IconSVG;
+	"question-mark-circle": IconSVG;
+	"question-mark-circle-solid": IconSVG;
+	"rectangle-group": IconSVG;
+	"rectangle-stack-horizontal": IconSVG;
+	"rectangle-stack-vertical": IconSVG;
+	redo: IconSVG;
+	reply: IconSVG;
+	rewind: IconSVG;
+	"rewind-10": IconSVG;
+	rocketship: IconSVG;
+	running: IconSVG;
+	scale: IconSVG;
+	scissors: IconSVG;
+	sensor: IconSVG;
+	server: IconSVG;
+	"server-stack": IconSVG;
+	shapes: IconSVG;
+	share: IconSVG;
+	signal: IconSVG;
+	"signal-slash": IconSVG;
+	signpost: IconSVG;
+	"sort-ascending": IconSVG;
+	"sort-descending": IconSVG;
+	soundwave: IconSVG;
+	"sparkles-solid": IconSVG;
+	"split-horizontal": IconSVG;
+	"split-none": IconSVG;
+	star: IconSVG;
+	"star-half": IconSVG;
+	"star-stroke": IconSVG;
+	start: IconSVG;
+	"status-offline": IconSVG;
+	"status-online": IconSVG;
+	stop: IconSVG;
+	"stop-sign": IconSVG;
+	stopwatch: IconSVG;
+	strikethrough: IconSVG;
+	sun: IconSVG;
+	swatch: IconSVG;
+	switch: IconSVG;
+	"switch-apps": IconSVG;
+	table: IconSVG;
+	tag: IconSVG;
+	task: IconSVG;
+	telescope: IconSVG;
+	template: IconSVG;
+	terminal: IconSVG;
+	thumb: IconSVG;
+	"thumb-solid": IconSVG;
+	"traffic-cone": IconSVG;
+	"transparent-box": IconSVG;
+	"trend-down": IconSVG;
+	"trend-up": IconSVG;
+	trophy: IconSVG;
+	truck: IconSVG;
+	typography: IconSVG;
+	undo: IconSVG;
+	unlock: IconSVG;
+	"unlock-solid": IconSVG;
+	upload: IconSVG;
+	"video-camera": IconSVG;
+	"view-as-grid": IconSVG;
+	volume: IconSVG;
+	"volume-muted": IconSVG;
+	"volume-solid": IconSVG;
+	wifi: IconSVG;
+	wrench: IconSVG;
+	"wrench-solid": IconSVG;
+	"x-circle": IconSVG;
+	"x-circle-solid": IconSVG;
+	"zoom-in": IconSVG;
+	"zoom-out": IconSVG;
+};
+export type IconNameSolid = "bell" | "book" | "bookmark" | "chat-bubble" | "check-badge" | "checkmark-circle" | "circle-angled-line" | "delete" | "dot" | "exclamation-circle" | "exclamation-triangle" | "face-smile" | "filter" | "flag" | "gear" | "home" | "information-circle" | "lightning-bolt" | "lock" | "minus-circle" | "person" | "pin" | "plus-circle" | "pointer" | "question-mark-circle" | "sparkles" | "thumb" | "unlock" | "volume" | "wrench" | "x-circle";
+export declare const ICON_NAMES_SOLID: readonly IconNameSolid[];
+export declare const ICON_NAMES: IconName[];
+/**
+ * @element nve-icon
+ * @since 0.1.3
+ * @entrypoint \@nvidia-elements/core/icon
+ * @description An icon is a graphic symbol designed to visually show the purpose of an interface element.
+ * @documentation https://nvidia.github.io/elements/docs/elements/icon/
+ * @cssprop --color
+ * @cssprop --width
+ * @cssprop --height
+ * @slot - Custom SVG content to override the named icon
+ * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img
+ */
+export declare class Icon extends LitElement {
+	#private;
 	/**
-	 * Establishes a relationship between a popover and its invoker button.
-	 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement
-	 * @attr popovertarget
-	 * @reflect
+	 * Visual treatment to represent current support status.
 	 */
-	popoverTargetElement: HTMLElement | null;
+	status?: "warning" | "danger" | "success" | "accent";
 	/**
-	 * The popover target action to perform on the popover target element.
-	 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction
-	 * @attr popovertargetaction
-	 * @reflect
+	 * Controls the bounding box size of the icon given a t-shirt style value.
 	 */
-	popoverTargetAction: PopoverTargetAction;
+	size?: Size | "xs" | "xl";
 	/**
-	 * The element that receives the command.
-	 * https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
-	 * @attr commandfor
-	 * @reflect
+	 * Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions)
 	 */
-	commandForElement: HTMLElement | null;
+	direction?: "up" | "down" | "left" | "right";
 	/**
-	 * The command to execute on the element.
-	 * https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API
-	 * @attr command
-	 * @reflect
+	 * Selects the outline or solid form of the named icon. Solid icons use an optional `-solid` asset and fall back to
+	 * the outline form when that asset is unavailable.
 	 */
-	command: string;
+	appearance?: "outline" | "solid";
 	/**
-	 * The element that receives the interest.
-	 * https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement
-	 * @attr interestfor
-	 * @reflect
+	 * The name of the icon SVG sprite to render.
 	 */
-	interestForElement: HTMLElement | null;
-	_internals: ElementInternals;
-}
-export interface ButtonFormControlHost {
-	connectedCallback?(): void;
-	disconnectedCallback?(): void;
-	attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void;
-	requestUpdate?(name?: string, oldValue?: unknown): void;
-	updateComplete?: Promise<unknown>;
-}
-type Constructor$1 = (new (...args: any[]) => HTMLElement & ButtonFormControlHost) & {
-	observedAttributes?: string[];
-};
-export type ButtonFormControlConstructor<TBase extends Constructor$1> = new (...args: ConstructorParameters<TBase>) => InstanceType<TBase> & ButtonFormControlMixinInstance;
-export type ButtonFormControlMixinReturn<TBase extends Constructor$1> = ButtonFormControlConstructor<TBase> & {
-	formAssociated: boolean;
-	observedAttributes: string[];
-} & Omit<TBase, "prototype">;
-declare const Button_base: ButtonFormControlMixinReturn<typeof LitElement>;
-/**
- * @element nve-button
- * @description A button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.
- * @documentation https://nvidia.github.io/elements/docs/elements/button/
- * @since 0.1.3
- * @entrypoint \@nvidia-elements/core/button
- * @slot - slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content.
- * @cssprop --background
- * @cssprop --color
- * @cssprop --padding
- * @cssprop --border
- * @cssprop --border-radius
- * @cssprop --font-weight
- * @cssprop --font-size
- * @cssprop --text-decoration
- * @cssprop --text-align
- * @cssprop --cursor
- * @cssprop --gap
- * @cssprop --height
- * @cssprop --text-transform
- * @cssprop --line-height
- * @cssprop --width
- * @cssprop --min-width
- * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/
- */
-export declare class Button extends Button_base {
+	name?: IconName;
+	private svg;
 	static styles: CSSResult[];
 	static readonly metadata: {
 		tag: string;
 		version: string;
 	};
-	/**
-	 * Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text.
-	 */
-	container?: "flat" | "inline";
-	/**
-	 * Determines size of the button.
-	 */
-	size?: Size;
-	/**
-	 * The Interaction type provides a way to show the intended use case for a button or other interactive element. This can help users quickly understand what each interaction will do and reduce the potential for confusion or errors.
-	 */
-	interaction: Interaction;
+	static _icons: {
+		[key: string]: IconSVG;
+	};
+	private static get _iconsRegistry();
+	private static set _iconsRegistry(value);
+	private static get registeredIcon();
+	/** @private */
+	_internals: ElementInternals;
 	render(): TemplateResult<1>;
+	connectedCallback(): void;
+	disconnectedCallback(): void;
+	static add(icons: {
+		[key: string]: IconSVG;
+	}): Promise<void>;
+	static alias(aliases: {
+		[key: string]: IconName | string;
+	}): void;
+	updated(props: PropertyValues<this>): Promise<void>;
 }
+export declare function mergeIcons(RegisteredIcon: typeof Icon): void;
 /**
  * @element nve-icon-button
  * @description An icon button is a button that displays only an icon without a visual label.
@@ -2227,7 +2227,7 @@ export declare class Combobox extends Control implements ContainerElement {
 	};
 	protected _associateDatalist: boolean;
 	protected get prefixContent(): TemplateResult<1>;
-	protected get suffixContent(): typeof nothing | TemplateResult<1>;
+	protected get suffixContent(): TemplateResult<1> | typeof nothing;
 	firstUpdated(props: PropertyValues<this>): Promise<void>;
 	connectedCallback(): void;
 	disconnectedCallback(): void;
@@ -4192,7 +4192,7 @@ export declare class Select extends Control {
 	i18n: Partial<I18nStrings & {
 		__set: boolean;
 	}>;
-	protected get prefixContent(): typeof nothing | TemplateResult<1>;
+	protected get prefixContent(): TemplateResult<1> | typeof nothing;
 	protected get suffixContent(): TemplateResult<1>;
 	firstUpdated(props: PropertyValues<this>): Promise<void>;
 	connectedCallback(): void;
@@ -4728,7 +4728,7 @@ declare class Range$1 extends Control {
 	connectedCallback(): void;
 	firstUpdated(props: PropertyValues<this>): void;
 	updated(props: PropertyValues<this>): void;
-	protected get suffixContent(): typeof nothing | TemplateResult<1>;
+	protected get suffixContent(): TemplateResult<1> | typeof nothing;
 }
 declare const ResizeHandle_base: FormControlMixinReturn<typeof LitElement, number>;
 /**
@@ -5854,7 +5854,7 @@ export declare class ViewportGridlines extends LitElement {
 	connectedCallback(): void;
 	disconnectedCallback(): void;
 	protected willUpdate(changed: PropertyValues<this>): void;
-	render(): typeof nothing | TemplateResult<1>;
+	render(): TemplateResult<1> | typeof nothing;
 }
 /**
  * @element nve-viewport-minimap