@nvidia-elements/core 0.2.2 → 0.2.3

package/dist/data.snippets.json

@@ -188,6 +188,33 @@
     "description": "Dialog is a component that appears above main content. A modal dialog is used to display critical information that requires users attention.",
     "body": "<nve-dialog size=\"${6:md}\" closable>\n  <nve-dialog-header>\n    <h3 nve-text=\"heading semibold\">${1:Title}</h3>\n  </nve-dialog-header>\n  <p nve-text=\"body\">${2:Content}</p>\n  <nve-dialog-footer>\n    <nve-button>${3:Cancel}</nve-button>\n    <nve-button interaction=\"${4:emphasis}\">${5:OK}</nve-button>\n  </nve-dialog-footer>\n</nve-dialog>\n$0\n"
   },
+  "Card": {
+    "srcFile": "card.snippets.html",
+    "prefix": [
+      "card"
+    ],
+    "type": "pattern",
+    "description": "Basic Card with header and footer",
+    "body": "<nve-card>\n  <nve-card-header>\n    <div slot=\"title\">${1:Title}</div>\n    <div slot=\"subtitle\">${2:Sub Title}</div>\n  </nve-card-header>\n  <nve-card-content>\n    ${3:\n    <p>card content</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <nve-button style=\"margin-left: auto\">Action</nve-button>\n  </nve-card-footer>\n</nve-card>\n"
+  },
+  "Media Card": {
+    "srcFile": "card.snippets.html",
+    "prefix": [
+      "media-card"
+    ],
+    "type": "pattern",
+    "description": "Basic media Card with card content and card footer",
+    "body": "<nve-card style=\"height: 100%; width: 100%;\">\n  <img alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n  <nve-card-content>\n    ${1:\n    <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <div nve-layout=\"grid span-items:6 gap:xs\">\n      <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n      <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n    </div>\n  </nve-card-footer>\n</nve-card>\n"
+  },
+  "Media Card Grid": {
+    "srcFile": "card.snippets.html",
+    "prefix": [
+      "media-card-grid"
+    ],
+    "type": "pattern",
+    "description": "Grid layout with 3 media cards",
+    "body": "<section nve-layout=\"grid span-items:4 gap:md\">\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 1\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${1:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 2\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${4:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${5:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${6:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 3\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${7:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${8:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${9:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</section>\n"
+  },
   "Button Group": {
     "srcFile": "button-group.snippets.html",
     "prefix": [
@@ -224,32 +251,32 @@
     "description": "Simple vertical button group with three icon buttons.",
     "body": "<nve-button-group orientation=\"vertical\">\n  <nve-icon-button icon-name=\"${1:copy}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${2:add-comment}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${3:download}\"></nve-icon-button>\n</nve-button-group>\n"
   },
-  "Card": {
-    "srcFile": "card.snippets.html",
+  "Accordion": {
+    "srcFile": "accordion.snippets.html",
     "prefix": [
-      "card"
+      "accordion"
     ],
     "type": "pattern",
-    "description": "Basic Card with header and footer",
-    "body": "<nve-card>\n  <nve-card-header>\n    <div slot=\"title\">${1:Title}</div>\n    <div slot=\"subtitle\">${2:Sub Title}</div>\n  </nve-card-header>\n  <nve-card-content>\n    ${3:\n    <p>card content</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <nve-button style=\"margin-left: auto\">Action</nve-button>\n  </nve-card-footer>\n</nve-card>\n"
+    "description": "Basic accordion with title and content slot.",
+    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div slot=\"title\">${2:Title}</div>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${3:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
   },
-  "Media Card": {
-    "srcFile": "card.snippets.html",
+  "Accordion with Actions": {
+    "srcFile": "accordion.snippets.html",
     "prefix": [
-      "media-card"
+      "accordion-actions"
     ],
     "type": "pattern",
-    "description": "Basic media Card with card content and card footer",
-    "body": "<nve-card style=\"height: 100%; width: 100%;\">\n  <img alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n  <nve-card-content>\n    ${1:\n    <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <div nve-layout=\"grid span-items:6 gap:xs\">\n      <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n      <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n    </div>\n  </nve-card-footer>\n</nve-card>\n"
+    "description": "Accordion with action buttons in header.",
+    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div slot=\"title\">${2:Title}</div>\n\n    <nve-icon-button container=\"flat\" icon-name=\"${3:add}\" size=\"sm\" slot=\"actions\"></nve-icon-button>\n    <nve-icon-button container=\"flat\" icon-name=\"${4:delete}\" size=\"sm\" slot=\"actions\"></nve-icon-button>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${5:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
   },
-  "Media Card Grid": {
-    "srcFile": "card.snippets.html",
+  "Accorion Group": {
+    "srcFile": "accordion.snippets.html",
     "prefix": [
-      "media-card-grid"
+      "accordion-group"
     ],
     "type": "pattern",
-    "description": "Grid layout with 3 media cards",
-    "body": "<section nve-layout=\"grid span-items:4 gap:md\">\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 1\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${1:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 2\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${4:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${5:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${6:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 3\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${7:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${8:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${9:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</section>\n"
+    "description": "Accordion group with two accordion children.",
+    "body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n  <nve-accordion>\n    <nve-accordion-header>\n      <div slot=\"title\">${2:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${3:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div slot=\"title\">${4:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${5:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div slot=\"title\">${6:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${7:Content} </nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n$0\n"
   },
   "Alert Group": {
     "srcFile": "alert.snippets.html",
@@ -277,32 +304,5 @@
     "type": "pattern",
     "description": "Alert text and preformatted code output.",
     "body": "<nve-alert-group status=\"danger\">\n  <nve-alert>\n    Session Paused:\n    <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n      <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n      <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n      <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n          </pre>\n    </div>\n  </nve-alert>\n</nve-alert-group>\n$0\n"
-  },
-  "Accordion": {
-    "srcFile": "accordion.snippets.html",
-    "prefix": [
-      "accordion"
-    ],
-    "type": "pattern",
-    "description": "Basic accordion with title and content slot.",
-    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div slot=\"title\">${2:Title}</div>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${3:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
-  },
-  "Accordion with Actions": {
-    "srcFile": "accordion.snippets.html",
-    "prefix": [
-      "accordion-actions"
-    ],
-    "type": "pattern",
-    "description": "Accordion with action buttons in header.",
-    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div slot=\"title\">${2:Title}</div>\n\n    <nve-icon-button container=\"flat\" icon-name=\"${3:add}\" size=\"sm\" slot=\"actions\"></nve-icon-button>\n    <nve-icon-button container=\"flat\" icon-name=\"${4:delete}\" size=\"sm\" slot=\"actions\"></nve-icon-button>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${5:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
-  },
-  "Accorion Group": {
-    "srcFile": "accordion.snippets.html",
-    "prefix": [
-      "accordion-group"
-    ],
-    "type": "pattern",
-    "description": "Accordion group with two accordion children.",
-    "body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n  <nve-accordion>\n    <nve-accordion-header>\n      <div slot=\"title\">${2:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${3:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div slot=\"title\">${4:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${5:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div slot=\"title\">${6:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${7:Content} </nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n$0\n"
   }
 }

package/dist/date/date2.js

@@ -1,6 +1,6 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
-import { useStyles as n } from "../internal/styles/index.js";
+import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { Control as r } from "../forms/control/control2.js";
 import { IconButton as i } from "../icon-button/icon-button2.js";
 import { inputStyles as a } from "../input/input2.js";
@@ -10,7 +10,7 @@ import { property as c } from "lit/decorators/property.js";
 //#region src/date/date.ts
 var l = class extends r {
 	static {
-		this.styles = n([
+		this.styles = t([
 			...r.styles,
 			a,
 			o
@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	static {
@@ -29,10 +29,10 @@ var l = class extends r {
 		return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
 	}
 };
-e([c({
+n([c({
 	type: String,
 	reflect: !0
-})], l.prototype, "container", void 0), l = e([t()], l);
+})], l.prototype, "container", void 0), l = n([e()], l);
 //#endregion
 export { l as Date };
 

package/dist/datetime/datetime2.js

@@ -1,6 +1,6 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
-import { useStyles as n } from "../internal/styles/index.js";
+import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { Control as r } from "../forms/control/control2.js";
 import { IconButton as i } from "../icon-button/icon-button2.js";
 import { inputStyles as a } from "../input/input2.js";
@@ -10,7 +10,7 @@ import { property as c } from "lit/decorators/property.js";
 //#region src/datetime/datetime.ts
 var l = class extends r {
 	static {
-		this.styles = n([
+		this.styles = t([
 			...r.styles,
 			a,
 			o
@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	static {
@@ -29,10 +29,10 @@ var l = class extends r {
 		return s`<nve-icon-button part="icon-button" .ariaLabel="${this.i18n.expand}" icon-name="calendar" container="inline" @click="${this.showPicker}"></nve-icon-button>`;
 	}
 };
-e([c({
+n([c({
 	type: String,
 	reflect: !0
-})], l.prototype, "container", void 0), l = e([t()], l);
+})], l.prototype, "container", void 0), l = n([e()], l);
 //#endregion
 export { l as Datetime };
 

package/dist/dialog/dialog-footer2.js

@@ -1,17 +1,17 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { audit as t } from "../internal/controllers/audit.controller.js";
-import { useStyles as n } from "../internal/styles/index.js";
+import { audit as e } from "../internal/controllers/audit.controller.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import r from "./dialog-footer.js";
 import { LitElement as i, html as a } from "lit";
 //#region src/dialog/dialog-footer.ts
 var o = class extends i {
 	static {
-		this.styles = n([r]);
+		this.styles = t([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dialog-footer",
-			version: "0.2.2",
+			version: "0.2.3",
 			parents: ["nve-dialog"]
 		};
 	}
@@ -22,7 +22,7 @@ var o = class extends i {
 		super.connectedCallback(), this.slot = "footer";
 	}
 };
-o = e([t()], o);
+o = n([e()], o);
 //#endregion
 export { o as DialogFooter };
 

package/dist/dialog/dialog-header2.js

@@ -1,17 +1,17 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { audit as t } from "../internal/controllers/audit.controller.js";
-import { useStyles as n } from "../internal/styles/index.js";
+import { audit as e } from "../internal/controllers/audit.controller.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import r from "./dialog-header.js";
 import { LitElement as i, html as a } from "lit";
 //#region src/dialog/dialog-header.ts
 var o = class extends i {
 	static {
-		this.styles = n([r]);
+		this.styles = t([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dialog-header",
-			version: "0.2.2",
+			version: "0.2.3",
 			parents: ["nve-dialog"]
 		};
 	}
@@ -22,7 +22,7 @@ var o = class extends i {
 		super.connectedCallback(), this.slot = "header";
 	}
 };
-o = e([t()], o);
+o = n([e()], o);
 //#endregion
 export { o as DialogHeader };
 

package/dist/dialog/dialog2.js

@@ -1,12 +1,12 @@
-import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
-import { attachInternals as t } from "../internal/utils/a11y.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { audit as r } from "../internal/controllers/audit.controller.js";
-import { I18nController as i } from "../internal/controllers/i18n.controller.js";
-import { TypeNativePopoverController as a } from "../internal/controllers/type-native-popover.controller.js";
-import { scopedRegistry as o } from "../internal/decorators/scoped-registry.js";
-import { useStyles as s } from "../internal/styles/index.js";
-import { popoverStyles as c } from "../internal/styles/popover2.js";
+import { audit as e } from "../internal/controllers/audit.controller.js";
+import { I18nController as t } from "../internal/controllers/i18n.controller.js";
+import { appendRootNodeStyle as n } from "../internal/utils/dom.js";
+import { attachInternals as r } from "../internal/utils/a11y.js";
+import { TypeNativePopoverController as i } from "../internal/controllers/type-native-popover.controller.js";
+import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
+import { useStyles as o } from "../internal/styles/index.js";
+import { popoverStyles as s } from "../internal/styles/popover2.js";
+import { __decorate as c } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { IconButton as l } from "../icon-button/icon-button2.js";
 import u from "./dialog.global.js";
 import d from "./dialog.js";
@@ -15,7 +15,7 @@ import { property as m } from "lit/decorators/property.js";
 //#region src/dialog/dialog.ts
 var h = class extends f {
 	constructor(...e) {
-		super(...e), this.position = "center", this.alignment = "center", this.anchor = globalThis.document?.body, this.#e = new i(this), this.i18n = this.#e.i18n, this.typeNativePopoverController = new a(this);
+		super(...e), this.position = "center", this.alignment = "center", this.anchor = globalThis.document?.body, this.#e = new t(this), this.i18n = this.#e.i18n, this.typeNativePopoverController = new i(this);
 	}
 	#e;
 	get popoverType() {
@@ -25,12 +25,12 @@ var h = class extends f {
 		return !!this.closable;
 	}
 	static {
-		this.styles = s([c, d]);
+		this.styles = o([s, d]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	static {
@@ -40,26 +40,26 @@ var h = class extends f {
 		return p`<div internal-host part="_host"><div class="header">${this.closable ? p`<nve-icon-button part="close-button icon-button" exportparts="icon:icon-button-icon" size="sm" @click="${this.hidePopover}" icon-name="cancel" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<slot name="header"></slot></div><div class="content" part="_content"><slot></slot></div><slot name="footer"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this), this._internals.role = "dialog", e(this, u);
+		super.connectedCallback(), r(this), this._internals.role = "dialog", n(this, u);
 	}
 };
-n([m({
+c([m({
 	type: String,
 	reflect: !0
-})], h.prototype, "position", void 0), n([m({
+})], h.prototype, "position", void 0), c([m({
 	type: String,
 	reflect: !0
-})], h.prototype, "alignment", void 0), n([m({
+})], h.prototype, "alignment", void 0), c([m({
 	type: String,
 	reflect: !0
-})], h.prototype, "size", void 0), n([m({ type: Boolean })], h.prototype, "closable", void 0), n([m({
+})], h.prototype, "size", void 0), c([m({ type: Boolean })], h.prototype, "closable", void 0), c([m({
 	type: Boolean,
 	reflect: !0
-})], h.prototype, "modal", void 0), n([m({ type: String })], h.prototype, "anchor", void 0), n([m({ type: String })], h.prototype, "trigger", void 0), n([m({
+})], h.prototype, "modal", void 0), c([m({ type: String })], h.prototype, "anchor", void 0), c([m({ type: String })], h.prototype, "trigger", void 0), c([m({
 	type: Boolean,
 	reflect: !0,
 	attribute: "behavior-trigger"
-})], h.prototype, "behaviorTrigger", void 0), n([m({ type: Object })], h.prototype, "i18n", void 0), h = n([r({ excessiveInstanceLimit: 50 }), o()], h);
+})], h.prototype, "behaviorTrigger", void 0), c([m({ type: Object })], h.prototype, "i18n", void 0), h = c([e({ excessiveInstanceLimit: 50 }), a()], h);
 //#endregion
 export { h as Dialog };
 

package/dist/divider/divider2.js

@@ -1,6 +1,6 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { useStyles as n } from "../internal/styles/index.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import r from "./divider.js";
 import { LitElement as i, html as a } from "lit";
 import { property as o } from "lit/decorators/property.js";
@@ -10,12 +10,12 @@ var s = class extends i {
 		super(...e), this.orientation = "horizontal";
 	}
 	static {
-		this.styles = n([r]);
+		this.styles = t([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-divider",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	render() {
@@ -28,7 +28,7 @@ var s = class extends i {
 		super.updated(e), e.has("orientation") && (this._internals.ariaOrientation = this.orientation);
 	}
 };
-t([o({
+n([o({
 	type: String,
 	reflect: !0
 })], s.prototype, "orientation", void 0);

package/dist/dot/dot2.js

@@ -1,22 +1,22 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { statusStateStyles as n, supportStateStyles as r, useStyles as i } from "../internal/styles/index.js";
+import { statusStateStyles as t, supportStateStyles as n, useStyles as r } from "../internal/styles/index.js";
+import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import a from "./dot.js";
 import { LitElement as o, html as s } from "lit";
 import { property as c } from "lit/decorators/property.js";
 //#region src/dot/dot.ts
 var l = class extends o {
 	static {
-		this.styles = i([
+		this.styles = r([
 			a,
-			n,
-			r
+			t,
+			n
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	render() {
@@ -29,10 +29,10 @@ var l = class extends o {
 		this.textContent.length ? this._internals.states.add("has-text") : this._internals.states.delete("has-text");
 	}
 };
-t([c({
+i([c({
 	type: String,
 	reflect: !0
-})], l.prototype, "status", void 0), t([c({
+})], l.prototype, "status", void 0), i([c({
 	type: String,
 	reflect: !0
 })], l.prototype, "size", void 0);

package/dist/drawer/drawer-content2.js

@@ -1,17 +1,17 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { audit as t } from "../internal/controllers/audit.controller.js";
-import { useStyles as n } from "../internal/styles/index.js";
+import { audit as e } from "../internal/controllers/audit.controller.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import r from "./drawer-content.js";
 import { LitElement as i, html as a } from "lit";
 //#region src/drawer/drawer-content.ts
 var o = class extends i {
 	static {
-		this.styles = n([r]);
+		this.styles = t([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "0.2.2",
+			version: "0.2.3",
 			parents: ["nve-drawer"]
 		};
 	}
@@ -19,7 +19,7 @@ var o = class extends i {
 		return a`<div internal-host><slot></slot></div>`;
 	}
 };
-o = e([t()], o);
+o = n([e()], o);
 //#endregion
 export { o as DrawerContent };
 

package/dist/drawer/drawer-footer2.js

@@ -1,17 +1,17 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { audit as t } from "../internal/controllers/audit.controller.js";
-import { useStyles as n } from "../internal/styles/index.js";
+import { audit as e } from "../internal/controllers/audit.controller.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import r from "./drawer-footer.js";
 import { LitElement as i, html as a } from "lit";
 //#region src/drawer/drawer-footer.ts
 var o = class extends i {
 	static {
-		this.styles = n([r]);
+		this.styles = t([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drawer-footer",
-			version: "0.2.2",
+			version: "0.2.3",
 			parents: ["nve-drawer"]
 		};
 	}
@@ -22,7 +22,7 @@ var o = class extends i {
 		super.connectedCallback(), this.slot = "footer";
 	}
 };
-o = e([t()], o);
+o = n([e()], o);
 //#endregion
 export { o as DrawerFooter };
 

package/dist/drawer/drawer-header2.js

@@ -1,17 +1,17 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { audit as t } from "../internal/controllers/audit.controller.js";
-import { useStyles as n } from "../internal/styles/index.js";
+import { audit as e } from "../internal/controllers/audit.controller.js";
+import { useStyles as t } from "../internal/styles/index.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import r from "./drawer-header.js";
 import { LitElement as i, html as a } from "lit";
 //#region src/drawer/drawer-header.ts
 var o = class extends i {
 	static {
-		this.styles = n([r]);
+		this.styles = t([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drawer-header",
-			version: "0.2.2",
+			version: "0.2.3",
 			parents: ["nve-drawer"]
 		};
 	}
@@ -22,7 +22,7 @@ var o = class extends i {
 		super.connectedCallback(), this.slot = "header";
 	}
 };
-o = e([t()], o);
+o = n([e()], o);
 //#endregion
 export { o as DrawerHeader };
 

package/dist/drawer/drawer2.js

@@ -1,20 +1,20 @@
-import { createGhostElement as e } from "../internal/utils/dom.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
-import { I18nController as n } from "../internal/controllers/i18n.controller.js";
-import { TypeNativePopoverController as r } from "../internal/controllers/type-native-popover.controller.js";
-import { typeSSR as i } from "../internal/controllers/type-ssr.controller.js";
-import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
-import { useStyles as o } from "../internal/styles/index.js";
-import { popoverStyles as s } from "../internal/styles/popover2.js";
+import { I18nController as e } from "../internal/controllers/i18n.controller.js";
+import { createGhostElement as t } from "../internal/utils/dom.js";
+import { TypeNativePopoverController as n } from "../internal/controllers/type-native-popover.controller.js";
+import { typeSSR as r } from "../internal/controllers/type-ssr.controller.js";
+import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
+import { useStyles as a } from "../internal/styles/index.js";
+import { popoverStyles as o } from "../internal/styles/popover2.js";
+import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/decorate.js";
 import { IconButton as c } from "../icon-button/icon-button2.js";
 import l from "./drawer.js";
 import { LitElement as u, html as d } from "lit";
 import { property as f } from "lit/decorators/property.js";
 //#region src/drawer/drawer.ts
 var p = class extends u {
-	constructor(...t) {
-		super(...t), this.position = "left", this.anchor = globalThis.document?.body, this.#e = new n(this), this.i18n = this.#e.i18n, this.typeNativePopoverController = new r(this), this.#n = (t) => {
-			this.inline && (this.#t && t.newState === "closed" ? this.#t.remove() : (this.#t = e(this), this.after(this.#t)));
+	constructor(...r) {
+		super(...r), this.position = "left", this.anchor = globalThis.document?.body, this.#e = new e(this), this.i18n = this.#e.i18n, this.typeNativePopoverController = new n(this), this.#n = (e) => {
+			this.inline && (this.#t && e.newState === "closed" ? this.#t.remove() : (this.#t = t(this), this.after(this.#t)));
 		};
 	}
 	#e;
@@ -25,12 +25,12 @@ var p = class extends u {
 		return !!this.closable;
 	}
 	static {
-		this.styles = o([s, l]);
+		this.styles = a([o, l]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "0.2.2"
+			version: "0.2.3"
 		};
 	}
 	static {
@@ -48,23 +48,23 @@ var p = class extends u {
 	}
 	#n;
 };
-t([f({
+s([f({
 	type: String,
 	reflect: !0
-})], p.prototype, "position", void 0), t([f({
+})], p.prototype, "position", void 0), s([f({
 	type: String,
 	reflect: !0
-})], p.prototype, "size", void 0), t([f({ type: Boolean })], p.prototype, "closable", void 0), t([f({
+})], p.prototype, "size", void 0), s([f({ type: Boolean })], p.prototype, "closable", void 0), s([f({
 	type: Boolean,
 	reflect: !0
-})], p.prototype, "modal", void 0), t([f({ type: String })], p.prototype, "anchor", void 0), t([f({ type: String })], p.prototype, "trigger", void 0), t([f({
+})], p.prototype, "modal", void 0), s([f({ type: String })], p.prototype, "anchor", void 0), s([f({ type: String })], p.prototype, "trigger", void 0), s([f({
 	type: Boolean,
 	reflect: !0
-})], p.prototype, "inline", void 0), t([f({
+})], p.prototype, "inline", void 0), s([f({
 	type: Boolean,
 	reflect: !0,
 	attribute: "behavior-trigger"
-})], p.prototype, "behaviorTrigger", void 0), t([f({ type: Object })], p.prototype, "i18n", void 0), p = t([i(), a()], p);
+})], p.prototype, "behaviorTrigger", void 0), s([f({ type: Object })], p.prototype, "i18n", void 0), p = s([r(), i()], p);
 //#endregion
 export { p as Drawer };