@nvidia-elements/core 0.0.4 → 0.0.6

package/dist/data.html.json

@@ -112,71 +112,6 @@
         }
       ]
     },
-    {
-      "name": "nve-alert-banner",
-      "description": "@deprecated true\n\nAn alert banner is an element that displays a brief, important message outside the context of the current page.\n---\n\n\n### **Slots:**\n - _default_ - default slot for nve-alert\n\n### **CSS Properties:**\n - **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(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- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--border** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border) _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "status",
-          "description": "Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.\n- `accent` Highlights important actions or draws attention to primary interactive elements.\n\n- `warning` Indicates cautionary actions that require careful consideration before proceeding.\n\n- `success` Represents positive outcomes, confirmations, or constructive actions.\n\n- `danger` Signals destructive or irreversible actions that need extra attention and confirmation.",
-          "values": [
-            { "name": "accent" },
-            { "name": "warning" },
-            { "name": "success" },
-            { "name": "danger" },
-            { "name": "default" }
-          ]
-        },
-        {
-          "name": "prominence",
-          "description": "Controls the visual prominence to establish hierarchy and guide user attention.\n- `emphasis` Increases visual weight to draw attention and highlight important elements.",
-          "values": [{ "name": "emphasis" }, { "name": "default" }]
-        },
-        {
-          "name": "color",
-          "description": "Defines a base color from the theme color palette",
-          "values": [
-            { "name": "red-cardinal" },
-            { "name": "gray-slate" },
-            { "name": "gray-denim" },
-            { "name": "blue-indigo" },
-            { "name": "blue-cobalt" },
-            { "name": "blue-sky" },
-            { "name": "teal-cyan" },
-            { "name": "green-mint" },
-            { "name": "teal-seafoam" },
-            { "name": "green-grass" },
-            { "name": "yellow-amber" },
-            { "name": "orange-pumpkin" },
-            { "name": "red-tomato" },
-            { "name": "pink-magenta" },
-            { "name": "purple-plum" },
-            { "name": "purple-violet" },
-            { "name": "purple-lavender" },
-            { "name": "pink-rose" },
-            { "name": "green-jade" },
-            { "name": "lime-pear" },
-            { "name": "yellow-nova" },
-            { "name": "brand-green" }
-          ]
-        },
-        {
-          "name": "container",
-          "description": "Demonstrates different container styles to accommodate visual weight and context.\n- `full` Element container optimizes for filling its container bounds.",
-          "values": [{ "name": "full" }, { "name": "default" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "aria",
-          "url": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/"
-        },
-        {
-          "name": "markdown",
-          "url": "## nve-alert-banner\n\nAn alert banner is an element that displays a brief, important message outside the context of the current page.\n\n### Import\n\n```javascript\nimport '/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for nve-alert |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| \"default\"` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. |\n| prominence | `'emphasis' \\| \"default\"` | Controls the visual prominence to establish hierarchy and guide user attention. - `emphasis` Increases visual weight to draw attention and highlight important elements. |\n| 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'` | Defines a base color from the theme color palette |\n| container | `'full' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `full` Element container optimizes for filling its container bounds. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |"
-        }
-      ]
-    },
     {
       "name": "nve-alert-group",
       "description": "An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.\n---\n\n\n### **Slots:**\n - _default_ - default slot for nve-alert\n\n### **CSS Properties:**\n - **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(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- **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_",

package/dist/date/date2.js

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

package/dist/datetime/datetime2.js

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

package/dist/dialog/dialog-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-footer",
-			version: "0.0.4",
+			version: "0.0.6",
 			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: "0.0.4",
+			version: "0.0.6",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog2.js

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

package/dist/divider/divider2.js

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

package/dist/dot/dot2.js

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

package/dist/drawer/drawer-content2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "0.0.4",
+			version: "0.0.6",
 			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: "0.0.4",
+			version: "0.0.6",
 			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: "0.0.4",
+			version: "0.0.6",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer2.js

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

package/dist/dropdown/dropdown-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-footer",
-			version: "0.0.4",
+			version: "0.0.6",
 			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: "0.0.4",
+			version: "0.0.6",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown2.js

@@ -21,7 +21,7 @@ var p = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown",
-			version: "0.0.4"
+			version: "0.0.6"
 		};
 	}
 	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: "0.0.4",
+			version: "0.0.6",
 			children: ["nve-dropdown"]
 		};
 	}

package/dist/dropzone/dropzone2.js

@@ -20,7 +20,7 @@ var g = class extends h(d) {
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "0.0.4",
+			version: "0.0.6",
 			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: "0.0.4"
+			version: "0.0.6"
 		};
 	}
 	connectedCallback() {

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

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

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

@@ -16,7 +16,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "0.0.4"
+			version: "0.0.6"
 		};
 	}
 	#e;

