@teambit/api-reference 0.0.0-ec02bcceb773fbb5fbe9cb57fe55bee80ac065af → 0.0.0-ec16a1dc785bea559c02a98eae627283f313449c

package/.npmignore

@@ -0,0 +1,18 @@
+dist/tsconfig.tsbuildinfo
+dist/tsconfig.json
+/tsconfig.json
+
+package-tar/
+.bit-capsule-ready
+/*.ts
+artifacts/*
+!artifacts/env-template
+!artifacts/ui-bundle
+!artifacts/preview-bundle
+package-tar/
+.bit-capsule-ready
+/*.ts
+artifacts/*
+!artifacts/env-template
+!artifacts/ui-bundle
+!artifacts/preview-bundle

package/api-compare.module.scss

@@ -0,0 +1,8 @@
+.apiCompareContainer {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: auto;
+  padding: 16px 24px;
+  max-width: 980px;
+}

package/api-compare.section.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { Section } from '@teambit/component';
+import type { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
+import type { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
+import type { ApiDiffInsight } from '@teambit/semantics.ui.api-diff-view';
+import { APICompare } from './api-compare';
+
+// Use string cast since the external ChangeType enum doesn't have API yet
+const ChangeTypeAPI = 'API' as unknown as ChangeType;
+
+export class APICompareSection implements TabItem, Section {
+  route: { path: string; element: React.ReactNode };
+
+  constructor(getInsights?: () => ApiDiffInsight[]) {
+    // built in the constructor (not a field initializer) so the element captures the
+    // getter regardless of class-field initialization order.
+    this.route = {
+      path: 'api/*',
+      element: <APICompare getInsights={getInsights} />,
+    };
+  }
+
+  navigationLink = {
+    href: 'api',
+    children: 'API',
+  };
+
+  props = this.navigationLink;
+
+  order = 15;
+  changeType = ChangeTypeAPI;
+  id = 'api';
+}

package/api-compare.tsx

@@ -0,0 +1,84 @@
+import React from 'react';
+import { useComponentCompare } from '@teambit/component.ui.component-compare.context';
+import {
+  ComponentApiDiffSection,
+  ApiDiffSlimRow,
+  ApiDiffInsightProvider,
+  useApiDiff,
+} from '@teambit/semantics.ui.api-diff-view';
+import type { ApiDiffInsight } from '@teambit/semantics.ui.api-diff-view';
+import styles from './api-compare.module.scss';
+
+// single source of truth for the API diff model lives in api-diff-view.
+export type { APIDiffResult, APIDiffChange, APIDiffDetail } from '@teambit/semantics.ui.api-diff-view';
+
+export type APICompareProps = {
+  /** resolved lazily at render time — slot registrations can land after the section is constructed */
+  getInsights?: () => ApiDiffInsight[];
+};
+
+/**
+ * the API tab of the single-component compare page. thin host around the same
+ * `ComponentApiDiffSection` the lane-compare API view uses — one implementation, two hosts.
+ * data comes from the compare context (fetched once by ComponentCompare).
+ */
+export function APICompare({ getInsights }: APICompareProps) {
+  const compareContext = useComponentCompare();
+  const baseModel = compareContext?.base?.model;
+  const compareModel = compareContext?.compare?.model;
+
+  // Prefer a diff already on the context — the legacy `ComponentCompare` fetches it once and sets
+  // it there. The redesign single-component page does NOT put it on its inline context, so we fetch
+  // on our own. This hook is only mounted when the API view is the active tab (the page renders the
+  // element on-demand), so lane-compare — which renders one panel per component and never mounts
+  // this tab — pays nothing.
+  const contextApiDiff = compareContext?.apiDiffResult;
+  const shouldSelfFetch = contextApiDiff === undefined;
+  const { result: fetchedApiDiff } = useApiDiff(baseModel?.id.toString(), compareModel?.id.toString(), {
+    skip: !shouldSelfFetch,
+  });
+  const apiDiffResult = shouldSelfFetch ? fetchedApiDiff : contextApiDiff;
+
+  // memoized so the insights context value keeps a stable identity — otherwise a fresh array every
+  // render would re-render every `useApiDiffInsights` consumer (incl. the React.memo'd ApiChangeBlock).
+  const insights = React.useMemo(() => getInsights?.(), [getInsights]);
+
+  if (!compareContext) return null;
+
+  const id = (compareModel || baseModel)?.id;
+  if (!id) return null;
+
+  const componentIdStr = id.toStringWithoutVersion();
+  const baseVersion = baseModel?.id.version;
+  const compareVersion = compareModel?.id.version;
+
+  // no base (first version) or identical versions — nothing to diff, not a failure.
+  const nothingToCompare = apiDiffResult === null && (!baseVersion || baseVersion === compareVersion);
+
+  return (
+    <ApiDiffInsightProvider insights={insights}>
+      <div className={styles.apiCompareContainer}>
+        {nothingToCompare ? (
+          <ApiDiffSlimRow
+            componentIdStr={componentIdStr}
+            displayName={id.fullName}
+            chip="nothing to compare"
+            detail={baseVersion ? 'both sides are the same version' : 'no base version to compare against'}
+            tone="ok"
+          />
+        ) : (
+          <ComponentApiDiffSection
+            componentIdStr={componentIdStr}
+            displayName={id.fullName}
+            baseId={baseModel?.id.toString()}
+            compareId={compareModel?.id.toString()}
+            baseVersion={baseVersion}
+            compareVersion={compareVersion}
+            result={apiDiffResult}
+            loading={apiDiffResult === undefined}
+          />
+        )}
+      </div>
+    </ApiDiffInsightProvider>
+  );
+}

