@nonoun/native-ui 0.2.7 → 0.2.9

package/dist/inspector/ds-inspector-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-inspector-element.d.ts","sourceRoot":"","sources":["../../src/inspector/ds-inspector-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD;;;;;;;;GAQG;AACH,qBAAa,WAAY,SAAQ,SAAS;IACxC,KAAK,IAAI,IAAI;IAKb,QAAQ,IAAI,IAAI;CAIjB"}

package/dist/inspector/ds-inspector.d.ts

@@ -0,0 +1,3 @@
+import { DSInspector } from './ds-inspector-element.ts';
+export { DSInspector };
+//# sourceMappingURL=ds-inspector.d.ts.map

package/dist/inspector/ds-inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-inspector.d.ts","sourceRoot":"","sources":["../../src/inspector/ds-inspector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAIxD,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/{nav/inspector → inspector}/ds-themes-element.d.ts

@@ -1,4 +1,4 @@
-import { UIElement } from '../../core/ui-element.ts';
+import { UIElement } from '../core/ui-element.ts';
 export interface DSThemeEntry {
     name: string;
     value: string;

package/dist/inspector/ds-themes-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-themes-element.d.ts","sourceRoot":"","sources":["../../src/inspector/ds-themes-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAeD,qBAAa,QAAS,SAAQ,SAAS;;IACrC,MAAM,CAAC,kBAAkB,WAAY;IAIrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IASb,QAAQ,IAAI,IAAI;CA8CjB"}

package/dist/inspector/ds-themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-themes.d.ts","sourceRoot":"","sources":["../../src/inspector/ds-themes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/{nav/inspector → inspector}/ds-variable-element.d.ts

@@ -1,4 +1,4 @@
-import { UIElement } from '../../core/ui-element.ts';
+import { UIElement } from '../core/ui-element.ts';
 export interface DSVariableData {
     name: string;
     type: 'number';

package/dist/inspector/ds-variable-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-variable-element.d.ts","sourceRoot":"","sources":["../../src/inspector/ds-variable-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,qBAAa,UAAW,SAAQ,SAAS;;IACvC,MAAM,CAAC,kBAAkB,WAAY;IAMrC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAQpF,KAAK,IAAI,IAAI;IAWb,QAAQ,IAAI,IAAI;IAYhB,IAAI,IAAI,IAAI;CA8Db"}

package/dist/inspector/ds-variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-variable.d.ts","sourceRoot":"","sources":["../../src/inspector/ds-variable.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAItD,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/{nav/inspector → inspector}/index.d.ts

@@ -5,5 +5,6 @@ export { DSVariable } from './ds-variable-element.ts';
 export type { DSVariableData } from './ds-variable-element.ts';
 export { DSThemes } from './ds-themes-element.ts';
 export type { DSThemeEntry } from './ds-themes-element.ts';
+export { DSInspector } from './ds-inspector-element.ts';
 export { buildInspector } from './build-inspector.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/inspector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/inspector.css

@@ -225,7 +225,7 @@
 /* ── ds-themes ── */
 
 :where(ds-themes) {
-  display: block;
+  display: contents;
 }
 
 } /* @layer ui */

package/dist/inspector.d.ts

@@ -1,7 +1,11 @@
-import './nav/inspector/ds-variable.ts';
-import './nav/inspector/ds-colors.ts';
-import './nav/inspector/ds-color-swatch.ts';
-import './nav/inspector/ds-themes.ts';
-export { DSColorSwatch, DSColors, DSVariable, DSThemes, buildInspector, } from './nav/inspector/index.ts';
-export type { DSColorEntry, DSVariableData, DSThemeEntry } from './nav/inspector/index.ts';
+import { DSVariable } from './inspector/ds-variable-element.ts';
+import { DSColors } from './inspector/ds-colors-element.ts';
+import { DSColorSwatch } from './inspector/ds-color-swatch-element.ts';
+import { DSThemes } from './inspector/ds-themes-element.ts';
+import { DSInspector } from './inspector/ds-inspector-element.ts';
+import { buildInspector } from './inspector/build-inspector.ts';
+export { DSVariable, DSColors, DSColorSwatch, DSThemes, DSInspector, buildInspector, };
+export type { DSVariableData } from './inspector/ds-variable-element.ts';
+export type { DSColorEntry } from './inspector/ds-colors-element.ts';
+export type { DSThemeEntry } from './inspector/ds-themes-element.ts';
 //# sourceMappingURL=inspector.d.ts.map

package/dist/inspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../src/inspector.ts"],"names":[],"mappings":"AACA,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,8BAA8B,CAAC;AAGtC,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,GACf,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../src/inspector.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAYlE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAoBhE,OAAO,EACL,UAAU,EACV,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,WAAW,EACX,cAAc,GACf,CAAC;AACF,YAAY,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACzE,YAAY,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AACrE,YAAY,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/inspector.js

@@ -1,6 +1,7 @@
-import { t as e } from "./uid.js";
-import { t } from "./ui-element.js";
-var n = class extends t {
+import { n as e, t } from "./uid.js";
+import { u as n } from "./list-navigate-controller.js";
+import { a as r, c as i, l as a, o, t as s, u as c } from "./ui-icon-element.js";
+var l = class extends n {
 	static observedAttributes = ["data"];
 	#e = null;
 	#t = null;
@@ -63,7 +64,7 @@ var n = class extends t {
 			}));
 		})), this.#t = r, this.#n = s, t.append(n, r, s), this.appendChild(t);
 	}