package/dist/forms/control/control2.js

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

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

@@ -25,7 +25,7 @@ var h = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "0.0.4"
+			version: "0.0.6"
 		};
 	}
 	render() {

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

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

package/dist/grid/cell/cell2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-cell",
-			version: "0.0.4"
+			version: "0.0.6"
 		};
 	}
 	render() {

package/dist/grid/column/column2.js

@@ -13,7 +13,7 @@ var l = class r extends o {
 	static {
 		this.metadata = {
 			tag: "nve-grid-column",
-			version: "0.0.4"
+			version: "0.0.6"
 		};
 	}
 	get #e() {

package/dist/grid/footer/footer2.js

@@ -15,7 +15,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-footer",
-			version: "0.0.4"
+			version: "0.0.6"
 		};
 	}
 	static {

package/dist/grid/grid2.js

@@ -22,7 +22,7 @@ var y = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-grid",
-			version: "0.0.4",
+			version: "0.0.6",
 			children: [
 				d.metadata.tag,
 				f.metadata.tag,

package/dist/grid/header/header2.js

@@ -20,7 +20,7 @@ var h = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-grid-header",
-			version: "0.0.4",
+			version: "0.0.6",
 			children: [l.metadata.tag]
 		};
 	}

package/dist/grid/placeholder/placeholder2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-placeholder",
-			version: "0.0.4"
+			version: "0.0.6"
 		};
 	}
 	render() {

package/dist/grid/row/row2.js

@@ -15,7 +15,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-grid-row",
-			version: "0.0.4",
+			version: "0.0.6",
 			children: [a.metadata.tag]
 		};
 	}

package/dist/icon/define.js

@@ -1,38 +1,6 @@
 import { define as e } from "../internal/utils/dom.js";
 import { Icon as t, mergeIcons as n } from "./icon2.js";
-e(t), customElements.get(t.metadata.tag) && n(customElements.get(t.metadata.tag)), t.alias({
-	"chevron-right": "chevron",
-	"chevron-down": "chevron",
-	"chevron-left": "chevron",
-	"additional-actions": "more-actions",
-	analytics: "pie-chart",
-	annotation: "transparent-box",
-	"app-switcher": "switch-apps",
-	assist: "chat-bubble",
-	checkmark: "check",
-	date: "calendar",
-	docs: "book",
-	"expand-full-screen": "maximize",
-	"expand-panel": "arrow-stop",
-	"collapse-panel": "arrow-stop",
-	failed: "x-circle",
-	"favorite-filled": "star",
-	"favorite-outline": "star-stroke",
-	information: "information-circle-stroke",
-	maintenance: "wrench",
-	"navigate-to": "arrow",
-	"open-external-link": "arrow-angle",
-	location: "map-pin",
-	"pinned-1": "pin",
-	project: "folder",
-	settings: "gear",
-	user: "person",
-	"video-pause": "pause",
-	"video-play": "play",
-	"video-stop": "stop",
-	visible: "eye",
-	warning: "exclamation-triangle"
-});
+e(t), customElements.get(t.metadata.tag) && n(customElements.get(t.metadata.tag));
 //#endregion
 
 //# sourceMappingURL=define.js.map

