@ng-prism/core 21.0.1 → 21.0.2

package/dist/app/page-renderer/prism-page-renderer.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-page-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/app/page-renderer/prism-page-renderer.component.ts"],"names":[],"mappings":";AAIA,qBAyCa,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,SAAS,CAAC,QAAQ,CAAC,IAAI,iFAAuB;yCAFnC,0BAA0B;2CAA1B,0BAA0B;CAGtC"}
+{"version":3,"file":"prism-page-renderer.component.d.ts","sourceRoot":"","sources":["../../../src/app/page-renderer/prism-page-renderer.component.ts"],"names":[],"mappings":";AAIA,qBAiDa,0BAA0B;IACrC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAkC;IACtD,SAAS,CAAC,QAAQ,CAAC,IAAI,iFAAuB;yCAFnC,0BAA0B;2CAA1B,0BAA0B;CAGtC"}

package/dist/app/page-renderer/prism-page-renderer.component.js

@@ -47,7 +47,7 @@ export class PrismPageRendererComponent {
         } if (rf & 2) {
             let tmp_0_0;
             i0.ɵɵconditional((tmp_0_0 = ctx.page()) ? 0 : -1, tmp_0_0);
-        } }, dependencies: [NgComponentOutlet], styles: ["[_nghost-%COMP%] { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 16px 24px;\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--prism-text);\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .prism-page-renderer__json[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n      white-space: pre-wrap;\n    }"] });
+        } }, dependencies: [NgComponentOutlet], styles: ["[_nghost-%COMP%] { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 16px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      color: var(--prism-text);\n      font-family: var(--prism-font-sans);\n      border-bottom: 1px solid var(--prism-border);\n      border-left: 3px solid;\n      border-image: linear-gradient(180deg, var(--prism-primary-from), var(--prism-primary-to)) 1;\n      background: var(--prism-bg-surface);\n    }\n    .prism-page-renderer__component[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n    }\n    .prism-page-renderer__json[_ngcontent-%COMP%] {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n      white-space: pre-wrap;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismPageRendererComponent, [{
         type: Component,
@@ -67,6 +67,6 @@ export class PrismPageRendererComponent {
         }
       </div>
     }
-  `, styles: ["\n    :host { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title {\n      margin: 0;\n      padding: 16px 24px;\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--prism-text);\n      border-bottom: 1px solid var(--prism-border);\n    }\n    .prism-page-renderer__json {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n      white-space: pre-wrap;\n    }\n  "] }]
+  `, styles: ["\n    :host { display: block; flex: 1; overflow-y: auto; }\n    .prism-page-renderer__title {\n      margin: 0;\n      padding: 16px 20px;\n      font-size: 18px;\n      font-weight: 600;\n      letter-spacing: -0.01em;\n      color: var(--prism-text);\n      font-family: var(--prism-font-sans);\n      border-bottom: 1px solid var(--prism-border);\n      border-left: 3px solid;\n      border-image: linear-gradient(180deg, var(--prism-primary-from), var(--prism-primary-to)) 1;\n      background: var(--prism-bg-surface);\n    }\n    .prism-page-renderer__component {\n      padding: 16px 20px;\n    }\n    .prism-page-renderer__json {\n      margin: 0;\n      padding: 24px;\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n      white-space: pre-wrap;\n    }\n  "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismPageRendererComponent, { className: "PrismPageRendererComponent", filePath: "app/page-renderer/prism-page-renderer.component.ts", lineNumber: 46 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismPageRendererComponent, { className: "PrismPageRendererComponent", filePath: "app/page-renderer/prism-page-renderer.component.ts", lineNumber: 54 }); })();

package/dist/app/shell/prism-shell.component.js

