@nonoun/native-tokens 0.4.2 → 0.5.0

package/dist/tokens-element.d.ts

@@ -1,14 +1,31 @@
 import { NativeElement } from '@nonoun/native-ui';
+import type { TokenSchema } from './build-tokens.ts';
 /**
- * Self-contained design system token inspector.
+ * Design system token inspector — renders token sections from a schema.
  *
- * Stamps the full color/variable inspector UI on connection.
- * Consumer usage: `<native-tokens></native-tokens>`.
+ * - `schema` property — JSON-serializable `TokenSchema` describing what to
+ *   render.  Falls back to `createDefaultSchema()` when unset.
+ * - `family` attribute — filters visible sections ("all" or a family name).
+ * - `native-tokens-theme-change` event (document-level) — syncs variable sliders.
  *
- * All `native-tokens-*` sub-elements are registered by the `@nonoun/native-tokens`
- * entry point as a side effect of import.
+ * Minimal usage (default schema, host provides layout):
+ * ```html
+ * <native-tokens></native-tokens>
+ * ```
+ *
+ * Custom schema (host decides what to show):
+ * ```js
+ * const el = document.querySelector('native-tokens');
+ * el.schema = myCustomSchema;
+ * ```
  */
 export declare class NTokens extends NativeElement {
+    #private;
+    static observedAttributes: string[];
+    /** JSON-serializable schema describing what to render. */
+    get schema(): TokenSchema | undefined;
+    set schema(val: TokenSchema | undefined);
+    attributeChangedCallback(name: string, old: string | null, val: string | null): void;
     setup(): void;
     teardown(): void;
 }

package/dist/tokens-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens-element.d.ts","sourceRoot":"","sources":["../src/tokens-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD;;;;;;;;GAQG;AACH,qBAAa,OAAQ,SAAQ,aAAa;IACxC,KAAK,IAAI,IAAI;IAKb,QAAQ,IAAI,IAAI;CAIjB"}
+{"version":3,"file":"tokens-element.d.ts","sourceRoot":"","sources":["../src/tokens-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,OAAQ,SAAQ,aAAa;;IACxC,MAAM,CAAC,kBAAkB,WAAc;IAIvC,0DAA0D;IAC1D,IAAI,MAAM,IAAI,WAAW,GAAG,SAAS,CAAyB;IAC9D,IAAI,MAAM,CAAC,GAAG,EAAE,WAAW,GAAG,SAAS,EAGtC;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAKpF,KAAK,IAAI,IAAI;IAYb,QAAQ,IAAI,IAAI;CAwCjB"}

package/dist/tokens-panel-element.d.ts

@@ -0,0 +1,28 @@
+import { NativeElement } from '@nonoun/native-ui';
+import type { TokenSchema } from './build-tokens.ts';
+/**
+ * Stamped panel for the design token inspector.
+ *
+ * Creates `<n-header>` (icon, title, theme selector, family filter) and
+ * `<n-body>` containing `<native-tokens>` directly as children.
+ * The host element itself is the panel surface — style via CSS.
+ *
+ * Usage:
+ * ```html
+ * <native-tokens-panel></native-tokens-panel>
+ * ```
+ *
+ * The host can also set a custom schema:
+ * ```js
+ * panel.schema = customSchema;
+ * ```
+ */
+export declare class NTokensPanel extends NativeElement {
+    #private;
+    /** Pass-through to the inner `<native-tokens>` schema. */
+    get schema(): TokenSchema | undefined;
+    set schema(val: TokenSchema | undefined);
+    setup(): void;
+    teardown(): void;
+}
+//# sourceMappingURL=tokens-panel-element.d.ts.map

package/dist/tokens-panel-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-panel-element.d.ts","sourceRoot":"","sources":["../src/tokens-panel-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,YAAa,SAAQ,aAAa;;IAI7C,0DAA0D;IAC1D,IAAI,MAAM,IAAI,WAAW,GAAG,SAAS,CAAyB;IAC9D,IAAI,MAAM,CAAC,GAAG,EAAE,WAAW,GAAG,SAAS,EAGtC;IAED,KAAK,IAAI,IAAI;IAmDb,QAAQ,IAAI,IAAI;CAKjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-tokens",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "OKLCH color token inspector for @nonoun/native-ui",
   "license": "MIT",
   "type": "module",
@@ -12,7 +12,8 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/native-tokens.js"
     },
-    "./css": "./dist/native-tokens.css"
+    "./css": "./dist/native-tokens.css",
+    "./css/foundation": "./dist/foundation.css"
   },
   "files": [
     "dist"
@@ -21,12 +22,12 @@
     "./dist/native-tokens.js"
   ],
   "peerDependencies": {
-    "@nonoun/native-ui": ">=0.5.0"
+    "@nonoun/native-ui": ">=0.6.0"
   },
   "scripts": {
     "build": "npm run build:js && npm run build:css && npm run build:types",
     "build:js": "vite build",
-    "build:css": "cp src/tokens.css dist/native-tokens.css",
+    "build:css": "node scripts/build-css.mjs",
     "build:types": "tsc -p tsconfig.build.json"
   },
   "publishConfig": {