@nonoun/native-playground 0.2.4 → 0.2.6

package/dist/native-playground.css

@@ -38,8 +38,8 @@
   }
 
   /* Toolbar button hover background (ghost variant forces transparent) */
-  :where(native-playground) > :where(n-card-header) :where(n-button):hover,
-  :where(native-playground) > :where(n-card-header) :where(n-button)[force-hover] {
+  :where(native-playground) > :where(n-header) :where(n-button):hover,
+  :where(native-playground) > :where(n-header) :where(n-button)[force-hover] {
     background: var(--n-pg-editor-bg);
   }
 
@@ -144,7 +144,7 @@
   }
 
   /* Card-header — dark chrome context for toolbar & tab bar */
-  :where(native-playground) :where(n-card-header) {
+  :where(native-playground) :where(n-header) {
     background: var(--n-pg-chrome);
     border-bottom: var(--n-pg-border);
     padding: 0;

package/dist/native-playground.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./playground-element-CrsNEOwq.js";
+import { a as e, i as t, n, r, t as i } from "./playground-element-ZQhZxB3I.js";
 export { i as NPlayground, r as TAB_LABELS, n as buildSrcdoc, e as createPlaygroundStore, t as getLanguageExtension };

package/dist/{playground-element-CrsNEOwq.js → playground-element-ZQhZxB3I.js}

@@ -212,7 +212,7 @@ var p = [
 		window.removeEventListener("message", this.#k), clearTimeout(this.#r), this.#t.clear(), this.#i.destroy(), this.#a?.destroy(), this.#a = null, this.#o?.destroy(), this.#o = null, this.#n = null, this.#d = null, this.#f = null, this.#l = null, this.#u = [], super.teardown();
 	}
 	#p() {
-		let e = document.createElement("n-card-header"), t = document.createElement("n-toolbar");
+		let e = document.createElement("n-header"), t = document.createElement("n-toolbar");
 		t.setAttribute("variant", "plain"), t.setAttribute("size", "md"), t.setAttribute("fill", "");
 		let n = this.#m("pg-btn-run", "Run", "▶ Run");
 		n.addEventListener("native:press", this.#C);
@@ -228,7 +228,7 @@ var p = [
 		s.className = "pg-split";
 		let c = document.createElement("div");
 		c.className = "pg-editor";
-		let u = document.createElement("n-card-header"), d = document.createElement("n-tabs");
+		let u = document.createElement("n-header"), d = document.createElement("n-tabs");
 		d.setAttribute("value", this.#e.activeTab.value), d.setAttribute("size", "sm");
 		for (let e of p) {
 			let t = document.createElement("n-tab");

package/dist/register.js

@@ -1,4 +1,4 @@
-import { t as e } from "./playground-element-CrsNEOwq.js";
+import { t as e } from "./playground-element-ZQhZxB3I.js";
 import { define as t } from "@nonoun/native-ui";
 /**
 * Register native-playground

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-playground",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "Embeddable live code sandbox for @nonoun/native-ui",
   "license": "MIT",
   "type": "module",