package/dist/icon/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","names":[],"sources":["../../src/icon/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 { Icon, mergeIcons } from '@nvidia-elements/core/icon';\n\ndefine(Icon);\nif (customElements.get(Icon.metadata.tag)) {\n  mergeIcons(customElements.get(Icon.metadata.tag) as typeof Icon);\n}\n\n/** @deprecated aliases */\nIcon.alias({\n  'chevron-right': 'chevron',\n  'chevron-down': 'chevron',\n  'chevron-left': 'chevron',\n  'additional-actions': 'more-actions',\n  analytics: 'pie-chart',\n  annotation: 'transparent-box',\n  'app-switcher': 'switch-apps',\n  assist: 'chat-bubble',\n  checkmark: 'check',\n  date: 'calendar',\n  docs: 'book',\n  'expand-full-screen': 'maximize',\n  'expand-panel': 'arrow-stop',\n  'collapse-panel': 'arrow-stop',\n  failed: 'x-circle',\n  'favorite-filled': 'star',\n  'favorite-outline': 'star-stroke',\n  information: 'information-circle-stroke',\n  maintenance: 'wrench',\n  'navigate-to': 'arrow',\n  'open-external-link': 'arrow-angle',\n  location: 'map-pin',\n  'pinned-1': 'pin',\n  project: 'folder',\n  settings: 'gear',\n  user: 'person',\n  'video-pause': 'pause',\n  'video-play': 'play',\n  'video-stop': 'stop',\n  visible: 'eye',\n  warning: 'exclamation-triangle'\n});\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-icon': Icon;\n  }\n}\n"],"mappings":";;AAMA,EAAO,EAAK,EACR,eAAe,IAAI,EAAK,SAAS,IAAI,IACvC,EAAW,eAAe,IAAI,EAAK,SAAS,IAAI,CAAgB,EAIlE,EAAK,MAAM;CACT,iBAAiB;CACjB,gBAAgB;CAChB,gBAAgB;CAChB,sBAAsB;CACtB,WAAW;CACX,YAAY;CACZ,gBAAgB;CAChB,QAAQ;CACR,WAAW;CACX,MAAM;CACN,MAAM;CACN,sBAAsB;CACtB,gBAAgB;CAChB,kBAAkB;CAClB,QAAQ;CACR,mBAAmB;CACnB,oBAAoB;CACpB,aAAa;CACb,aAAa;CACb,eAAe;CACf,sBAAsB;CACtB,UAAU;CACV,YAAY;CACZ,SAAS;CACT,UAAU;CACV,MAAM;CACN,eAAe;CACf,cAAc;CACd,cAAc;CACd,SAAS;CACT,SAAS;CACV,CAAC"}
+{"version":3,"file":"define.js","names":[],"sources":["../../src/icon/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 { Icon, mergeIcons } from '@nvidia-elements/core/icon';\n\ndefine(Icon);\nif (customElements.get(Icon.metadata.tag)) {\n  mergeIcons(customElements.get(Icon.metadata.tag) as typeof Icon);\n}\n\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nve-icon': Icon;\n  }\n}\n"],"mappings":";;AAMA,EAAO,EAAK,EACR,eAAe,IAAI,EAAK,SAAS,IAAI,IACvC,EAAW,eAAe,IAAI,EAAK,SAAS,IAAI,CAAgB"}

package/dist/icon/icon.d.ts

@@ -1,7 +1,7 @@
 import { PropertyValues, LitElement } from 'lit';
 import { Size } from '../internal';
 import { IconName, IconSVG } from './icons.js';
-export type { IconName, IconNames, IconSVG } from './icons.js';
+export type { IconName, IconSVG } from './icons.js';
 declare global {
     var _NVE_SSR_ICON_REGISTRY: Record<string, string> | undefined;
 }

package/dist/icon/icon.js

@@ -1,5 +1,5 @@
 //#region src/icon/icon.css?inline
-var e = ":host{--color: var(--nve-sys-text-muted-color);--width: var(--nve-ref-size-400);--height: var(--nve-ref-size-400);display:inline-flex;contain:layout}[internal-host]{--_width: calc(var(--width) * var(--nve-ref-scale-size, 1));--_height: calc(var(--height) * var(--nve-ref-scale-size, 1));color:var(--color);width:var(--_width);height:var(--_height);place-self:center;display:flex;place-items:center}svg{width:var(--_width);height:var(--_height)}:host([outline]){outline:1px dashed var(--color)}:host([size=\"xs\"]){--width: var(--nve-ref-size-200);--height: var(--nve-ref-size-200)}:host([size=\"sm\"]){--width: var(--nve-ref-size-300);--height: var(--nve-ref-size-300)}:host([size=\"lg\"]){--width: var(--nve-ref-size-500);--height: var(--nve-ref-size-500)}:host([size=\"xl\"]){--width: var(--nve-ref-size-600);--height: var(--nve-ref-size-600)}:host([name=\"arrow\"]),:host([name=\"arrow-angle\"]),:host([name=\"cancel\"]),:host([name=\"caret\"]),:host([name=\"chevron\"]),:host([name=\"double-chevron\"]){--nve-ref-scale-size: .8}:host([direction=\"up\"]){transform:rotate(0)}:host([direction=\"down\"]){transform:rotate(180deg)}:host([direction=\"left\"]){transform:rotate(270deg)}:host([direction=\"right\"]){transform:rotate(90deg)}:host([status=\"success\"]){--color: var(--nve-sys-support-success-color)}:host([status=\"warning\"]){--color: var(--nve-sys-support-warning-color)}:host([status=\"danger\"]){--color: var(--nve-sys-support-danger-color)}:host([status=\"accent\"]){--color: var(--nve-sys-support-accent-color)}:host([name=\"chevron-left\"]),:host([name=\"beginning\"]),:host([name=\"collapse-panel\"]),:host([name=\"navigate-back\"]){transform:rotate(270deg)}:host([name=\"chevron-right\"]),:host([name=\"end\"]),:host([name=\"expand-panel\"]),:host([name=\"navigate-to\"]),:host([name=\"carousel-horizontal\"]){transform:rotate(90deg)}:host([name=\"chevron-down\"]),:host([name*=\"thumbs-down\"]){transform:rotate(180deg)}";
+var e = ":host{--color: var(--nve-sys-text-muted-color);--width: var(--nve-ref-size-400);--height: var(--nve-ref-size-400);display:inline-flex;contain:layout}[internal-host]{--_width: calc(var(--width) * var(--nve-ref-scale-size, 1));--_height: calc(var(--height) * var(--nve-ref-scale-size, 1));color:var(--color);width:var(--_width);height:var(--_height);place-self:center;display:flex;place-items:center}svg{width:var(--_width);height:var(--_height)}:host([outline]){outline:1px dashed var(--color)}:host([size=\"xs\"]){--width: var(--nve-ref-size-200);--height: var(--nve-ref-size-200)}:host([size=\"sm\"]){--width: var(--nve-ref-size-300);--height: var(--nve-ref-size-300)}:host([size=\"lg\"]){--width: var(--nve-ref-size-500);--height: var(--nve-ref-size-500)}:host([size=\"xl\"]){--width: var(--nve-ref-size-600);--height: var(--nve-ref-size-600)}:host([name=\"arrow\"]),:host([name=\"arrow-angle\"]),:host([name=\"cancel\"]),:host([name=\"caret\"]),:host([name=\"chevron\"]),:host([name=\"double-chevron\"]){--nve-ref-scale-size: .8}:host([direction=\"up\"]){transform:rotate(0)}:host([direction=\"down\"]){transform:rotate(180deg)}:host([direction=\"left\"]){transform:rotate(270deg)}:host([direction=\"right\"]){transform:rotate(90deg)}:host([status=\"success\"]){--color: var(--nve-sys-support-success-color)}:host([status=\"warning\"]){--color: var(--nve-sys-support-warning-color)}:host([status=\"danger\"]){--color: var(--nve-sys-support-danger-color)}:host([status=\"accent\"]){--color: var(--nve-sys-support-accent-color)}";
 //#endregion
 export { e as default };
 

