@component-anatomy/storybook 0.0.1 → 0.0.2

package/dist/Panel.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Panel: React.FC;
+//# sourceMappingURL=Panel.d.ts.map

package/dist/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../src/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA6EnD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EA0FzB,CAAC"}

package/dist/constants.d.ts

@@ -0,0 +1,20 @@
+export declare const ADDON_ID = "component-anatomy";
+export declare const PANEL_ID = "component-anatomy/panel";
+/** Story parameter key: `parameters.anatomy = { ... }` */
+export declare const PARAM_KEY = "anatomy";
+/** Channel events used to sync the manager panel with the preview iframe. */
+export declare const EVENTS: {
+    /** preview → manager: a part became active in the canvas (hover/programmatic). */
+    readonly PART_ENTER: "component-anatomy/part-enter";
+    /** preview → manager: no part is active anymore. */
+    readonly PART_LEAVE: "component-anatomy/part-leave";
+    /** preview → manager: resolved part list for the current story. */
+    readonly PARTS: "component-anatomy/parts";
+    /** manager → preview: the user hovers/focuses a panel entry. */
+    readonly HOVER_ITEM: "component-anatomy/hover-item";
+    /** manager → preview: the user left a panel entry. */
+    readonly LEAVE_ITEM: "component-anatomy/leave-item";
+    /** manager → preview: the panel mounted and wants the current part list. */
+    readonly PARTS_REQUEST: "component-anatomy/parts-request";
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,sBAAsB,CAAC;AAC5C,eAAO,MAAM,QAAQ,4BAAsB,CAAC;AAE5C,0DAA0D;AAC1D,eAAO,MAAM,SAAS,YAAY,CAAC;AAEnC,6EAA6E;AAC7E,eAAO,MAAM,MAAM;IACjB,kFAAkF;aAClF,UAAU;IACV,oDAAoD;aACpD,UAAU;IACV,mEAAmE;aACnE,KAAK;IACL,gEAAgE;aAChE,UAAU;IACV,sDAAsD;aACtD,UAAU;IACV,4EAA4E;aAC5E,aAAa;CACL,CAAC"}

package/dist/index.cjs

@@ -18,14 +18,14 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   ADDON_ID: () => ADDON_ID,
   EVENTS: () => EVENTS,
   PANEL_ID: () => PANEL_ID,
   PARAM_KEY: () => PARAM_KEY
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/constants.ts
 var ADDON_ID = "component-anatomy";

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { ADDON_ID, PANEL_ID, PARAM_KEY, EVENTS } from './constants.js';
+export type { AnatomyParameters } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACvE,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/manager.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=manager.d.ts.map

package/dist/manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../src/manager.tsx"],"names":[],"mappings":""}

package/dist/preview.d.ts

@@ -0,0 +1,4 @@
+import type { Renderer, PartialStoryFn, StoryContext } from 'storybook/internal/types';
+export declare const withComponentAnatomy: (storyFn: PartialStoryFn<Renderer>, context: StoryContext<Renderer>) => any;
+export declare const decorators: (typeof withComponentAnatomy)[];
+//# sourceMappingURL=preview.d.ts.map

package/dist/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMvF,eAAO,MAAM,oBAAoB,YACtB,cAAc,CAAC,QAAQ,CAAC,WACxB,YAAY,CAAC,QAAQ,CAAC,QAyDhC,CAAC;AAEF,eAAO,MAAM,UAAU,iCAAyB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,39 @@
+import type { AnatomyPartDefinition, AnatomyPresetName, AnatomyTheme } from '@component-anatomy/core';
+/**
+ * Configuration for the anatomy addon, set through story parameters:
+ *
+ * ```ts
+ * export const Primary: Story = {
+ *   parameters: {
+ *     anatomy: {
+ *       parts: [
+ *         { id: 'label', name: 'Label', description: 'The visible text.' },
+ *       ],
+ *     },
+ *   },
+ * };
+ * ```
+ */
+export type AnatomyParameters = {
+    /**
+     * Part definitions. If omitted, parts are auto-discovered from
+     * `data-part` attributes in the rendered story.
+     */
+    parts?: AnatomyPartDefinition[];
+    /** Named visual preset for the canvas overlays. Default: 'default'. */
+    preset?: AnatomyPresetName;
+    /** Theme token overrides (applied on top of the preset). */
+    theme?: AnatomyTheme;
+    /** Show the floating name label chip in the canvas. Default: true. */
+    overlayLabel?: boolean;
+    /** Inflate highlight boxes by N pixels. Default: 0. */
+    overlayPadding?: number;
+    /**
+     * CSS selector to narrow the anatomy root inside the story canvas.
+     * Defaults to the whole canvas element.
+     */
+    root?: string;
+    /** Disable the addon for this story. */
+    disable?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAChC,uEAAuE;IACvE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,sEAAsE;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@component-anatomy/storybook",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Storybook addon — interactive component anatomy panel synced with the story canvas",
   "license": "MIT",
   "author": "Julien Déramond",
@@ -57,20 +57,21 @@
     "@component-anatomy/core": "^0.0.1"
   },
   "devDependencies": {
-    "@types/react": "^18.3.3",
-    "esbuild": "^0.21.0",
-    "react": "^18.3.1",
+    "@types/react": "^19.2.17",
+    "esbuild": "^0.28.1",
+    "react": "^19.2.7",
     "storybook": "^10.0.0",
-    "typescript": "^5.4.5"
+    "typescript": "^7.0.2"
   },
   "peerDependencies": {
     "storybook": ">=9.0.0"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.12.0"
   },
   "scripts": {
     "build": "node build.mjs",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test": "node build.mjs && node ../../scripts/typecheck-fixture.mjs test/consumer-types.ts"
   }
 }