-}, r = class extends t {
+}, u = class extends n {
 	static observedAttributes = ["data"];
 	#e = [];
 	attributeChangedCallback(e, t, n) {
@@ -106,7 +107,7 @@ var n = class extends t {
 	}
 };
 /** Parse a computed `rgb(...)` / `rgba(...)` string into [r, g, b, a] (0–255, 0–1). */
-function i(e) {
+function d(e) {
 	let t = e.match(/[\d.]+/g);
 	return !t || t.length < 3 ? [
 		0,
@@ -121,7 +122,7 @@ function i(e) {
 	];
 }
 /** Relative luminance (ITU-R BT.709). Returns true if light. */
-function a(e, t, n) {
+function f(e, t, n) {
 	let r = [
 		e,
 		t,
@@ -130,25 +131,25 @@ function a(e, t, n) {
 	return .2126 * r[0] + .7152 * r[1] + .0722 * r[2] > .4;
 }
 /** Convert 0–255 component to 2-digit hex. */
-function o(e) {
+function p(e) {
 	return Math.round(e).toString(16).padStart(2, "0");
 }
 /** sRGB → linear. */
-function s(e) {
+function m(e) {
 	return e /= 255, e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4;
 }
 /** linear → sRGB (0–1 range). */
 /** sRGB (0–255) → OKLCH via OKLab. Returns [L (0–1), C, H (degrees)]. */
-function c(e, t, n) {
-	let r = s(e), i = s(t), a = s(n), o = .4122214708 * r + .5363325363 * i + .0514459929 * a, c = .2119034982 * r + .6806995451 * i + .1073969566 * a, l = .0883024619 * r + .2817188376 * i + .6299787005 * a, u = Math.cbrt(o), d = Math.cbrt(c), f = Math.cbrt(l), p = .2104542553 * u + .793617785 * d - .0040720468 * f, m = 1.9779984951 * u - 2.428592205 * d + .4505937099 * f, h = .0259040371 * u + .7827717662 * d - .808675766 * f, g = Math.sqrt(m * m + h * h), _ = Math.atan2(h, m) * (180 / Math.PI);
+function h(e, t, n) {
+	let r = m(e), i = m(t), a = m(n), o = .4122214708 * r + .5363325363 * i + .0514459929 * a, s = .2119034982 * r + .6806995451 * i + .1073969566 * a, c = .0883024619 * r + .2817188376 * i + .6299787005 * a, l = Math.cbrt(o), u = Math.cbrt(s), d = Math.cbrt(c), f = .2104542553 * l + .793617785 * u - .0040720468 * d, p = 1.9779984951 * l - 2.428592205 * u + .4505937099 * d, h = .0259040371 * l + .7827717662 * u - .808675766 * d, g = Math.sqrt(p * p + h * h), _ = Math.atan2(h, p) * (180 / Math.PI);
 	return _ < 0 && (_ += 360), [
-		p,
+		f,
 		g,
 		_
 	];
 }
 /** sRGB (0–255) → HSL. Returns [H (0–360), S (0–100), L (0–100)]. */
-function l(e, t, n) {
+function g(e, t, n) {
 	e /= 255, t /= 255, n /= 255;
 	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = r - i, o = (r + i) / 2;
 	if (a === 0) return [
@@ -164,7 +165,7 @@ function l(e, t, n) {
 	];
 }
 /** sRGB (0–255) → HSB/HSV. Returns [H (0–360), S (0–100), B (0–100)]. */
-function u(e, t, n) {
+function _(e, t, n) {
 	e /= 255, t /= 255, n /= 255;
 	let r = Math.max(e, t, n), i = r - Math.min(e, t, n), a = r * 100;
 	if (r === 0) return [
@@ -179,47 +180,47 @@ function u(e, t, n) {
 		a
 	];
 }
-function d(e, t, n, r) {
-	let [i, a, o] = c(e, t, n), s = `oklch(${(i * 100).toFixed(1)}% ${a.toFixed(4)} ${o.toFixed(1)})`;
+function v(e, t, n, r) {
+	let [i, a, o] = h(e, t, n), s = `oklch(${(i * 100).toFixed(1)}% ${a.toFixed(4)} ${o.toFixed(1)})`;
 	return r < 1 ? `oklch(${(i * 100).toFixed(1)}% ${a.toFixed(4)} ${o.toFixed(1)} / ${r.toFixed(2)})` : s;
 }
-function f(e, t, n, r) {
-	let i = `#${o(e)}${o(t)}${o(n)}`;
-	return r < 1 ? `${i}${o(Math.round(r * 255))}` : i;
+function y(e, t, n, r) {
+	let i = `#${p(e)}${p(t)}${p(n)}`;
+	return r < 1 ? `${i}${p(Math.round(r * 255))}` : i;
 }
-function p(e, t, n, r) {
+function b(e, t, n, r) {
 	return r < 1 ? `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(n)}, ${r.toFixed(2)})` : `rgb(${Math.round(e)}, ${Math.round(t)}, ${Math.round(n)})`;
 }
-function m(e, t, n, r) {
-	let [i, a, o] = l(e, t, n);
+function x(e, t, n, r) {
+	let [i, a, o] = g(e, t, n);
 	return r < 1 ? `hsla(${i.toFixed(0)}, ${a.toFixed(1)}%, ${o.toFixed(1)}%, ${r.toFixed(2)})` : `hsl(${i.toFixed(0)}, ${a.toFixed(1)}%, ${o.toFixed(1)}%)`;
 }
-function h(e, t, n, r) {
-	let [i, a, o] = u(e, t, n);
+function S(e, t, n, r) {
+	let [i, a, o] = _(e, t, n);
 	return `hsb(${i.toFixed(0)}, ${a.toFixed(1)}%, ${o.toFixed(1)}%)`;
 }
-var g = [
+var C = [
 	{
 		label: "OKLCH",
-		fn: d
+		fn: v
 	},
 	{
 		label: "HEX",
-		fn: f
+		fn: y
 	},
 	{
 		label: "RGB",
-		fn: p
+		fn: b
 	},
 	{
 		label: "HSL",
-		fn: m
+		fn: x
 	},
 	{
 		label: "HSB",
-		fn: h
+		fn: S
 	}
-], _ = class extends t {
+], w = class extends n {
 	static observedAttributes = ["token", "name"];
 	#e = null;
 	#t = null;
@@ -241,8 +242,8 @@ var g = [
 	}
 	setup() {
 		super.setup(), this.token && (this.style.background = `var(${this.token})`, this.title = `${this.name}\n${this.token}`);
-		let t = document.createElement("span");
-		t.className = "ds-swatch-label", t.textContent = this.name, this.#t = t, this.appendChild(t), this.#n = e("swatch"), this.style.setProperty("anchor-name", `--${this.#n}`);
+		let e = document.createElement("span");
+		e.className = "ds-swatch-label", e.textContent = this.name, this.#t = e, this.appendChild(e), this.#n = t("swatch"), this.style.setProperty("anchor-name", `--${this.#n}`);
 		let n = document.createElement("div");
 		n.className = "ds-swatch-popover", n.setAttribute("popover", "auto"), n.style.setProperty("position-anchor", `--${this.#n}`), this.#e = n, this.appendChild(n), this.addEventListener("click", this.#i), this.addEventListener("ds-change", this.#r), this.addEventListener("ds-theme-change", this.#r), requestAnimationFrame(() => this.#a());
 	}
@@ -265,30 +266,30 @@ var g = [
 		}
 	};
 	#a() {
-		let e = getComputedStyle(this).backgroundColor, [t, n, r] = i(e);
-		this.#t && (this.#t.style.color = a(t, n, r) ? "rgba(0,0,0,0.55)" : "rgba(255,255,255,0.7)");
+		let e = getComputedStyle(this).backgroundColor, [t, n, r] = d(e);
+		this.#t && (this.#t.style.color = f(t, n, r) ? "rgba(0,0,0,0.55)" : "rgba(255,255,255,0.7)");
 	}
 	#o() {
 		if (!this.#e) return;
 		this.#e.innerHTML = "";
-		let e = getComputedStyle(this).backgroundColor, [t, n, r, a] = i(e), o = document.createElement("div");
-		o.className = "ds-swatch-popover-header", o.textContent = this.token, this.#e.appendChild(o);
-		for (let e of g) {
-			let i = e.fn(t, n, r, a), o = document.createElement("button");
+		let e = getComputedStyle(this).backgroundColor, [t, n, r, i] = d(e), a = document.createElement("div");
+		a.className = "ds-swatch-popover-header", a.textContent = this.token, this.#e.appendChild(a);
+		for (let e of C) {
+			let a = e.fn(t, n, r, i), o = document.createElement("button");
 			o.className = "ds-swatch-popover-row", o.type = "button";
 			let s = document.createElement("span");
 			s.className = "ds-swatch-popover-label", s.textContent = e.label;
 			let c = document.createElement("span");
-			c.className = "ds-swatch-popover-value", c.textContent = i, o.append(s, c), o.addEventListener("click", (e) => {
-				e.stopPropagation(), navigator.clipboard.writeText(i).then(() => {
+			c.className = "ds-swatch-popover-value", c.textContent = a, o.append(s, c), o.addEventListener("click", (e) => {
+				e.stopPropagation(), navigator.clipboard.writeText(a).then(() => {
 					c.textContent = "Copied!", setTimeout(() => {
-						c.textContent = i;
+						c.textContent = a;
 					}, 1200);
 				});
 			}), this.#e.appendChild(o);
 		}
 	}
-}, v = /* @__PURE__ */ "color-env-lightness-min.color-env-lightness-max.color-env-lightness-delta.color-env-chroma.color-env-chroma-k-muted.color-env-chroma-k-vivid.color-env-chroma-k-edge.color-env-alpha.color-env-alpha-delta.color-env-hue-neutral.color-env-chroma-neutral.color-env-lightness-neutral.color-env-hue-accent.color-env-chroma-accent.color-env-lightness-accent.color-env-hue-info.color-env-chroma-info.color-env-lightness-info.color-env-hue-success.color-env-chroma-success.color-env-lightness-success.color-env-hue-warning.color-env-chroma-warning.color-env-lightness-warning.color-env-hue-danger.color-env-chroma-danger.color-env-lightness-danger".split("."), y = class extends t {
+}, T = /* @__PURE__ */ "color-env-lightness-min.color-env-lightness-max.color-env-lightness-delta.color-env-chroma.color-env-chroma-k-muted.color-env-chroma-k-vivid.color-env-chroma-k-edge.color-env-alpha.color-env-alpha-delta.color-env-hue-neutral.color-env-chroma-neutral.color-env-lightness-neutral.color-env-hue-accent.color-env-chroma-accent.color-env-lightness-accent.color-env-hue-info.color-env-chroma-info.color-env-lightness-info.color-env-hue-success.color-env-chroma-success.color-env-lightness-success.color-env-hue-warning.color-env-chroma-warning.color-env-lightness-warning.color-env-hue-danger.color-env-chroma-danger.color-env-lightness-danger".split("."), E = class extends n {
 	static observedAttributes = ["data"];
 	#e = [];
 	attributeChangedCallback(e, t, n) {
@@ -312,7 +313,7 @@ var g = [
 	}
 	#t() {
 		this.innerHTML = "";
-		let e = document.documentElement.getAttribute("theme") ?? "", t = document.createElement("ui-combobox");
+		let e = document.documentElement.getAttribute("theme") ?? "", t = document.createElement("ui-select");
 		t.setAttribute("size", "xs"), t.setAttribute("placeholder", "Theme..."), t.setAttribute("options", JSON.stringify(this.#e.map((e) => ({
 			value: e.value,
 			label: e.name
@@ -322,13 +323,13 @@ var g = [
 	}
 	#n(e) {
 		let t = document.documentElement;
-		for (let e of v) t.style.removeProperty("--" + e);
+		for (let e of T) t.style.removeProperty("--" + e);
 		e ? t.setAttribute("theme", e) : t.removeAttribute("theme"), this.dispatchEvent(new CustomEvent("ds-theme-change", {
 			bubbles: !0,
 			detail: { theme: e }
 		}));
 	}
-}, b = [
+}, D = [
 	{
 		name: "Default",
 		value: ""
@@ -345,7 +346,7 @@ var g = [
 		name: "Zinc",
 		value: "zinc"
 	}
-], x = [
+], O = [
 	{
 		name: "L min",
 		token: "--color-env-lightness-min",
@@ -427,14 +428,14 @@ var g = [
 		max: .15,
 		group: "Alpha"
 	}
-], S = [
+], k = [
 	"neutral",
 	"accent",
 	"info",
 	"success",
 	"warning",
 	"danger"
-], C = [
+], A = [
 	"lowest",
 	"lower",
 	"low",
@@ -442,7 +443,7 @@ var g = [
 	"high",
 	"higher",
 	"highest"
-], w = [
+], j = [
 	"brightest",
 	"brighter",
 	"bright",
@@ -450,7 +451,7 @@ var g = [
 	"dim",
 	"dimmer",
 	"dimmest"
-], T = [
+], M = [
 	"1",
 	"2",
 	"3",
@@ -462,7 +463,7 @@ var g = [
 	"9",
 	"10",
 	"11"
-], E = [
+], N = [
 	"050",
 	"100",
 	"200",
@@ -474,7 +475,7 @@ var g = [
 	"800",
 	"900",
 	"950"
-], D = [
+], P = [
 	"strongest",
 	"stronger",
 	"strong",
@@ -483,21 +484,21 @@ var g = [
 	"weaker",
 	"weakest"
 ];
-function O(e, t) {
+function F(e, t) {
 	let n = document.createElement("div");
 	n.className = "ds-inspector-section", t && (n.dataset.family = t);
 	let r = document.createElement("h3");
 	return r.className = "ds-inspector-heading", r.textContent = e, n.appendChild(r), n;
 }
-function k(e) {
+function I(e) {
 	let t = document.createElement("h4");
 	return t.className = "ds-inspector-subheading", t.textContent = e, t;
 }
-function A(e) {
+function L(e) {
 	let t = document.createElement("ds-colors");
 	return t.setAttribute("data", JSON.stringify(e)), t;
 }
-function j(e) {
+function R(e) {
 	let t = document.createElement("ds-variable");
 	return t.setAttribute("data", JSON.stringify({
 		name: e.name,
@@ -509,66 +510,66 @@ function j(e) {
 		max: e.max
 	})), t;
 }
-function M(e) {
+function z(e) {
 	let t = document.createElement("div");
 	t.className = "ds-inspector-toolbar";
 	let n = document.createElement("ds-themes");
-	n.setAttribute("data", JSON.stringify(b)), t.appendChild(n);
+	n.setAttribute("data", JSON.stringify(D)), t.appendChild(n);
 	let r = [{
 		value: "all",
 		label: "All Families"
-	}, ...S.map((e) => ({
+	}, ...k.map((e) => ({
 		value: e,
 		label: e.charAt(0).toUpperCase() + e.slice(1)
-	}))], i = document.createElement("ui-combobox");
+	}))], i = document.createElement("ui-select");
 	i.setAttribute("size", "xs"), i.setAttribute("placeholder", "Family..."), i.setAttribute("options", JSON.stringify(r)), i.setAttribute("value", "all"), t.appendChild(i), e.appendChild(t);
 	let a = "", o = null;
-	for (let t of x) t.group !== a && (a = t.group, o = O(t.group, "env"), e.appendChild(o)), o.appendChild(j(t));
-	for (let t of S) {
-		let n = O(t.charAt(0).toUpperCase() + t.slice(1), t);
-		n.appendChild(j({
+	for (let t of O) t.group !== a && (a = t.group, o = F(t.group, "env"), e.appendChild(o)), o.appendChild(R(t));
+	for (let t of k) {
+		let n = F(t.charAt(0).toUpperCase() + t.slice(1), t);
+		n.appendChild(R({
 			name: "Hue",
 			token: `--color-env-hue-${t}`,
 			value: 230,
 			step: 1,
 			min: 0,
 			max: 360
-		})), n.appendChild(j({
+		})), n.appendChild(R({
 			name: "Chroma",
 			token: `--color-env-chroma-${t}`,
 			value: .5,
 			step: .01,
 			min: 0,
 			max: 1
-		})), n.appendChild(j({
+		})), n.appendChild(R({
 			name: "Lightness",
 			token: `--color-env-lightness-${t}`,
 			value: .5,
 			step: .01,
 			min: 0,
 			max: 1
-		})), n.appendChild(k("Elevation")), n.appendChild(A(C.map((e) => ({
+		})), n.appendChild(I("Elevation")), n.appendChild(L(A.map((e) => ({
 			name: e,
 			token: `--${t}-${e}`
-		})))), n.appendChild(k("Brightness")), n.appendChild(A(w.map((e) => ({
+		})))), n.appendChild(I("Brightness")), n.appendChild(L(j.map((e) => ({
 			name: e,
 			token: `--${t}-${e}`
-		})))), n.appendChild(k("Solid")), n.appendChild(A(T.map((e) => ({
+		})))), n.appendChild(I("Solid")), n.appendChild(L(M.map((e) => ({
 			name: e,
 			token: `--${t}-${e}`
-		})))), n.appendChild(k("Scrim")), n.appendChild(A(T.map((e) => ({
+		})))), n.appendChild(I("Scrim")), n.appendChild(L(M.map((e) => ({
 			name: e,
 			token: `--${t}-${e}-scrim`
-		})))), n.appendChild(k("Semantic")), n.appendChild(A(E.map((e) => ({
+		})))), n.appendChild(I("Semantic")), n.appendChild(L(N.map((e) => ({
 			name: e,
 			token: `--${t}-${e}`
-		})))), n.appendChild(k("Semantic Scrim")), n.appendChild(A(E.map((e) => ({
+		})))), n.appendChild(I("Semantic Scrim")), n.appendChild(L(N.map((e) => ({
 			name: e,
 			token: `--${t}-${e}-scrim`
-		})))), n.appendChild(k("Tint")), n.appendChild(A(D.map((e) => ({
+		})))), n.appendChild(I("Tint")), n.appendChild(L(P.map((e) => ({
 			name: e,
 			token: `--${t}-scrim-tint-${e}`
-		})))), n.appendChild(k("Shade")), n.appendChild(A(D.map((e) => ({
+		})))), n.appendChild(I("Shade")), n.appendChild(L(P.map((e) => ({
 			name: e,
 			token: `--${t}-scrim-shade-${e}`
 		})))), e.appendChild(n);
@@ -588,4 +589,22 @@ function M(e) {
 		});
 	});
 }
-export { _ as DSColorSwatch, r as DSColors, y as DSThemes, n as DSVariable, M as buildInspector };
+/**
+* Self-contained design system inspector.
+*
+* Stamps the full color/variable inspector UI on connection.
+* Consumer usage: `<ds-inspector></ds-inspector>`.
+*
+* All `ds-*` sub-elements are registered by the `@nonoun/native-ui/inspector`
+* entry point as a side effect of import.
+*/
+var B = class extends n {
+	setup() {
+		super.setup(), z(this);
+	}
+	teardown() {
+		this.innerHTML = "", super.teardown();
+	}
+};
+e("ds-variable", l), e("ds-colors", u), e("ds-color-swatch", w), e("ds-themes", E), e("ds-inspector", B), e("ui-range", r), e("ui-select", o), e("ui-button", c), e("ui-icon", s), e("ui-listbox", a), e("ui-option", i);
+export { w as DSColorSwatch, u as DSColors, B as DSInspector, E as DSThemes, l as DSVariable, z as buildInspector };

package/dist/kernel/index.d.ts

@@ -2,6 +2,7 @@ export { Kernel, getKernel, resetKernel } from './kernel.ts';
 export { CommandBus, createCommandBus } from './command-bus.ts';
 export { CommandHistory, createCommandHistory } from './command-history.ts';
 export { OverlayManager, createOverlayManager } from './overlay-manager.ts';
+export type { OverlayHandle } from './overlay-manager.ts';
 export { FocusRouter, createFocusRouter } from './focus-router.ts';
 export { validatePlan, validateNode } from './schema.ts';
 export { PlanExecutor, createPlanExecutor } from './executor.ts';

package/dist/kernel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/kernel/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/kernel/index.ts"],"names":[],"mappings":"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"}

package/dist/kernel/overlay-manager.d.ts

@@ -1,5 +1,9 @@
 import type { ReadonlySignal } from '../reactivity/types.ts';
 import type { OverlayType, OverlayEntry } from './types.ts';
+export interface OverlayHandle {
+    readonly id: string;
+    readonly closed: Promise<void>;
+}
 export declare class OverlayManager {
     #private;
     readonly stack: ReadonlySignal<readonly OverlayEntry[]>;
@@ -8,7 +12,7 @@ export declare class OverlayManager {
         type: OverlayType;
         element: HTMLElement;
         owner?: HTMLElement;
-    }): string;
+    }): OverlayHandle;
     close(id: string): void;
     closeAll(): void;
     closeType(type: OverlayType): void;

package/dist/kernel/overlay-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-manager.d.ts","sourceRoot":"","sources":["../../src/kernel/overlay-manager.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAK5D,qBAAa,cAAc;;IAIzB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,SAAS,YAAY,EAAE,CAAC,CAAqC;IAC5F,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,YAAY,GAAG,IAAI,CAAC,CAGrD;IAEH,IAAI,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,WAAW,CAAC;QAAC,KAAK,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,MAAM;IAgBpF,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAQvB,QAAQ,IAAI,IAAI;IAKhB,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAKlC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAI3B,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI;IAIzC,aAAa,IAAI,MAAM;IAKvB,OAAO,IAAI,IAAI;CAuChB;AAED,wBAAgB,oBAAoB,IAAI,cAAc,CAErD"}
+{"version":3,"file":"overlay-manager.d.ts","sourceRoot":"","sources":["../../src/kernel/overlay-manager.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAK5D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,qBAAa,cAAc;;IAKzB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,SAAS,YAAY,EAAE,CAAC,CAAqC;IAC5F,QAAQ,CAAC,UAAU,EAAE,cAAc,CAAC,YAAY,GAAG,IAAI,CAAC,CAGrD;IAEH,IAAI,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,WAAW,CAAC;QAAC,KAAK,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,aAAa;IAoB3F,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IASvB,QAAQ,IAAI,IAAI;IAOhB,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAelC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAI3B,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI;IAIzC,aAAa,IAAI,MAAM;IAKvB,OAAO,IAAI,IAAI;CAyChB;AAED,wBAAgB,oBAAoB,IAAI,cAAc,CAErD"}