package/dist/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../src/icon/icon.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  --color: var(--nve-sys-text-muted-color);\n  --width: var(--nve-ref-size-400);\n  --height: var(--nve-ref-size-400);\n  display: inline-flex;\n  contain: layout;\n}\n\n[internal-host] {\n  --_width: calc(var(--width) * var(--nve-ref-scale-size, 1));\n  --_height: calc(var(--height) * var(--nve-ref-scale-size, 1));\n  color: var(--color);\n  width: var(--_width);\n  height: var(--_height);\n  place-self: center;\n  display: flex;\n  place-items: center;\n}\n\nsvg {\n  width: var(--_width);\n  height: var(--_height);\n}\n\n:host([outline]) {\n  outline: 1px dashed var(--color);\n}\n\n:host([size='xs']) {\n  --width: var(--nve-ref-size-200);\n  --height: var(--nve-ref-size-200);\n}\n\n:host([size='sm']) {\n  --width: var(--nve-ref-size-300);\n  --height: var(--nve-ref-size-300);\n}\n\n:host([size='lg']) {\n  --width: var(--nve-ref-size-500);\n  --height: var(--nve-ref-size-500);\n}\n\n:host([size='xl']) {\n  --width: var(--nve-ref-size-600);\n  --height: var(--nve-ref-size-600);\n}\n\n/* icons scaled down by 20% to match misalignment export bug in figma icon */\n:host([name='arrow']),\n:host([name='arrow-angle']),\n:host([name='cancel']),\n:host([name='caret']),\n:host([name='chevron']),\n:host([name='double-chevron']) {\n  --nve-ref-scale-size: 0.8;\n}\n\n:host([direction='up']) {\n  transform: rotate(0deg);\n}\n\n:host([direction='down']) {\n  transform: rotate(180deg);\n}\n\n:host([direction='left']) {\n  transform: rotate(270deg);\n}\n\n:host([direction='right']) {\n  transform: rotate(90deg);\n}\n\n:host([status='success']) {\n  --color: var(--nve-sys-support-success-color);\n}\n\n:host([status='warning']) {\n  --color: var(--nve-sys-support-warning-color);\n}\n\n:host([status='danger']) {\n  --color: var(--nve-sys-support-danger-color);\n}\n\n:host([status='accent']) {\n  --color: var(--nve-sys-support-accent-color);\n}\n\n/** @deprecated (left) 0.14.0 */\n:host([name='chevron-left']),\n:host([name='beginning']),\n:host([name='collapse-panel']),\n:host([name='navigate-back']) {\n  transform: rotate(270deg);\n}\n\n/** @deprecated (right) 0.14.0 */\n:host([name='chevron-right']),\n:host([name='end']),\n:host([name='expand-panel']),\n:host([name='navigate-to']),\n:host([name='carousel-horizontal']) {\n  transform: rotate(90deg);\n}\n\n/** @deprecated (down) 0.14.0 */\n:host([name='chevron-down']),\n:host([name*='thumbs-down']) {\n  transform: rotate(180deg);\n}\n"],"mappings":""}
+{"version":3,"file":"icon.js","names":[],"sources":["../../src/icon/icon.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  --color: var(--nve-sys-text-muted-color);\n  --width: var(--nve-ref-size-400);\n  --height: var(--nve-ref-size-400);\n  display: inline-flex;\n  contain: layout;\n}\n\n[internal-host] {\n  --_width: calc(var(--width) * var(--nve-ref-scale-size, 1));\n  --_height: calc(var(--height) * var(--nve-ref-scale-size, 1));\n  color: var(--color);\n  width: var(--_width);\n  height: var(--_height);\n  place-self: center;\n  display: flex;\n  place-items: center;\n}\n\nsvg {\n  width: var(--_width);\n  height: var(--_height);\n}\n\n:host([outline]) {\n  outline: 1px dashed var(--color);\n}\n\n:host([size='xs']) {\n  --width: var(--nve-ref-size-200);\n  --height: var(--nve-ref-size-200);\n}\n\n:host([size='sm']) {\n  --width: var(--nve-ref-size-300);\n  --height: var(--nve-ref-size-300);\n}\n\n:host([size='lg']) {\n  --width: var(--nve-ref-size-500);\n  --height: var(--nve-ref-size-500);\n}\n\n:host([size='xl']) {\n  --width: var(--nve-ref-size-600);\n  --height: var(--nve-ref-size-600);\n}\n\n/* icons scaled down by 20% to match misalignment export bug in figma icon */\n:host([name='arrow']),\n:host([name='arrow-angle']),\n:host([name='cancel']),\n:host([name='caret']),\n:host([name='chevron']),\n:host([name='double-chevron']) {\n  --nve-ref-scale-size: 0.8;\n}\n\n:host([direction='up']) {\n  transform: rotate(0deg);\n}\n\n:host([direction='down']) {\n  transform: rotate(180deg);\n}\n\n:host([direction='left']) {\n  transform: rotate(270deg);\n}\n\n:host([direction='right']) {\n  transform: rotate(90deg);\n}\n\n:host([status='success']) {\n  --color: var(--nve-sys-support-success-color);\n}\n\n:host([status='warning']) {\n  --color: var(--nve-sys-support-warning-color);\n}\n\n:host([status='danger']) {\n  --color: var(--nve-sys-support-danger-color);\n}\n\n:host([status='accent']) {\n  --color: var(--nve-sys-support-accent-color);\n}\n\n"],"mappings":""}

