@nonoun/native-tokens 0.4.1 → 0.5.0

package/dist/build-tokens.d.ts

@@ -1,2 +1,70 @@
-export declare function buildTokens(container: HTMLElement): void;
+/** A variable slider: name, CSS custom property, default value, and range. */
+export interface TokenVariable {
+    type: 'variable';
+    name: string;
+    token: string;
+    value: number;
+    step?: number;
+    min?: number;
+    max?: number;
+}
+/** A labeled row of color swatches. */
+export interface TokenStrip {
+    type: 'strip';
+    label: string;
+    colors: Array<{
+        name: string;
+        token: string;
+    }>;
+}
+/** One item inside a section — either a slider or a color strip. */
+export type TokenSectionItem = TokenVariable | TokenStrip;
+/** A titled group of items, optionally tagged with a family for filtering. */
+export interface TokenSection {
+    title: string;
+    family?: string;
+    items: TokenSectionItem[];
+}
+/** Top-level schema describing the full token inspector content. */
+export interface TokenSchema {
+    sections: TokenSection[];
+}
+/** Available theme presets. */
+export declare const themes: readonly [{
+    readonly name: "Default";
+    readonly value: "";
+}, {
+    readonly name: "Forest";
+    readonly value: "forest";
+}, {
+    readonly name: "Rose";
+    readonly value: "rose";
+}, {
+    readonly name: "Zinc";
+    readonly value: "zinc";
+}];
+/** Color family names. */
+export declare const families: readonly ["neutral", "accent", "info", "success", "warning", "danger"];
+/** Pre-built options for a family filter `<n-select>`. */
+export declare const familyFilterOptions: {
+    value: string;
+    label: string;
+}[];
+/**
+ * Returns the default token schema — all env params + all 6 color families
+ * with their full ramp of surfaces, solids, semantics, and scrims.
+ *
+ * Hosts can call this, mutate the result (drop sections, reorder, add custom
+ * tokens), and pass the modified schema to `<native-tokens>`.
+ */
+export declare function createDefaultSchema(): TokenSchema;
+/**
+ * Stamps token sections into `container` from the given schema.
+ * Falls back to `createDefaultSchema()` when no schema is provided.
+ *
+ * This is a pure renderer — no header, filter, or theme controls.
+ * The host provides those and wires them to the `<native-tokens>` element's
+ * `family` attribute and the `native-tokens-theme-change` event.
+ */
+export declare function buildTokens(container: HTMLElement, schema?: TokenSchema): void;
 //# sourceMappingURL=build-tokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"build-tokens.d.ts","sourceRoot":"","sources":["../src/build-tokens.ts"],"names":[],"mappings":"AA0EA,wBAAgB,WAAW,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAgIxD"}
+{"version":3,"file":"build-tokens.d.ts","sourceRoot":"","sources":["../src/build-tokens.ts"],"names":[],"mappings":"AAEA,8EAA8E;AAC9E,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,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,uCAAuC;AACvC,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChD;AAED,oEAAoE;AACpE,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,UAAU,CAAC;AAE1D,8EAA8E;AAC9E,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B;AAED,oEAAoE;AACpE,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;AAID,+BAA+B;AAC/B,eAAO,MAAM,MAAM;;;;;;;;;;;;EAKT,CAAC;AAEX,0BAA0B;AAC1B,eAAO,MAAM,QAAQ,wEAAyE,CAAC;AAE/F,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB;;;GAG/B,CAAC;AA+DF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,IAAI,WAAW,CAWjD;AA4CD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAiB9E"}