@@ -191,11 +191,11 @@ export class PrismShellComponent {
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵstyleMap(ctx.shellStyle());
-            i0.ɵɵattribute("data-sidebar", ctx.layout.sidebarVisible() ? "visible" : "hidden")("data-addons", ctx.layout.addonsVisible() && ctx.panelService.activeViewId() === "renderer" ? "visible" : "hidden")("data-orientation", ctx.layout.addonsOrientation())("data-toolbar", ctx.layout.toolbarVisible() ? "visible" : "hidden");
+            i0.ɵɵattribute("data-sidebar", ctx.layout.sidebarVisible() ? "visible" : "hidden")("data-addons", ctx.layout.addonsVisible() && ctx.panelService.activeViewId() === "renderer" && !ctx.navigationService.activePage() ? "visible" : "hidden")("data-orientation", ctx.layout.addonsOrientation())("data-toolbar", ctx.layout.toolbarVisible() ? "visible" : "hidden");
             i0.ɵɵadvance(6);
             i0.ɵɵconditional(ctx.navigationService.activeComponent() ? 6 : ctx.navigationService.activePage() ? 7 : 8);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.layout.addonsVisible() && ctx.panelService.activeViewId() === "renderer" ? 9 : -1);
+            i0.ɵɵconditional(ctx.layout.addonsVisible() && ctx.panelService.activeViewId() === "renderer" && !ctx.navigationService.activePage() ? 9 : -1);
         } }, dependencies: [PrismHeaderComponent,
             PrismSidebarComponent,
             PrismComponentHeaderComponent,
@@ -221,7 +221,7 @@ export class PrismShellComponent {
       class="prism-shell"
       [style]="shellStyle()"
       [attr.data-sidebar]="layout.sidebarVisible() ? 'visible' : 'hidden'"
-      [attr.data-addons]="layout.addonsVisible() && panelService.activeViewId() === 'renderer' ? 'visible' : 'hidden'"
+      [attr.data-addons]="layout.addonsVisible() && panelService.activeViewId() === 'renderer' && !navigationService.activePage() ? 'visible' : 'hidden'"
       [attr.data-orientation]="layout.addonsOrientation()"
       [attr.data-toolbar]="layout.toolbarVisible() ? 'visible' : 'hidden'"
     >
@@ -265,7 +265,7 @@ export class PrismShellComponent {
         }
       </main>
 
-      @if (layout.addonsVisible() && panelService.activeViewId() === 'renderer') {
+      @if (layout.addonsVisible() && panelService.activeViewId() === 'renderer' && !navigationService.activePage()) {
         <div
           class="prism-shell__panel-handle"
           (mousedown)="startPanelResize($event)"

package/dist/builder/manifest/runtime-manifest.generator.js

@@ -113,7 +113,7 @@ export function generateRuntimeManifest(options) {
     const hasDirectives = directives.length > 0;
     const lines = [
         '// AUTO-GENERATED by ng-prism — do not edit!',
-        "import type { RuntimeManifest } from 'ng-prism/plugin';",
+        "import type { RuntimeManifest } from '@ng-prism/core/plugin';",
     ];
     if (hasDirectives) {
         lines.push("import { Component, input, output } from '@angular/core';");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-prism/core",
-  "version": "21.0.1",
+  "version": "21.0.2",
   "description": "Lightweight Angular-native component showcase — no story files needed.",
   "keywords": [
     "angular",

package/dist/app/page-renderer/prism-icon-page.component.d.ts

@@ -1,8 +0,0 @@
-import type { IconPage } from '../../plugin/page.types.js';
-import * as i0 from "@angular/core";
-export declare class PrismIconPageComponent {
-    readonly page: import("@angular/core").InputSignal<IconPage>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PrismIconPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PrismIconPageComponent, "prism-icon-page", never, { "page": { "alias": "page"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-//# sourceMappingURL=prism-icon-page.component.d.ts.map

package/dist/app/page-renderer/prism-icon-page.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prism-icon-page.component.d.ts","sourceRoot":"","sources":["../../../src/app/page-renderer/prism-icon-page.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;;AAE3D,qBAmDa,sBAAsB;IACjC,QAAQ,CAAC,IAAI,gDAA8B;yCADhC,sBAAsB;2CAAtB,sBAAsB;CAElC"}

package/dist/app/page-renderer/prism-icon-page.component.js

@@ -1,42 +0,0 @@
-import { Component, input } from '@angular/core';
-import * as i0 from "@angular/core";
-const _forTrack0 = ($index, $item) => $item.name;
-function PrismIconPageComponent_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 1);
-    i0.ɵɵdomElement(1, "div", 2);
-    i0.ɵɵdomElementStart(2, "span", 3);
-    i0.ɵɵtext(3);
-    i0.ɵɵdomElementEnd()();
-} if (rf & 2) {
-    const icon_r1 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵdomProperty("innerHTML", icon_r1.svg, i0.ɵɵsanitizeHtml);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(icon_r1.name);
-} }
-export class PrismIconPageComponent {
-    page = input.required(...(ngDevMode ? [{ debugName: "page" }] : []));
-    static ɵfac = function PrismIconPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismIconPageComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismIconPageComponent, selectors: [["prism-icon-page"]], inputs: { page: [1, "page"] }, decls: 3, vars: 0, consts: [[1, "prism-icon-grid"], [1, "prism-icon-card"], [1, "prism-icon-card__preview", 3, "innerHTML"], [1, "prism-icon-card__name"]], template: function PrismIconPageComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵdomElementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, PrismIconPageComponent_For_2_Template, 4, 2, "div", 1, _forTrack0);
-            i0.ɵɵdomElementEnd();
-        } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.page().icons);
-        } }, styles: ["[_nghost-%COMP%] { display: block; padding: 24px; }\n    .prism-icon-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n      gap: 16px;\n    }\n    .prism-icon-card[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 8px;\n      border: 1px solid var(--prism-border);\n      border-radius: 6px;\n      background: var(--prism-bg);\n      cursor: default;\n    }\n    .prism-icon-card[_ngcontent-%COMP%]:hover {\n      border-color: var(--prism-primary);\n    }\n    .prism-icon-card__preview[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      color: var(--prism-text);\n    }\n    .prism-icon-card__preview[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n      width: 100%;\n      height: 100%;\n    }\n    .prism-icon-card__name[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--prism-text-muted);\n      text-align: center;\n      word-break: break-all;\n    }"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismIconPageComponent, [{
-        type: Component,
-        args: [{ selector: 'prism-icon-page', standalone: true, template: `
-    <div class="prism-icon-grid">
-      @for (icon of page().icons; track icon.name) {
-        <div class="prism-icon-card">
-          <div class="prism-icon-card__preview" [innerHTML]="icon.svg"></div>
-          <span class="prism-icon-card__name">{{ icon.name }}</span>
-        </div>
-      }
-    </div>
-  `, styles: ["\n    :host { display: block; padding: 24px; }\n    .prism-icon-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n      gap: 16px;\n    }\n    .prism-icon-card {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 8px;\n      border: 1px solid var(--prism-border);\n      border-radius: 6px;\n      background: var(--prism-bg);\n      cursor: default;\n    }\n    .prism-icon-card:hover {\n      border-color: var(--prism-primary);\n    }\n    .prism-icon-card__preview {\n      width: 32px;\n      height: 32px;\n      color: var(--prism-text);\n    }\n    .prism-icon-card__preview svg {\n      width: 100%;\n      height: 100%;\n    }\n    .prism-icon-card__name {\n      font-size: 11px;\n      color: var(--prism-text-muted);\n      text-align: center;\n      word-break: break-all;\n    }\n  "] }]
-    }], null, { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismIconPageComponent, { className: "PrismIconPageComponent", filePath: "app/page-renderer/prism-icon-page.component.ts", lineNumber: 55 }); })();

package/dist/app/page-renderer/prism-token-page.component.d.ts

@@ -1,8 +0,0 @@
-import type { TokenPage } from '../../plugin/page.types.js';
-import * as i0 from "@angular/core";
-export declare class PrismTokenPageComponent {
-    readonly page: import("@angular/core").InputSignal<TokenPage>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PrismTokenPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PrismTokenPageComponent, "prism-token-page", never, { "page": { "alias": "page"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-//# sourceMappingURL=prism-token-page.component.d.ts.map

package/dist/app/page-renderer/prism-token-page.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prism-token-page.component.d.ts","sourceRoot":"","sources":["../../../src/app/page-renderer/prism-token-page.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;;AAE5D,qBA2Ha,uBAAuB;IAClC,QAAQ,CAAC,IAAI,iDAA+B;yCADjC,uBAAuB;2CAAvB,uBAAuB;CAEnC"}

package/dist/app/page-renderer/prism-token-page.component.js

@@ -1,164 +0,0 @@
-import { Component, input } from '@angular/core';
-import * as i0 from "@angular/core";
-const _forTrack0 = ($index, $item) => $item.title;
-const _forTrack1 = ($index, $item) => $item.name;
-function PrismTokenPageComponent_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "p", 2);
-    i0.ɵɵtext(1);
-    i0.ɵɵdomElementEnd();
-} if (rf & 2) {
-    const group_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(group_r1.description);
-} }
-function PrismTokenPageComponent_For_1_For_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElement(0, "div", 15);
-} if (rf & 2) {
-    const token_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵstyleProp("background", token_r2.value);
-} }
-function PrismTokenPageComponent_For_1_For_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElement(0, "div", 16);
-} if (rf & 2) {
-    const token_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵstyleProp("width", token_r2.value);
-} }
-function PrismTokenPageComponent_For_1_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElement(0, "div", 17);
-} if (rf & 2) {
-    const token_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵstyleProp("box-shadow", token_r2.value);
-} }
-function PrismTokenPageComponent_For_1_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 18);
-    i0.ɵɵtext(1, "Aa Bb Cc 123");
-    i0.ɵɵdomElementEnd();
-} if (rf & 2) {
-    const token_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵstyleProp("font-family", token_r2.value);
-} }
-function PrismTokenPageComponent_For_1_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 10);
-    i0.ɵɵtext(1);
-    i0.ɵɵdomElementEnd();
-} if (rf & 2) {
-    const token_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(token_r2.value);
-} }
-function PrismTokenPageComponent_For_1_For_6_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "span", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵdomElementEnd();
-} if (rf & 2) {
-    const token_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(token_r2.description);
-} }
-function PrismTokenPageComponent_For_1_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "div", 4)(1, "div", 5);
-    i0.ɵɵconditionalCreate(2, PrismTokenPageComponent_For_1_For_6_Conditional_2_Template, 1, 2, "div", 6);
-    i0.ɵɵconditionalCreate(3, PrismTokenPageComponent_For_1_For_6_Conditional_3_Template, 1, 2, "div", 7);
-    i0.ɵɵconditionalCreate(4, PrismTokenPageComponent_For_1_For_6_Conditional_4_Template, 1, 2, "div", 8);
-    i0.ɵɵconditionalCreate(5, PrismTokenPageComponent_For_1_For_6_Conditional_5_Template, 2, 2, "div", 9);
-    i0.ɵɵconditionalCreate(6, PrismTokenPageComponent_For_1_For_6_Conditional_6_Template, 2, 1, "div", 10);
-    i0.ɵɵdomElementEnd();
-    i0.ɵɵdomElementStart(7, "div", 11)(8, "code", 12);
-    i0.ɵɵtext(9);
-    i0.ɵɵdomElementEnd();
-    i0.ɵɵdomElementStart(10, "span", 13);
-    i0.ɵɵtext(11);
-    i0.ɵɵdomElementEnd();
-    i0.ɵɵconditionalCreate(12, PrismTokenPageComponent_For_1_For_6_Conditional_12_Template, 2, 1, "span", 14);
-    i0.ɵɵdomElementEnd()();
-} if (rf & 2) {
-    const token_r2 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵdomProperty("ngSwitch", token_r2.visualization);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(token_r2.visualization === "color" ? 2 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(token_r2.visualization === "spacing" ? 3 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(token_r2.visualization === "shadow" ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(token_r2.visualization === "typography" ? 5 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(token_r2.visualization === "raw" ? 6 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(token_r2.name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(token_r2.value);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(token_r2.description ? 12 : -1);
-} }
-function PrismTokenPageComponent_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElementStart(0, "section", 0)(1, "h3", 1);
-    i0.ɵɵtext(2);
-    i0.ɵɵdomElementEnd();
-    i0.ɵɵconditionalCreate(3, PrismTokenPageComponent_For_1_Conditional_3_Template, 2, 1, "p", 2);
-    i0.ɵɵdomElementStart(4, "div", 3);
-    i0.ɵɵrepeaterCreate(5, PrismTokenPageComponent_For_1_For_6_Template, 13, 9, "div", 4, _forTrack1);
-    i0.ɵɵdomElementEnd()();
-} if (rf & 2) {
-    const group_r1 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(group_r1.title);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(group_r1.description ? 3 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(group_r1.tokens);
-} }
-export class PrismTokenPageComponent {
-    page = input.required(...(ngDevMode ? [{ debugName: "page" }] : []));
-    static ɵfac = function PrismTokenPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismTokenPageComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismTokenPageComponent, selectors: [["prism-token-page"]], inputs: { page: [1, "page"] }, decls: 2, vars: 0, consts: [[1, "prism-token-group"], [1, "prism-token-group__title"], [1, "prism-token-group__desc"], [1, "prism-token-group__grid"], [1, "prism-token"], [1, "prism-token__preview", 3, "ngSwitch"], [1, "prism-token__swatch", 3, "background"], [1, "prism-token__bar", 3, "width"], [1, "prism-token__shadow-box", 3, "box-shadow"], [1, "prism-token__type-sample", 3, "font-family"], [1, "prism-token__raw"], [1, "prism-token__info"], [1, "prism-token__name"], [1, "prism-token__value"], [1, "prism-token__desc"], [1, "prism-token__swatch"], [1, "prism-token__bar"], [1, "prism-token__shadow-box"], [1, "prism-token__type-sample"]], template: function PrismTokenPageComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵrepeaterCreate(0, PrismTokenPageComponent_For_1_Template, 7, 2, "section", 0, _forTrack0);
-        } if (rf & 2) {
-            i0.ɵɵrepeater(ctx.page().tokenGroups);
-        } }, styles: ["[_nghost-%COMP%] { display: block; padding: 24px; }\n    .prism-token-group[_ngcontent-%COMP%] { margin-bottom: 32px; }\n    .prism-token-group__title[_ngcontent-%COMP%] {\n      margin: 0 0 4px;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--prism-text);\n    }\n    .prism-token-group__desc[_ngcontent-%COMP%] {\n      margin: 0 0 16px;\n      font-size: 13px;\n      color: var(--prism-text-muted);\n    }\n    .prism-token-group__grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n      gap: 12px;\n    }\n    .prism-token[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 8px;\n      border: 1px solid var(--prism-border);\n      border-radius: 6px;\n      background: var(--prism-bg);\n    }\n    .prism-token__preview[_ngcontent-%COMP%] { flex-shrink: 0; }\n    .prism-token__swatch[_ngcontent-%COMP%] {\n      width: 40px;\n      height: 40px;\n      border-radius: 6px;\n      border: 1px solid var(--prism-border);\n    }\n    .prism-token__bar[_ngcontent-%COMP%] {\n      height: 8px;\n      min-width: 4px;\n      max-width: 120px;\n      background: var(--prism-primary);\n      border-radius: 4px;\n    }\n    .prism-token__shadow-box[_ngcontent-%COMP%] {\n      width: 40px;\n      height: 40px;\n      border-radius: 6px;\n      background: #fff;\n    }\n    .prism-token__type-sample[_ngcontent-%COMP%] {\n      font-size: 16px;\n      color: var(--prism-text);\n      white-space: nowrap;\n    }\n    .prism-token__raw[_ngcontent-%COMP%] {\n      font-family: monospace;\n      font-size: 12px;\n      color: var(--prism-text-muted);\n    }\n    .prism-token__info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      min-width: 0;\n    }\n    .prism-token__name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text);\n    }\n    .prism-token__value[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n    }\n    .prism-token__desc[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--prism-text-muted);\n    }"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismTokenPageComponent, [{
-        type: Component,
-        args: [{ selector: 'prism-token-page', standalone: true, template: `
-    @for (group of page().tokenGroups; track group.title) {
-      <section class="prism-token-group">
-        <h3 class="prism-token-group__title">{{ group.title }}</h3>
-        @if (group.description) {
-          <p class="prism-token-group__desc">{{ group.description }}</p>
-        }
-        <div class="prism-token-group__grid">
-          @for (token of group.tokens; track token.name) {
-            <div class="prism-token">
-              <div class="prism-token__preview" [ngSwitch]="token.visualization">
-                @if (token.visualization === 'color') {
-                  <div class="prism-token__swatch" [style.background]="token.value"></div>
-                }
-                @if (token.visualization === 'spacing') {
-                  <div class="prism-token__bar" [style.width]="token.value"></div>
-                }
-                @if (token.visualization === 'shadow') {
-                  <div class="prism-token__shadow-box" [style.box-shadow]="token.value"></div>
-                }
-                @if (token.visualization === 'typography') {
-                  <div class="prism-token__type-sample" [style.font-family]="token.value">Aa Bb Cc 123</div>
-                }
-                @if (token.visualization === 'raw') {
-                  <div class="prism-token__raw">{{ token.value }}</div>
-                }
-              </div>
-              <div class="prism-token__info">
-                <code class="prism-token__name">{{ token.name }}</code>
-                <span class="prism-token__value">{{ token.value }}</span>
-                @if (token.description) {
-                  <span class="prism-token__desc">{{ token.description }}</span>
-                }
-              </div>
-            </div>
-          }
-        </div>
-      </section>
-    }
-  `, styles: ["\n    :host { display: block; padding: 24px; }\n    .prism-token-group { margin-bottom: 32px; }\n    .prism-token-group__title {\n      margin: 0 0 4px;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--prism-text);\n    }\n    .prism-token-group__desc {\n      margin: 0 0 16px;\n      font-size: 13px;\n      color: var(--prism-text-muted);\n    }\n    .prism-token-group__grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n      gap: 12px;\n    }\n    .prism-token {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 8px;\n      border: 1px solid var(--prism-border);\n      border-radius: 6px;\n      background: var(--prism-bg);\n    }\n    .prism-token__preview { flex-shrink: 0; }\n    .prism-token__swatch {\n      width: 40px;\n      height: 40px;\n      border-radius: 6px;\n      border: 1px solid var(--prism-border);\n    }\n    .prism-token__bar {\n      height: 8px;\n      min-width: 4px;\n      max-width: 120px;\n      background: var(--prism-primary);\n      border-radius: 4px;\n    }\n    .prism-token__shadow-box {\n      width: 40px;\n      height: 40px;\n      border-radius: 6px;\n      background: #fff;\n    }\n    .prism-token__type-sample {\n      font-size: 16px;\n      color: var(--prism-text);\n      white-space: nowrap;\n    }\n    .prism-token__raw {\n      font-family: monospace;\n      font-size: 12px;\n      color: var(--prism-text-muted);\n    }\n    .prism-token__info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      min-width: 0;\n    }\n    .prism-token__name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text);\n    }\n    .prism-token__value {\n      font-size: 12px;\n      font-family: monospace;\n      color: var(--prism-text-muted);\n    }\n    .prism-token__desc {\n      font-size: 11px;\n      color: var(--prism-text-muted);\n    }\n  "] }]
-    }], null, { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismTokenPageComponent, { className: "PrismTokenPageComponent", filePath: "app/page-renderer/prism-token-page.component.ts", lineNumber: 127 }); })();

package/dist/app/renderer/highlight-xml.d.ts

@@ -1,2 +0,0 @@
-export declare function highlightXml(code: string): string;
-//# sourceMappingURL=highlight-xml.d.ts.map

package/dist/app/renderer/highlight-xml.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlight-xml.d.ts","sourceRoot":"","sources":["../../../src/app/renderer/highlight-xml.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAyBjD"}

package/dist/app/renderer/highlight-xml.js

@@ -1,27 +0,0 @@
-const ESC = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' };
-function esc(text) {
-    return text.replace(/[&<>"]/g, (ch) => ESC[ch]);
-}
-export function highlightXml(code) {
-    return code.replace(/(<\/?)(\w[\w-]*)|(\[[\w.-]+\])=("(?:[^"\\]|\\.)*")|(\([\w.-]+\))=("(?:[^"\\]|\\.)*")|([\w[\].-]+)=("(?:[^"\\]|\\.)*")|("(?:[^"\\]|\\.)*")|(\/?>)/g, (_match, tagOpen, tagName, bindingAttr, bindingVal, eventAttr, eventVal, attrName, attrValue, strLiteral, closing) => {
-        if (tagOpen != null && tagName != null) {
-            return `<span class="prism-hl-tag">${esc(tagOpen)}</span><span class="prism-hl-name">${esc(tagName)}</span>`;
-        }
-        if (bindingAttr != null && bindingVal != null) {
-            return `<span class="prism-hl-binding">${esc(bindingAttr)}</span>=<span class="prism-hl-string">${esc(bindingVal)}</span>`;
-        }
-        if (eventAttr != null && eventVal != null) {
-            return `<span class="prism-hl-event">${esc(eventAttr)}</span>=<span class="prism-hl-string">${esc(eventVal)}</span>`;
-        }
-        if (attrName != null && attrValue != null) {
-            return `<span class="prism-hl-attr">${esc(attrName)}</span>=<span class="prism-hl-string">${esc(attrValue)}</span>`;
-        }
-        if (strLiteral != null) {
-            return `<span class="prism-hl-string">${esc(strLiteral)}</span>`;
-        }
-        if (closing != null) {
-            return `<span class="prism-hl-tag">${esc(closing)}</span>`;
-        }
-        return esc(_match);
-    });
-}

package/dist/builder/icon-resolver/icon-resolver.d.ts

@@ -1,7 +0,0 @@
-import type { IconEntry } from '../../plugin/page.types.js';
-export interface ResolveIconsOptions {
-    pattern: string;
-    workspaceRoot: string;
-}
-export declare function resolveIcons(options: ResolveIconsOptions): IconEntry[];
-//# sourceMappingURL=icon-resolver.d.ts.map

package/dist/builder/icon-resolver/icon-resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-resolver.d.ts","sourceRoot":"","sources":["../../../src/builder/icon-resolver/icon-resolver.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,SAAS,EAAE,CAStE"}

package/dist/builder/icon-resolver/icon-resolver.js

@@ -1,12 +0,0 @@
-import { readFileSync } from 'fs';
-import { basename } from 'path';
-import { globSync } from 'glob';
-export function resolveIcons(options) {
-    const { pattern, workspaceRoot } = options;
-    const files = globSync(pattern, { cwd: workspaceRoot, absolute: true }).sort();
-    return files.map((filePath) => ({
-        name: basename(filePath, '.svg'),
-        svg: readFileSync(filePath, 'utf-8'),
-        filePath,
-    }));
-}

package/dist/builder/icon-resolver/index.d.ts

@@ -1,2 +0,0 @@
-export { resolveIcons, type ResolveIconsOptions } from './icon-resolver.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/builder/icon-resolver/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/builder/icon-resolver/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/builder/icon-resolver/index.js

@@ -1 +0,0 @@
-export { resolveIcons } from './icon-resolver.js';

package/dist/builder/token-scanner/index.d.ts

@@ -1,2 +0,0 @@
-export { parseTokenFile, detectVisualization, scanTokens, type ScanTokensOptions } from './token-scanner.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/builder/token-scanner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/builder/token-scanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/builder/token-scanner/index.js

@@ -1 +0,0 @@
-export { parseTokenFile, detectVisualization, scanTokens } from './token-scanner.js';

package/dist/builder/token-scanner/token-scanner.d.ts

@@ -1,9 +0,0 @@
-import type { DesignTokenGroup, TokenVisualization } from '../../plugin/page.types.js';
-export interface ScanTokensOptions {
-    patterns: string[];
-    workspaceRoot: string;
-}
-export declare function detectVisualization(value: string): TokenVisualization;
-export declare function parseTokenFile(content: string, filePath: string): DesignTokenGroup[];
-export declare function scanTokens(options: ScanTokensOptions): DesignTokenGroup[];
-//# sourceMappingURL=token-scanner.d.ts.map

package/dist/builder/token-scanner/token-scanner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"token-scanner.d.ts","sourceRoot":"","sources":["../../../src/builder/token-scanner/token-scanner.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEpG,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,kBAAkB,CAerE;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,gBAAgB,EAAE,CA0DpF;AAsBD,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,EAAE,CAazE"}

package/dist/builder/token-scanner/token-scanner.js

@@ -1,95 +0,0 @@
-import { readFileSync } from 'fs';
-import { globSync } from 'glob';
-export function detectVisualization(value) {
-    const trimmed = value.trim();
-    if (/^#([0-9a-fA-F]{3,8})$/.test(trimmed))
-        return 'color';
-    if (/^rgba?\s*\(/.test(trimmed))
-        return 'color';
-    if (/^hsla?\s*\(/.test(trimmed))
-        return 'color';
-    if (/^\d+(\.\d+)?\s*(px|rem|em|%)$/.test(trimmed))
-        return 'spacing';
-    if (/\d+\s*px\s+\d+\s*px\s+.*rgba?\s*\(/.test(trimmed))
-        return 'shadow';
-    if (/^0\s+\d/.test(trimmed) && /rgba?\s*\(/.test(trimmed))
-        return 'shadow';
-    if (/['"][^'"]+['"]/.test(trimmed) && /sans-serif|serif|monospace|system-ui/.test(trimmed))
-        return 'typography';
-    return 'raw';
-}
-export function parseTokenFile(content, filePath) {
-    const groups = [];
-    let current = null;
-    let nextTypeOverride = null;
-    for (const line of content.split('\n')) {
-        const trimmed = line.trim();
-        const prismMatch = trimmed.match(/^\/\/\s*@prism\s+(.+)$/);
-        if (prismMatch) {
-            current = {
-                title: prismMatch[1].trim(),
-                filePath,
-                tokens: [],
-            };
-            groups.push(current);
-            nextTypeOverride = null;
-            continue;
-        }
-        if (!current)
-            continue;
-        const descMatch = trimmed.match(/^\/\/\s*@description\s+(.+)$/);
-        if (descMatch) {
-            current.description = descMatch[1].trim();
-            continue;
-        }
-        const catMatch = trimmed.match(/^\/\/\s*@category\s+(.+)$/);
-        if (catMatch) {
-            current.category = catMatch[1].trim();
-            continue;
-        }
-        const typeMatch = trimmed.match(/^\/\/\s*@type\s+(\w+)$/);
-        if (typeMatch) {
-            nextTypeOverride = typeMatch[1];
-            continue;
-        }
-        const scssMatch = trimmed.match(/^(\$[\w-]+)\s*:\s*(.+?)\s*(!default\s*)?;(.*)$/);
-        if (scssMatch) {
-            const token = buildToken(scssMatch[1], scssMatch[2], scssMatch[4], nextTypeOverride);
-            current.tokens.push(token);
-            nextTypeOverride = null;
-            continue;
-        }
-        const cssMatch = trimmed.match(/^(--[\w-]+)\s*:\s*(.+?)\s*;(.*)$/);
-        if (cssMatch) {
-            const token = buildToken(cssMatch[1], cssMatch[2], cssMatch[3], nextTypeOverride);
-            current.tokens.push(token);
-            nextTypeOverride = null;
-            continue;
-        }
-    }
-    return groups;
-}
-function buildToken(name, value, trailingComment, typeOverride) {
-    const token = {
-        name,
-        value: value.trim(),
-        visualization: typeOverride ?? detectVisualization(value),
-    };
-    const commentMatch = trailingComment?.match(/\/\/\s*(.+)$/);
-    if (commentMatch) {
-        token.description = commentMatch[1].trim();
-    }
-    return token;
-}
-export function scanTokens(options) {
-    const { patterns, workspaceRoot } = options;
-    const groups = [];
-    for (const pattern of patterns) {
-        const files = globSync(pattern, { cwd: workspaceRoot, absolute: true });
-        for (const file of files) {
-            const content = readFileSync(file, 'utf-8');
-            groups.push(...parseTokenFile(content, file));
-        }
-    }
-    return groups;
-}