package/dist/icon/icon2.js

@@ -16,7 +16,7 @@ var f = class e extends o {
 	static {
 		this.metadata = {
 			tag: "nve-icon",
-			version: "0.0.4"
+			version: "0.0.6"
 		};
 	}
 	static {
@@ -86,7 +86,7 @@ n([l({
 })], f.prototype, "name", void 0), n([d()], f.prototype, "svg", void 0);
 function p(t) {
 	if (typeof globalThis.customElements?.get == "function") {
-		let n = e(t.metadata.version), r = e("0.0.4");
+		let n = e(t.metadata.version), r = e("0.0.6");
 		n.minor <= r.minor && n.major <= r.major && (t._icons = {
 			...t._icons,
 			...i

package/dist/icon/icon2.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon2.js","names":["#iconString","#asyncRender","#render"],"sources":["../../src/icon/icon.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, isServer, LitElement } from 'lit';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport type { Size } from '@nvidia-elements/core/internal';\nimport { attachInternals, parseVersion, useStyles } from '@nvidia-elements/core/internal';\nimport type { IconName, IconSVG } from './icons.js';\nimport { ICON_IMPORTS } from './icons.js';\nimport styles from './icon.css?inline';\n\nexport type { IconName, IconNames, IconSVG } from './icons.js';\n\ndeclare global {\n  var _NVE_SSR_ICON_REGISTRY: Record<string, string> | undefined;\n}\n\n/**\n * @element nve-icon\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/icon\n * @description An icon is a graphic symbol designed to visually show the purpose of an interface element.\n * @cssprop --color\n * @cssprop --width\n * @cssprop --height\n * @slot - Custom SVG content to override the named icon\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Icon extends LitElement {\n  /**\n   * Visual treatment to represent current support status.\n   */\n  @property({ type: String, reflect: true }) status?: 'warning' | 'danger' | 'success' | 'accent';\n\n  /**\n   * Controls the bounding box size of the icon given a t-shirt style value.\n   */\n  @property({ type: String, reflect: true }) size?: Size | 'xs' | 'xl';\n\n  /**\n   * Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions)\n   */\n  @property({ type: String, reflect: true }) direction?: 'up' | 'down' | 'left' | 'right';\n\n  /**\n   * The name of the icon SVG sprite to render.\n   */\n  @property({ type: String, reflect: true }) name?: IconName;\n\n  @state() private svg: string;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-icon',\n    version: '0.0.0'\n  };\n\n  static _icons: { [key: string]: IconSVG } = ICON_IMPORTS;\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static get _iconsRegistry() {\n    return this.registeredIcon?._icons ?? Icon._icons;\n  }\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static set _iconsRegistry(icons: { [key: string]: IconSVG }) {\n    this.registeredIcon._icons = { ...Icon._iconsRegistry, ...icons };\n  }\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static get registeredIcon() {\n    return customElements.get(Icon.metadata.tag) as typeof Icon;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  get #iconString() {\n    return isServer && globalThis._NVE_SSR_ICON_REGISTRY ? globalThis._NVE_SSR_ICON_REGISTRY[this.name!] : this.svg;\n  }\n\n  render() {\n    return html`\n      <div internal-host aria-hidden=\"true\"><slot>${unsafeSVG(this.#iconString)}</slot></div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n    globalThis?.document?.addEventListener(\n      `${Icon.metadata.tag}-${this.name}`,\n      this.#asyncRender.bind(this) as unknown as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    globalThis?.document?.removeEventListener(\n      `${Icon.metadata.tag}-${this.name}`,\n      this.#asyncRender.bind(this) as unknown as EventListener\n    );\n  }\n\n  static async add(icons: { [key: string]: IconSVG }) {\n    if (globalThis.customElements?.whenDefined) {\n      await globalThis.customElements.whenDefined(Icon.metadata.tag);\n      Icon._iconsRegistry = icons;\n      Object.keys(icons).forEach(name =>\n        globalThis?.document?.dispatchEvent(new CustomEvent(`${Icon.metadata.tag}-${name}`, { detail: icons[name] }))\n      );\n    }\n  }\n\n  static alias(aliases: { [key: string]: IconName | string }) {\n    // whenDefined has no rejection state\n    if (globalThis.customElements?.whenDefined) {\n      /* eslint-disable @typescript-eslint/no-floating-promises */\n      globalThis.customElements.whenDefined(Icon.metadata.tag).then(() => {\n        Object.keys(aliases).forEach(alias => {\n          Icon._iconsRegistry[alias] = Icon._iconsRegistry[aliases[alias]!]!;\n          globalThis?.document?.dispatchEvent(\n            new CustomEvent(`${Icon.metadata.tag}-${alias}`, { detail: Icon._iconsRegistry[alias] })\n          );\n        });\n      });\n    }\n  }\n\n  async updated(props: PropertyValues<this>) {\n    super.updated(props);\n    await this.#render();\n  }\n\n  async #asyncRender(event: CustomEvent<IconSVG>) {\n    if (this.isConnected && event.detail && this.svg !== (await event.detail.svg())) {\n      this.#render();\n    }\n  }\n\n  async #render() {\n    if (!this.name) return;\n    const svg = await (this.name.endsWith('.svg')\n      ? fetch(this.name).then(res => res.text())\n      : (Icon._iconsRegistry[this.name]?.svg() ?? Promise.resolve('')));\n    Icon._iconsRegistry[this.name] = { svg: () => svg, ...Icon._iconsRegistry[this.name] };\n    this.svg = svg;\n  }\n}\n\nexport function mergeIcons(RegisteredIcon: typeof Icon) {\n  if (typeof globalThis.customElements?.get === 'function') {\n    const registered = parseVersion(RegisteredIcon.metadata.version);\n    const current = parseVersion('0.0.0');\n\n    // determine if an older icon already registered and if so, merge the icons with the latest svgs\n    if (registered.minor <= current.minor && registered.major <= current.major) {\n      RegisteredIcon._icons = { ...RegisteredIcon._icons, ...ICON_IMPORTS };\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"icon2.js","names":["#iconString","#asyncRender","#render"],"sources":["../../src/icon/icon.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, isServer, LitElement } from 'lit';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport type { Size } from '@nvidia-elements/core/internal';\nimport { attachInternals, parseVersion, useStyles } from '@nvidia-elements/core/internal';\nimport type { IconName, IconSVG } from './icons.js';\nimport { ICON_IMPORTS } from './icons.js';\nimport styles from './icon.css?inline';\n\nexport type { IconName, IconSVG } from './icons.js';\n\ndeclare global {\n  var _NVE_SSR_ICON_REGISTRY: Record<string, string> | undefined;\n}\n\n/**\n * @element nve-icon\n * @since 0.1.3\n * @entrypoint \\@nvidia-elements/core/icon\n * @description An icon is a graphic symbol designed to visually show the purpose of an interface element.\n * @cssprop --color\n * @cssprop --width\n * @cssprop --height\n * @slot - Custom SVG content to override the named icon\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\nexport class Icon extends LitElement {\n  /**\n   * Visual treatment to represent current support status.\n   */\n  @property({ type: String, reflect: true }) status?: 'warning' | 'danger' | 'success' | 'accent';\n\n  /**\n   * Controls the bounding box size of the icon given a t-shirt style value.\n   */\n  @property({ type: String, reflect: true }) size?: Size | 'xs' | 'xl';\n\n  /**\n   * Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions)\n   */\n  @property({ type: String, reflect: true }) direction?: 'up' | 'down' | 'left' | 'right';\n\n  /**\n   * The name of the icon SVG sprite to render.\n   */\n  @property({ type: String, reflect: true }) name?: IconName;\n\n  @state() private svg: string;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-icon',\n    version: '0.0.0'\n  };\n\n  static _icons: { [key: string]: IconSVG } = ICON_IMPORTS;\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static get _iconsRegistry() {\n    return this.registeredIcon?._icons ?? Icon._icons;\n  }\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static set _iconsRegistry(icons: { [key: string]: IconSVG }) {\n    this.registeredIcon._icons = { ...Icon._iconsRegistry, ...icons };\n  }\n\n  // eslint-disable-next-line no-restricted-syntax\n  private static get registeredIcon() {\n    return customElements.get(Icon.metadata.tag) as typeof Icon;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  get #iconString() {\n    return isServer && globalThis._NVE_SSR_ICON_REGISTRY ? globalThis._NVE_SSR_ICON_REGISTRY[this.name!] : this.svg;\n  }\n\n  render() {\n    return html`\n      <div internal-host aria-hidden=\"true\"><slot>${unsafeSVG(this.#iconString)}</slot></div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'img';\n    globalThis?.document?.addEventListener(\n      `${Icon.metadata.tag}-${this.name}`,\n      this.#asyncRender.bind(this) as unknown as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    globalThis?.document?.removeEventListener(\n      `${Icon.metadata.tag}-${this.name}`,\n      this.#asyncRender.bind(this) as unknown as EventListener\n    );\n  }\n\n  static async add(icons: { [key: string]: IconSVG }) {\n    if (globalThis.customElements?.whenDefined) {\n      await globalThis.customElements.whenDefined(Icon.metadata.tag);\n      Icon._iconsRegistry = icons;\n      Object.keys(icons).forEach(name =>\n        globalThis?.document?.dispatchEvent(new CustomEvent(`${Icon.metadata.tag}-${name}`, { detail: icons[name] }))\n      );\n    }\n  }\n\n  static alias(aliases: { [key: string]: IconName | string }) {\n    // whenDefined has no rejection state\n    if (globalThis.customElements?.whenDefined) {\n      /* eslint-disable @typescript-eslint/no-floating-promises */\n      globalThis.customElements.whenDefined(Icon.metadata.tag).then(() => {\n        Object.keys(aliases).forEach(alias => {\n          Icon._iconsRegistry[alias] = Icon._iconsRegistry[aliases[alias]!]!;\n          globalThis?.document?.dispatchEvent(\n            new CustomEvent(`${Icon.metadata.tag}-${alias}`, { detail: Icon._iconsRegistry[alias] })\n          );\n        });\n      });\n    }\n  }\n\n  async updated(props: PropertyValues<this>) {\n    super.updated(props);\n    await this.#render();\n  }\n\n  async #asyncRender(event: CustomEvent<IconSVG>) {\n    if (this.isConnected && event.detail && this.svg !== (await event.detail.svg())) {\n      this.#render();\n    }\n  }\n\n  async #render() {\n    if (!this.name) return;\n    const svg = await (this.name.endsWith('.svg')\n      ? fetch(this.name).then(res => res.text())\n      : (Icon._iconsRegistry[this.name]?.svg() ?? Promise.resolve('')));\n    Icon._iconsRegistry[this.name] = { svg: () => svg, ...Icon._iconsRegistry[this.name] };\n    this.svg = svg;\n  }\n}\n\nexport function mergeIcons(RegisteredIcon: typeof Icon) {\n  if (typeof globalThis.customElements?.get === 'function') {\n    const registered = parseVersion(RegisteredIcon.metadata.version);\n    const current = parseVersion('0.0.0');\n\n    // determine if an older icon already registered and if so, merge the icons with the latest svgs\n    if (registered.minor <= current.minor && registered.major <= current.major) {\n      RegisteredIcon._icons = { ...RegisteredIcon._icons, ...ICON_IMPORTS };\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;AA+BA,IAAa,IAAb,MAAa,UAAa,EAAW;;gBAuBnB,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;;gBAE2C;;CAG5C,WAAmB,iBAAiB;AAClC,SAAO,KAAK,gBAAgB,UAAU,EAAK;;CAI7C,WAAmB,eAAe,GAAmC;AACnE,OAAK,eAAe,SAAS;GAAE,GAAG,EAAK;GAAgB,GAAG;GAAO;;CAInE,WAAmB,iBAAiB;AAClC,SAAO,eAAe,IAAI,EAAK,SAAS,IAAI;;CAM9C,KAAA,IAAkB;AAChB,SAAO,KAAY,WAAW,yBAAyB,WAAW,uBAAuB,KAAK,QAAS,KAAK;;CAG9G,SAAS;AACP,SAAO,CAAI,+CACqC,EAAU,MAAA,EAAiB,CAAC;;CAI9E,oBAAoB;AAIlB,EAHA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO,OACvB,YAAY,UAAU,iBACpB,GAAG,EAAK,SAAS,IAAI,GAAG,KAAK,QAC7B,MAAA,EAAkB,KAAK,KAAK,CAC7B;;CAGH,uBAAuB;AAErB,EADA,MAAM,sBAAsB,EAC5B,YAAY,UAAU,oBACpB,GAAG,EAAK,SAAS,IAAI,GAAG,KAAK,QAC7B,MAAA,EAAkB,KAAK,KAAK,CAC7B;;CAGH,aAAa,IAAI,GAAmC;AAClD,EAAI,WAAW,gBAAgB,gBAC7B,MAAM,WAAW,eAAe,YAAY,EAAK,SAAS,IAAI,EAC9D,EAAK,iBAAiB,GACtB,OAAO,KAAK,EAAM,CAAC,SAAQ,MACzB,YAAY,UAAU,cAAc,IAAI,YAAY,GAAG,EAAK,SAAS,IAAI,GAAG,KAAQ,EAAE,QAAQ,EAAM,IAAO,CAAC,CAAC,CAC9G;;CAIL,OAAO,MAAM,GAA+C;AAE1D,EAAI,WAAW,gBAAgB,eAE7B,WAAW,eAAe,YAAY,EAAK,SAAS,IAAI,CAAC,WAAW;AAClE,UAAO,KAAK,EAAQ,CAAC,SAAQ,MAAS;AAEpC,IADA,EAAK,eAAe,KAAS,EAAK,eAAe,EAAQ,KACzD,YAAY,UAAU,cACpB,IAAI,YAAY,GAAG,EAAK,SAAS,IAAI,GAAG,KAAS,EAAE,QAAQ,EAAK,eAAe,IAAQ,CAAC,CACzF;KACD;IACF;;CAIN,MAAM,QAAQ,GAA6B;AAEzC,EADA,MAAM,QAAQ,EAAM,EACpB,MAAM,MAAA,GAAc;;CAGtB,OAAA,EAAmB,GAA6B;AAC9C,EAAI,KAAK,eAAe,EAAM,UAAU,KAAK,QAAS,MAAM,EAAM,OAAO,KAAK,IAC5E,MAAA,GAAc;;CAIlB,OAAA,IAAgB;AACd,MAAI,CAAC,KAAK,KAAM;EAChB,IAAM,IAAM,OAAO,KAAK,KAAK,SAAS,OAAO,GACzC,MAAM,KAAK,KAAK,CAAC,MAAK,MAAO,EAAI,MAAM,CAAC,GACvC,EAAK,eAAe,KAAK,OAAO,KAAK,IAAI,QAAQ,QAAQ,GAAG;AAEjE,EADA,EAAK,eAAe,KAAK,QAAQ;GAAE,WAAW;GAAK,GAAG,EAAK,eAAe,KAAK;GAAO,EACtF,KAAK,MAAM;;;GApHZ,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAEzC,GAAO,CAAA,EAAA,EAAA,WAAA,OAAA,KAAA,EAAA;AAuGV,SAAgB,EAAW,GAA6B;AACtD,KAAI,OAAO,WAAW,gBAAgB,OAAQ,YAAY;EACxD,IAAM,IAAa,EAAa,EAAe,SAAS,QAAQ,EAC1D,IAAU,EAAa,QAAQ;AAGrC,EAAI,EAAW,SAAS,EAAQ,SAAS,EAAW,SAAS,EAAQ,UACnE,EAAe,SAAS;GAAE,GAAG,EAAe;GAAQ,GAAG;GAAc"}

package/dist/icon/icons.d.ts

@@ -278,6 +278,4 @@ export declare const ICON_IMPORTS: {
     'zoom-out': IconSVG;
 };
 export type IconName = keyof typeof ICON_IMPORTS;
-/** @deprecated */
-export type IconNames = IconName;
 export declare const ICON_NAMES: IconName[];