package/api-reference.ui.runtime.tsx

@@ -17,8 +17,11 @@ import { CodeAspect } from '@teambit/code';
 import { TaggedExports } from '@teambit/tagged-exports';
 import type { WorkspaceUI } from '@teambit/workspace';
 import { WorkspaceAspect } from '@teambit/workspace';
+import type { ComponentCompareUI } from '@teambit/component-compare';
+import { ComponentCompareAspect } from '@teambit/component-compare';
 
 import { APIReferenceAspect } from './api-reference.aspect';
+import { APICompareSection } from './api-compare.section';
 
 export type APINodeRendererSlot = SlotRegistry<APINodeRenderer[]>;
 export class APIReferenceUI {
@@ -29,7 +32,7 @@ export class APIReferenceUI {
     private workspace: WorkspaceUI
   ) {}
 
-  static dependencies = [ComponentAspect, CodeAspect, WorkspaceAspect];
+  static dependencies = [ComponentAspect, CodeAspect, WorkspaceAspect, ComponentCompareAspect];
   static runtime = UIRuntime;
   static slots = [Slot.withType<APINodeRenderer[]>()];
 
@@ -69,7 +72,7 @@ export class APIReferenceUI {
   apiNodeRenderers: APINodeRenderer[] = defaultNodeRenderers;
 
   static async provider(
-    [componentUI, codeUI, workspaceUI]: [ComponentUI, CodeUI, WorkspaceUI],
+    [componentUI, codeUI, workspaceUI, componentCompareUI]: [ComponentUI, CodeUI, WorkspaceUI, ComponentCompareUI],
     _,
     [apiNodeRendererSlot]: [APINodeRendererSlot],
     harmony: Harmony
@@ -84,6 +87,12 @@ export class APIReferenceUI {
     // register all default schema classes
     apiReferenceUI.registerSchemaClasses(() => Object.values(Schemas));
 
+    // register API compare tab in component compare. insights are resolved lazily —
+    // aspects can register them on componentCompareUI after this provider runs.
+    const apiCompareSection = new APICompareSection(() => componentCompareUI.getApiDiffInsights());
+    componentCompareUI.registerNavigation(apiCompareSection);
+    componentCompareUI.registerRoutes([apiCompareSection.route]);
+
     return apiReferenceUI;
   }
 }

package/dist/api-compare.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { ApiDiffInsight } from '@teambit/semantics.ui.api-diff-view';
+export type { APIDiffResult, APIDiffChange, APIDiffDetail } from '@teambit/semantics.ui.api-diff-view';
+export type APICompareProps = {
+    /** resolved lazily at render time — slot registrations can land after the section is constructed */
+    getInsights?: () => ApiDiffInsight[];
+};
+/**
+ * the API tab of the single-component compare page. thin host around the same
+ * `ComponentApiDiffSection` the lane-compare API view uses — one implementation, two hosts.
+ * data comes from the compare context (fetched once by ComponentCompare).
+ */
+export declare function APICompare({ getInsights }: APICompareProps): React.JSX.Element | null;

package/dist/api-compare.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.APICompare = APICompare;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _componentUiComponentCompare() {
+  const data = require("@teambit/component.ui.component-compare.context");
+  _componentUiComponentCompare = function () {
+    return data;
+  };
+  return data;
+}
+function _semanticsUi() {
+  const data = require("@teambit/semantics.ui.api-diff-view");
+  _semanticsUi = function () {
+    return data;
+  };
+  return data;
+}
+function _apiCompareModule() {
+  const data = _interopRequireDefault(require("./api-compare.module.scss"));
+  _apiCompareModule = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// single source of truth for the API diff model lives in api-diff-view.
+
+/**
+ * the API tab of the single-component compare page. thin host around the same
+ * `ComponentApiDiffSection` the lane-compare API view uses — one implementation, two hosts.
+ * data comes from the compare context (fetched once by ComponentCompare).
+ */
+function APICompare({
+  getInsights
+}) {
+  const compareContext = (0, _componentUiComponentCompare().useComponentCompare)();
+  const baseModel = compareContext?.base?.model;
+  const compareModel = compareContext?.compare?.model;
+
+  // Prefer a diff already on the context — the legacy `ComponentCompare` fetches it once and sets
+  // it there. The redesign single-component page does NOT put it on its inline context, so we fetch
+  // on our own. This hook is only mounted when the API view is the active tab (the page renders the
+  // element on-demand), so lane-compare — which renders one panel per component and never mounts
+  // this tab — pays nothing.
+  const contextApiDiff = compareContext?.apiDiffResult;
+  const shouldSelfFetch = contextApiDiff === undefined;
+  const {
+    result: fetchedApiDiff
+  } = (0, _semanticsUi().useApiDiff)(baseModel?.id.toString(), compareModel?.id.toString(), {
+    skip: !shouldSelfFetch
+  });
+  const apiDiffResult = shouldSelfFetch ? fetchedApiDiff : contextApiDiff;
+
+  // memoized so the insights context value keeps a stable identity — otherwise a fresh array every
+  // render would re-render every `useApiDiffInsights` consumer (incl. the React.memo'd ApiChangeBlock).
+  const insights = _react().default.useMemo(() => getInsights?.(), [getInsights]);
+  if (!compareContext) return null;
+  const id = (compareModel || baseModel)?.id;
+  if (!id) return null;
+  const componentIdStr = id.toStringWithoutVersion();
+  const baseVersion = baseModel?.id.version;
+  const compareVersion = compareModel?.id.version;
+
+  // no base (first version) or identical versions — nothing to diff, not a failure.
+  const nothingToCompare = apiDiffResult === null && (!baseVersion || baseVersion === compareVersion);
+  return /*#__PURE__*/_react().default.createElement(_semanticsUi().ApiDiffInsightProvider, {
+    insights: insights
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _apiCompareModule().default.apiCompareContainer
+  }, nothingToCompare ? /*#__PURE__*/_react().default.createElement(_semanticsUi().ApiDiffSlimRow, {
+    componentIdStr: componentIdStr,
+    displayName: id.fullName,
+    chip: "nothing to compare",
+    detail: baseVersion ? 'both sides are the same version' : 'no base version to compare against',
+    tone: "ok"
+  }) : /*#__PURE__*/_react().default.createElement(_semanticsUi().ComponentApiDiffSection, {
+    componentIdStr: componentIdStr,
+    displayName: id.fullName,
+    baseId: baseModel?.id.toString(),
+    compareId: compareModel?.id.toString(),
+    baseVersion: baseVersion,
+    compareVersion: compareVersion,
+    result: apiDiffResult,
+    loading: apiDiffResult === undefined
+  })));
+}
+
+//# sourceMappingURL=api-compare.js.map

package/dist/api-compare.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_componentUiComponentCompare","_semanticsUi","_apiCompareModule","e","__esModule","default","APICompare","getInsights","compareContext","useComponentCompare","baseModel","base","model","compareModel","compare","contextApiDiff","apiDiffResult","shouldSelfFetch","undefined","result","fetchedApiDiff","useApiDiff","id","toString","skip","insights","React","useMemo","componentIdStr","toStringWithoutVersion","baseVersion","version","compareVersion","nothingToCompare","createElement","ApiDiffInsightProvider","className","styles","apiCompareContainer","ApiDiffSlimRow","displayName","fullName","chip","detail","tone","ComponentApiDiffSection","baseId","compareId","loading"],"sources":["api-compare.tsx"],"sourcesContent":["import React from 'react';\nimport { useComponentCompare } from '@teambit/component.ui.component-compare.context';\nimport {\n  ComponentApiDiffSection,\n  ApiDiffSlimRow,\n  ApiDiffInsightProvider,\n  useApiDiff,\n} from '@teambit/semantics.ui.api-diff-view';\nimport type { ApiDiffInsight } from '@teambit/semantics.ui.api-diff-view';\nimport styles from './api-compare.module.scss';\n\n// single source of truth for the API diff model lives in api-diff-view.\nexport type { APIDiffResult, APIDiffChange, APIDiffDetail } from '@teambit/semantics.ui.api-diff-view';\n\nexport type APICompareProps = {\n  /** resolved lazily at render time — slot registrations can land after the section is constructed */\n  getInsights?: () => ApiDiffInsight[];\n};\n\n/**\n * the API tab of the single-component compare page. thin host around the same\n * `ComponentApiDiffSection` the lane-compare API view uses — one implementation, two hosts.\n * data comes from the compare context (fetched once by ComponentCompare).\n */\nexport function APICompare({ getInsights }: APICompareProps) {\n  const compareContext = useComponentCompare();\n  const baseModel = compareContext?.base?.model;\n  const compareModel = compareContext?.compare?.model;\n\n  // Prefer a diff already on the context — the legacy `ComponentCompare` fetches it once and sets\n  // it there. The redesign single-component page does NOT put it on its inline context, so we fetch\n  // on our own. This hook is only mounted when the API view is the active tab (the page renders the\n  // element on-demand), so lane-compare — which renders one panel per component and never mounts\n  // this tab — pays nothing.\n  const contextApiDiff = compareContext?.apiDiffResult;\n  const shouldSelfFetch = contextApiDiff === undefined;\n  const { result: fetchedApiDiff } = useApiDiff(baseModel?.id.toString(), compareModel?.id.toString(), {\n    skip: !shouldSelfFetch,\n  });\n  const apiDiffResult = shouldSelfFetch ? fetchedApiDiff : contextApiDiff;\n\n  // memoized so the insights context value keeps a stable identity — otherwise a fresh array every\n  // render would re-render every `useApiDiffInsights` consumer (incl. the React.memo'd ApiChangeBlock).\n  const insights = React.useMemo(() => getInsights?.(), [getInsights]);\n\n  if (!compareContext) return null;\n\n  const id = (compareModel || baseModel)?.id;\n  if (!id) return null;\n\n  const componentIdStr = id.toStringWithoutVersion();\n  const baseVersion = baseModel?.id.version;\n  const compareVersion = compareModel?.id.version;\n\n  // no base (first version) or identical versions — nothing to diff, not a failure.\n  const nothingToCompare = apiDiffResult === null && (!baseVersion || baseVersion === compareVersion);\n\n  return (\n    <ApiDiffInsightProvider insights={insights}>\n      <div className={styles.apiCompareContainer}>\n        {nothingToCompare ? (\n          <ApiDiffSlimRow\n            componentIdStr={componentIdStr}\n            displayName={id.fullName}\n            chip=\"nothing to compare\"\n            detail={baseVersion ? 'both sides are the same version' : 'no base version to compare against'}\n            tone=\"ok\"\n          />\n        ) : (\n          <ComponentApiDiffSection\n            componentIdStr={componentIdStr}\n            displayName={id.fullName}\n            baseId={baseModel?.id.toString()}\n            compareId={compareModel?.id.toString()}\n            baseVersion={baseVersion}\n            compareVersion={compareVersion}\n            result={apiDiffResult}\n            loading={apiDiffResult === undefined}\n          />\n        )}\n      </div>\n    </ApiDiffInsightProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/api-compare.module.scss

@@ -0,0 +1,8 @@
+.apiCompareContainer {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: auto;
+  padding: 16px 24px;
+  max-width: 980px;
+}

package/dist/api-compare.section.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Section } from '@teambit/component';
+import type { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
+import type { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';
+import type { ApiDiffInsight } from '@teambit/semantics.ui.api-diff-view';
+export declare class APICompareSection implements TabItem, Section {
+    route: {
+        path: string;
+        element: React.ReactNode;
+    };
+    constructor(getInsights?: () => ApiDiffInsight[]);
+    navigationLink: {
+        href: string;
+        children: string;
+    };
+    props: {
+        href: string;
+        children: string;
+    };
+    order: number;
+    changeType: ChangeType;
+    id: string;
+}

package/dist/api-compare.section.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.APICompareSection = void 0;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _apiCompare() {
+  const data = require("./api-compare");
+  _apiCompare = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// Use string cast since the external ChangeType enum doesn't have API yet
+const ChangeTypeAPI = 'API';
+class APICompareSection {
+  constructor(getInsights) {
+    _defineProperty(this, "route", void 0);
+    _defineProperty(this, "navigationLink", {
+      href: 'api',
+      children: 'API'
+    });
+    _defineProperty(this, "props", this.navigationLink);
+    _defineProperty(this, "order", 15);
+    _defineProperty(this, "changeType", ChangeTypeAPI);
+    _defineProperty(this, "id", 'api');
+    // built in the constructor (not a field initializer) so the element captures the
+    // getter regardless of class-field initialization order.
+    this.route = {
+      path: 'api/*',
+      element: /*#__PURE__*/_react().default.createElement(_apiCompare().APICompare, {
+        getInsights: getInsights
+      })
+    };
+  }
+}
+exports.APICompareSection = APICompareSection;
+
+//# sourceMappingURL=api-compare.section.js.map

package/dist/api-compare.section.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_apiCompare","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","ChangeTypeAPI","APICompareSection","constructor","getInsights","href","children","navigationLink","route","path","element","createElement","APICompare","exports"],"sources":["api-compare.section.tsx"],"sourcesContent":["import React from 'react';\nimport type { Section } from '@teambit/component';\nimport type { TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';\nimport type { ChangeType } from '@teambit/component.ui.component-compare.models.component-compare-change-type';\nimport type { ApiDiffInsight } from '@teambit/semantics.ui.api-diff-view';\nimport { APICompare } from './api-compare';\n\n// Use string cast since the external ChangeType enum doesn't have API yet\nconst ChangeTypeAPI = 'API' as unknown as ChangeType;\n\nexport class APICompareSection implements TabItem, Section {\n  route: { path: string; element: React.ReactNode };\n\n  constructor(getInsights?: () => ApiDiffInsight[]) {\n    // built in the constructor (not a field initializer) so the element captures the\n    // getter regardless of class-field initialization order.\n    this.route = {\n      path: 'api/*',\n      element: <APICompare getInsights={getInsights} />,\n    };\n  }\n\n  navigationLink = {\n    href: 'api',\n    children: 'API',\n  };\n\n  props = this.navigationLink;\n\n  order = 15;\n  changeType = ChangeTypeAPI;\n  id = 'api';\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAKA,SAAAG,YAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,WAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA2C,SAAAC,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,gBAAAH,CAAA,EAAAI,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAE,cAAA,CAAAF,CAAA,MAAAJ,CAAA,GAAAO,MAAA,CAAAC,cAAA,CAAAR,CAAA,EAAAI,CAAA,IAAAK,KAAA,EAAAJ,CAAA,EAAAK,UAAA,MAAAC,YAAA,MAAAC,QAAA,UAAAZ,CAAA,CAAAI,CAAA,IAAAC,CAAA,EAAAL,CAAA;AAAA,SAAAM,eAAAD,CAAA,QAAAQ,CAAA,GAAAC,YAAA,CAAAT,CAAA,uCAAAQ,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAT,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAL,CAAA,GAAAK,CAAA,CAAAU,MAAA,CAAAC,WAAA,kBAAAhB,CAAA,QAAAa,CAAA,GAAAb,CAAA,CAAAiB,IAAA,CAAAZ,CAAA,EAAAD,CAAA,uCAAAS,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAAd,CAAA,GAAAe,MAAA,GAAAC,MAAA,EAAAf,CAAA;AAE3C;AACA,MAAMgB,aAAa,GAAG,KAA8B;AAE7C,MAAMC,iBAAiB,CAA6B;EAGzDC,WAAWA,CAACC,WAAoC,EAAE;IAAArB,eAAA;IAAAA,eAAA,yBASjC;MACfsB,IAAI,EAAE,KAAK;MACXC,QAAQ,EAAE;IACZ,CAAC;IAAAvB,eAAA,gBAEO,IAAI,CAACwB,cAAc;IAAAxB,eAAA,gBAEnB,EAAE;IAAAA,eAAA,qBACGkB,aAAa;IAAAlB,eAAA,aACrB,KAAK;IAjBR;IACA;IACA,IAAI,CAACyB,KAAK,GAAG;MACXC,IAAI,EAAE,OAAO;MACbC,OAAO,eAAEnC,MAAA,GAAAO,OAAA,CAAA6B,aAAA,CAAChC,WAAA,GAAAiC,UAAU;QAACR,WAAW,EAAEA;MAAY,CAAE;IAClD,CAAC;EACH;AAYF;AAACS,OAAA,CAAAX,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/api-reference.ui.runtime.d.ts

@@ -1,9 +1,11 @@
+import React from 'react';
 import type { ComponentUI } from '@teambit/component';
 import type { Harmony, SlotRegistry } from '@teambit/harmony';
 import type { APINodeRenderer } from '@teambit/api-reference.models.api-node-renderer';
 import type { SchemaNodeConstructor } from '@teambit/semantics.entities.semantic-schema';
 import type { CodeUI } from '@teambit/code';
 import type { WorkspaceUI } from '@teambit/workspace';
+import type { ComponentCompareUI } from '@teambit/component-compare';
 export type APINodeRendererSlot = SlotRegistry<APINodeRenderer[]>;
 export declare class APIReferenceUI {
     private host;
@@ -14,10 +16,10 @@ export declare class APIReferenceUI {
     static dependencies: import("@teambit/harmony").Aspect[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static slots: ((registerFn: () => string) => SlotRegistry<APINodeRenderer[]>)[];
-    getAPIPage(): import("react/jsx-runtime").JSX.Element;
+    getAPIPage(): React.JSX.Element;
     TaggedAPIPage: ({ componentId }: {
         componentId: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+    }) => React.JSX.Element;
     /**
      * @deprecated use registerSchemaClasses instead
      * registerSchemaClasses is better for performance as it lazy-loads the schemas.
@@ -26,6 +28,6 @@ export declare class APIReferenceUI {
     registerSchemaClasses(getSchemas: () => SchemaNodeConstructor[]): void;
     registerAPINodeRenderer(apiNodeRenderers: APINodeRenderer[]): void;
     apiNodeRenderers: APINodeRenderer[];
-    static provider([componentUI, codeUI, workspaceUI]: [ComponentUI, CodeUI, WorkspaceUI], _: any, [apiNodeRendererSlot]: [APINodeRendererSlot], harmony: Harmony): Promise<APIReferenceUI>;
+    static provider([componentUI, codeUI, workspaceUI, componentCompareUI]: [ComponentUI, CodeUI, WorkspaceUI, ComponentCompareUI], _: any, [apiNodeRendererSlot]: [APINodeRendererSlot], harmony: Harmony): Promise<APIReferenceUI>;
 }
 export default APIReferenceUI;

package/dist/api-reference.ui.runtime.js

@@ -95,6 +95,13 @@ function _workspace() {
   };
   return data;
 }
+function _componentCompare() {
+  const data = require("@teambit/component-compare");
+  _componentCompare = function () {
+    return data;
+  };
+  return data;
+}
 function _apiReference() {
   const data = require("./api-reference.aspect");
   _apiReference = function () {
@@ -102,6 +109,13 @@ function _apiReference() {
   };
   return data;
 }
+function _apiCompare() {
+  const data = require("./api-compare.section");
+  _apiCompare = function () {
+    return data;
+  };
+  return data;
+}
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -144,7 +158,7 @@ class APIReferenceUI {
   registerAPINodeRenderer(apiNodeRenderers) {
     this.apiNodeRendererSlot.register(apiNodeRenderers);
   }
-  static async provider([componentUI, codeUI, workspaceUI], _, [apiNodeRendererSlot], harmony) {
+  static async provider([componentUI, codeUI, workspaceUI, componentCompareUI], _, [apiNodeRendererSlot], harmony) {
     const {
       config
     } = harmony;
@@ -156,11 +170,17 @@ class APIReferenceUI {
     componentUI.registerRoute(apiReferenceSection.route);
     // register all default schema classes
     apiReferenceUI.registerSchemaClasses(() => Object.values(_semanticsEntities().Schemas));
+
+    // register API compare tab in component compare. insights are resolved lazily —
+    // aspects can register them on componentCompareUI after this provider runs.
+    const apiCompareSection = new (_apiCompare().APICompareSection)(() => componentCompareUI.getApiDiffInsights());
+    componentCompareUI.registerNavigation(apiCompareSection);
+    componentCompareUI.registerRoutes([apiCompareSection.route]);
     return apiReferenceUI;
   }
 }
 exports.APIReferenceUI = APIReferenceUI;
-_defineProperty(APIReferenceUI, "dependencies", [_component().ComponentAspect, _code().CodeAspect, _workspace().WorkspaceAspect]);
+_defineProperty(APIReferenceUI, "dependencies", [_component().ComponentAspect, _code().CodeAspect, _workspace().WorkspaceAspect, _componentCompare().ComponentCompareAspect]);
 _defineProperty(APIReferenceUI, "runtime", _ui().UIRuntime);
 _defineProperty(APIReferenceUI, "slots", [_harmony().Slot.withType()]);
 var _default = exports.default = APIReferenceUI;

package/dist/api-reference.ui.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_component","_ui","_apiReferenceSections","_apiReferenceSections2","_harmony","_apiReferenceRenderers","_apiReferenceHooks","_semanticsEntities","_code","_taggedExports","_workspace","_apiReference","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","APIReferenceUI","constructor","host","apiNodeRendererSlot","code","workspace","componentId","createElement","APIRefRenderersProvider","nodeRenderers","flatten","values","TaggedExports","showBanner","Boolean","defaultNodeRenderers","getAPIPage","EditorProvider","getCodeEditorProvider","APIRefPage","rendererSlot","registerSchemaClass","schema","SchemaRegistry","register","registerSchemaClasses","getSchemas","registerGetSchemas","registerAPINodeRenderer","apiNodeRenderers","provider","componentUI","codeUI","workspaceUI","_","harmony","config","get","apiReferenceUI","apiReferenceSection","APIRefSection","registerNavigation","navigationLink","order","registerRoute","route","Schemas","exports","ComponentAspect","CodeAspect","WorkspaceAspect","UIRuntime","Slot","withType","_default","APIReferenceAspect","addRuntime"],"sources":["api-reference.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport { flatten } from 'lodash';\nimport type { ComponentUI } from '@teambit/component';\nimport { ComponentAspect } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { APIRefPage } from '@teambit/api-reference.sections.api-reference-page';\nimport { APIRefSection } from '@teambit/api-reference.sections.api-reference-section';\nimport type { Harmony, SlotRegistry } from '@teambit/harmony';\nimport { Slot } from '@teambit/harmony';\nimport type { APINodeRenderer } from '@teambit/api-reference.models.api-node-renderer';\nimport { defaultNodeRenderers } from '@teambit/api-reference.renderers.default-node-renderers';\nimport { APIRefRenderersProvider } from '@teambit/api-reference.hooks.use-api-renderers';\nimport type { SchemaNodeConstructor } from '@teambit/semantics.entities.semantic-schema';\nimport { SchemaRegistry, Schemas } from '@teambit/semantics.entities.semantic-schema';\nimport type { CodeUI } from '@teambit/code';\nimport { CodeAspect } from '@teambit/code';\nimport { TaggedExports } from '@teambit/tagged-exports';\nimport type { WorkspaceUI } from '@teambit/workspace';\nimport { WorkspaceAspect } from '@teambit/workspace';\n\nimport { APIReferenceAspect } from './api-reference.aspect';\n\nexport type APINodeRendererSlot = SlotRegistry<APINodeRenderer[]>;\nexport class APIReferenceUI {\n  constructor(\n    private host: string,\n    private apiNodeRendererSlot: APINodeRendererSlot,\n    private code: CodeUI,\n    private workspace: WorkspaceUI\n  ) {}\n\n  static dependencies = [ComponentAspect, CodeAspect, WorkspaceAspect];\n  static runtime = UIRuntime;\n  static slots = [Slot.withType<APINodeRenderer[]>()];\n\n  getAPIPage() {\n    const EditorProvider = this.code.getCodeEditorProvider();\n    return (\n      <EditorProvider>\n        <APIRefPage host={this.host} rendererSlot={this.apiNodeRendererSlot} />\n      </EditorProvider>\n    );\n  }\n\n  TaggedAPIPage = ({ componentId }: { componentId: string }) => {\n    return (\n      <APIRefRenderersProvider nodeRenderers={flatten(this.apiNodeRendererSlot.values())}>\n        <TaggedExports componentId={componentId} showBanner={Boolean(this.workspace)} />\n      </APIRefRenderersProvider>\n    );\n  };\n\n  /**\n   * @deprecated use registerSchemaClasses instead\n   * registerSchemaClasses is better for performance as it lazy-loads the schemas.\n   */\n  registerSchemaClass(schema: SchemaNodeConstructor) {\n    SchemaRegistry.register(schema);\n  }\n\n  registerSchemaClasses(getSchemas: () => SchemaNodeConstructor[]) {\n    SchemaRegistry.registerGetSchemas(getSchemas);\n  }\n\n  registerAPINodeRenderer(apiNodeRenderers: APINodeRenderer[]) {\n    this.apiNodeRendererSlot.register(apiNodeRenderers);\n  }\n\n  apiNodeRenderers: APINodeRenderer[] = defaultNodeRenderers;\n\n  static async provider(\n    [componentUI, codeUI, workspaceUI]: [ComponentUI, CodeUI, WorkspaceUI],\n    _,\n    [apiNodeRendererSlot]: [APINodeRendererSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    const apiReferenceUI = new APIReferenceUI(host, apiNodeRendererSlot, codeUI, workspaceUI);\n    apiReferenceUI.registerAPINodeRenderer(apiReferenceUI.apiNodeRenderers);\n    const apiReferenceSection = new APIRefSection(apiReferenceUI);\n    componentUI.registerNavigation(apiReferenceSection.navigationLink, apiReferenceSection.order);\n    componentUI.registerRoute(apiReferenceSection.route);\n    // register all default schema classes\n    apiReferenceUI.registerSchemaClasses(() => Object.values(Schemas));\n\n    return apiReferenceUI;\n  }\n}\n\nexport default APIReferenceUI;\n\nAPIReferenceAspect.addRuntime(APIReferenceUI);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_lodash","_component","_ui","_apiReferenceSections","_apiReferenceSections2","_harmony","_apiReferenceRenderers","_apiReferenceHooks","_semanticsEntities","_code","_taggedExports","_workspace","_componentCompare","_apiReference","_apiCompare","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","APIReferenceUI","constructor","host","apiNodeRendererSlot","code","workspace","componentId","createElement","APIRefRenderersProvider","nodeRenderers","flatten","values","TaggedExports","showBanner","Boolean","defaultNodeRenderers","getAPIPage","EditorProvider","getCodeEditorProvider","APIRefPage","rendererSlot","registerSchemaClass","schema","SchemaRegistry","register","registerSchemaClasses","getSchemas","registerGetSchemas","registerAPINodeRenderer","apiNodeRenderers","provider","componentUI","codeUI","workspaceUI","componentCompareUI","_","harmony","config","get","apiReferenceUI","apiReferenceSection","APIRefSection","registerNavigation","navigationLink","order","registerRoute","route","Schemas","apiCompareSection","APICompareSection","getApiDiffInsights","registerRoutes","exports","ComponentAspect","CodeAspect","WorkspaceAspect","ComponentCompareAspect","UIRuntime","Slot","withType","_default","APIReferenceAspect","addRuntime"],"sources":["api-reference.ui.runtime.tsx"],"sourcesContent":["import React from 'react';\nimport { flatten } from 'lodash';\nimport type { ComponentUI } from '@teambit/component';\nimport { ComponentAspect } from '@teambit/component';\nimport { UIRuntime } from '@teambit/ui';\nimport { APIRefPage } from '@teambit/api-reference.sections.api-reference-page';\nimport { APIRefSection } from '@teambit/api-reference.sections.api-reference-section';\nimport type { Harmony, SlotRegistry } from '@teambit/harmony';\nimport { Slot } from '@teambit/harmony';\nimport type { APINodeRenderer } from '@teambit/api-reference.models.api-node-renderer';\nimport { defaultNodeRenderers } from '@teambit/api-reference.renderers.default-node-renderers';\nimport { APIRefRenderersProvider } from '@teambit/api-reference.hooks.use-api-renderers';\nimport type { SchemaNodeConstructor } from '@teambit/semantics.entities.semantic-schema';\nimport { SchemaRegistry, Schemas } from '@teambit/semantics.entities.semantic-schema';\nimport type { CodeUI } from '@teambit/code';\nimport { CodeAspect } from '@teambit/code';\nimport { TaggedExports } from '@teambit/tagged-exports';\nimport type { WorkspaceUI } from '@teambit/workspace';\nimport { WorkspaceAspect } from '@teambit/workspace';\nimport type { ComponentCompareUI } from '@teambit/component-compare';\nimport { ComponentCompareAspect } from '@teambit/component-compare';\n\nimport { APIReferenceAspect } from './api-reference.aspect';\nimport { APICompareSection } from './api-compare.section';\n\nexport type APINodeRendererSlot = SlotRegistry<APINodeRenderer[]>;\nexport class APIReferenceUI {\n  constructor(\n    private host: string,\n    private apiNodeRendererSlot: APINodeRendererSlot,\n    private code: CodeUI,\n    private workspace: WorkspaceUI\n  ) {}\n\n  static dependencies = [ComponentAspect, CodeAspect, WorkspaceAspect, ComponentCompareAspect];\n  static runtime = UIRuntime;\n  static slots = [Slot.withType<APINodeRenderer[]>()];\n\n  getAPIPage() {\n    const EditorProvider = this.code.getCodeEditorProvider();\n    return (\n      <EditorProvider>\n        <APIRefPage host={this.host} rendererSlot={this.apiNodeRendererSlot} />\n      </EditorProvider>\n    );\n  }\n\n  TaggedAPIPage = ({ componentId }: { componentId: string }) => {\n    return (\n      <APIRefRenderersProvider nodeRenderers={flatten(this.apiNodeRendererSlot.values())}>\n        <TaggedExports componentId={componentId} showBanner={Boolean(this.workspace)} />\n      </APIRefRenderersProvider>\n    );\n  };\n\n  /**\n   * @deprecated use registerSchemaClasses instead\n   * registerSchemaClasses is better for performance as it lazy-loads the schemas.\n   */\n  registerSchemaClass(schema: SchemaNodeConstructor) {\n    SchemaRegistry.register(schema);\n  }\n\n  registerSchemaClasses(getSchemas: () => SchemaNodeConstructor[]) {\n    SchemaRegistry.registerGetSchemas(getSchemas);\n  }\n\n  registerAPINodeRenderer(apiNodeRenderers: APINodeRenderer[]) {\n    this.apiNodeRendererSlot.register(apiNodeRenderers);\n  }\n\n  apiNodeRenderers: APINodeRenderer[] = defaultNodeRenderers;\n\n  static async provider(\n    [componentUI, codeUI, workspaceUI, componentCompareUI]: [ComponentUI, CodeUI, WorkspaceUI, ComponentCompareUI],\n    _,\n    [apiNodeRendererSlot]: [APINodeRendererSlot],\n    harmony: Harmony\n  ) {\n    const { config } = harmony;\n    const host = String(config.get('teambit.harmony/bit'));\n    const apiReferenceUI = new APIReferenceUI(host, apiNodeRendererSlot, codeUI, workspaceUI);\n    apiReferenceUI.registerAPINodeRenderer(apiReferenceUI.apiNodeRenderers);\n    const apiReferenceSection = new APIRefSection(apiReferenceUI);\n    componentUI.registerNavigation(apiReferenceSection.navigationLink, apiReferenceSection.order);\n    componentUI.registerRoute(apiReferenceSection.route);\n    // register all default schema classes\n    apiReferenceUI.registerSchemaClasses(() => Object.values(Schemas));\n\n    // register API compare tab in component compare. insights are resolved lazily —\n    // aspects can register them on componentCompareUI after this provider runs.\n    const apiCompareSection = new APICompareSection(() => componentCompareUI.getApiDiffInsights());\n    componentCompareUI.registerNavigation(apiCompareSection);\n    componentCompareUI.registerRoutes([apiCompareSection.route]);\n\n    return apiReferenceUI;\n  }\n}\n\nexport default APIReferenceUI;\n\nAPIReferenceAspect.addRuntime(APIReferenceUI);\n"],"mappings":"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","ignoreList":[]}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import { APIReferenceAspect } from './api-reference.aspect';
 export type { APIReferenceUI, APINodeRendererSlot } from './api-reference.ui.runtime';
+export { APICompare } from './api-compare';
+export type { APIDiffResult, APIDiffChange, APIDiffDetail } from './api-compare';
 export default APIReferenceAspect;
 export { APIReferenceAspect };

package/dist/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "APICompare", {
+  enumerable: true,
+  get: function () {
+    return _apiCompare().APICompare;
+  }
+});
 Object.defineProperty(exports, "APIReferenceAspect", {
   enumerable: true,
   get: function () {
@@ -17,6 +23,13 @@ function _apiReference() {
   };
   return data;
 }
+function _apiCompare() {
+  const data = require("./api-compare");
+  _apiCompare = function () {
+    return data;
+  };
+  return data;
+}
 var _default = exports.default = _apiReference().APIReferenceAspect;
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_apiReference","data","require","_default","exports","default","APIReferenceAspect"],"sources":["index.ts"],"sourcesContent":["import { APIReferenceAspect } from './api-reference.aspect';\n\nexport type { APIReferenceUI, APINodeRendererSlot } from './api-reference.ui.runtime';\nexport default APIReferenceAspect;\nexport { APIReferenceAspect };\n"],"mappings":";;;;;;;;;;;;AAAA,SAAAA,cAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,aAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA4D,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAG7CC,kCAAkB","ignoreList":[]}
+{"version":3,"names":["_apiReference","data","require","_apiCompare","_default","exports","default","APIReferenceAspect"],"sources":["index.ts"],"sourcesContent":["import { APIReferenceAspect } from './api-reference.aspect';\n\nexport type { APIReferenceUI, APINodeRendererSlot } from './api-reference.ui.runtime';\nexport { APICompare } from './api-compare';\nexport type { APIDiffResult, APIDiffChange, APIDiffDetail } from './api-compare';\nexport default APIReferenceAspect;\nexport { APIReferenceAspect };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAAA,cAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,aAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAE,YAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,WAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA2C,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE5BC,kCAAkB","ignoreList":[]}

package/package.json

@@ -1,42 +1,47 @@
 {
   "name": "@teambit/api-reference",
-  "version": "0.0.0-ec02bcceb773fbb5fbe9cb57fe55bee80ac065af",
+  "version": "0.0.0-ec16a1dc785bea559c02a98eae627283f313449c",
   "homepage": "https://bit.cloud/teambit/api-reference/api-reference",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.api-reference",
     "name": "api-reference",
-    "version": "ec02bcceb773fbb5fbe9cb57fe55bee80ac065af"
+    "version": "ec16a1dc785bea559c02a98eae627283f313449c"
   },
   "dependencies": {
     "lodash": "4.17.21",
-    "@teambit/harmony": "0.4.7",
-    "@teambit/api-reference.hooks.use-api-renderers": "0.0.36",
-    "@teambit/api-reference.models.api-node-renderer": "0.0.52",
-    "@teambit/api-reference.renderers.default-node-renderers": "0.0.1",
-    "@teambit/api-reference.sections.api-reference-page": "0.0.119",
+    "@teambit/component.ui.component-compare.models.component-compare-change-type": "0.0.7",
+    "@teambit/component.ui.component-compare.models.component-compare-props": "0.0.133",
+    "@teambit/semantics.ui.api-diff-view": "0.0.3",
+    "@teambit/component.ui.component-compare.context": "0.0.128",
+    "@teambit/harmony": "0.4.12",
+    "@teambit/api-reference.hooks.use-api-renderers": "0.0.37",
+    "@teambit/api-reference.models.api-node-renderer": "0.0.53",
+    "@teambit/api-reference.renderers.default-node-renderers": "0.0.23",
     "@teambit/api-reference.sections.api-reference-section": "0.0.16",
-    "@teambit/semantics.entities.semantic-schema": "0.0.94",
-    "@teambit/tagged-exports": "0.0.47",
-    "@teambit/code": "0.0.0-d93de6267aff9a91590499542021cbc0f85bbd65",
-    "@teambit/component": "0.0.0-af18bd977d4e871113e6b935ceae6c54573e7a91",
-    "@teambit/ui": "0.0.0-af3160c46fd7f9ced392b9b4b7bdc778e59aa97b",
-    "@teambit/workspace": "0.0.0-7b56564a43d23a0637e46961bf660b9164964341"
+    "@teambit/semantics.entities.semantic-schema": "0.0.113",
+    "@teambit/tagged-exports": "0.0.53",
+    "@teambit/api-reference.sections.api-reference-page": "0.0.120",
+    "@teambit/component": "0.0.0-d9ac5d7f03cf553d9d48b2c1b353e694df6555b5",
+    "@teambit/code": "0.0.0-eae2981019fe49e5dd5e741a80854b20a110ae17",
+    "@teambit/component-compare": "0.0.0-0f037e278e34f4d65bd5d7d41274a4848b8d76df",
+    "@teambit/ui": "0.0.0-6845034072697f7919f98c5c62e88bc862131cdf",
+    "@teambit/workspace": "0.0.0-883b2f8c7f58f482d0ef14ff6e6303f3fb109945"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",
     "@types/mocha": "9.1.0",
-    "@teambit/harmony.envs.core-aspect-env": "0.0.79"
+    "@teambit/harmony.envs.core-aspect-env": "2.0.6"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0",
-    "@types/react": "^17.0.73"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "license": "Apache-2.0",
   "optionalDependencies": {},
   "peerDependenciesMeta": {},
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "node": {
         "require": "./dist/index.js",
         "import": "./dist/esm.mjs"
@@ -44,8 +49,7 @@
       "default": "./dist/index.js"
     },
     "./dist/*": "./dist/*",
-    "./artifacts/*": "./artifacts/*",
-    "./*": "./*.ts"
+    "./artifacts/*": "./artifacts/*"
   },
   "private": false,
   "engines": {

package/types/style.d.ts

@@ -40,3 +40,7 @@ declare module '*.mdx' {
   const component: any;
   export default component;
 }
+
+// `reset-css` ships only `reset.css` (no `.d.ts`). TS6 refuses bare
+// side-effect imports without declarations, so we declare the module here.
+declare module 'reset-css';