@starklab/stark-mcp 0.1.0 → 0.2.0

package/src/adopt/tokenAliasResolver.test.js

@@ -1,319 +0,0 @@
-import { mkdtempSync, rmSync, mkdirSync, writeFileSync } from 'node:fs';
-import os from 'node:os';
-import path from 'node:path';
-
-import { describe, it, expect, afterEach } from 'vitest';
-
-import { resolveTokenAliases } from './tokenAliasResolver.js';
-
-let tmpDirs = [];
-
-afterEach(() => {
-  for (const dir of tmpDirs) rmSync(dir, { recursive: true, force: true });
-  tmpDirs = [];
-});
-
-function fixture(files) {
-  const root = mkdtempSync(path.join(os.tmpdir(), 'stark-adopt-alias-'));
-  tmpDirs.push(root);
-  for (const [rel, content] of Object.entries(files)) {
-    const full = path.join(root, rel);
-    mkdirSync(path.dirname(full), { recursive: true });
-    writeFileSync(full, content);
-  }
-  return root;
-}
-
-function property(result, name) {
-  const found = result.properties.find((p) => p.name === name);
-  if (!found) throw new Error(`No property "${name}" in result. Found: ${result.properties.map((p) => p.name).join(', ')}`);
-  return found;
-}
-
-function findingsFor(result, rule, propName) {
-  return result.findings.filter((f) => f.rule === rule && f.property === propName);
-}
-
-describe('resolveTokenAliases — terminal classification', () => {
-  it('classifies a pure alias to an inventory stk token as conformant', () => {
-    const root = fixture({
-      'src/app.css': `:root { --app-primary: var(--stk-surface-brand-1-default); }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const p = property(result, '--app-primary');
-    expect(p.state).toBe('conformant');
-    expect(p.scopes[0].terminal.stkToken).toBe('--stk-surface-brand-1-default');
-  });
-
-  it('classifies a raw-value alias as drift-behind-alias', () => {
-    const root = fixture({
-      'src/app.css': `:root { --app-primary: #1956dd; }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const p = property(result, '--app-primary');
-    expect(p.state).toBe('drift');
-    expect(findingsFor(result, 'drift-behind-alias', '--app-primary')).toHaveLength(1);
-  });
-
-  it('classifies an alias to an undefined property as broken', () => {
-    const root = fixture({
-      'src/app.css': `:root { --app-primary: var(--app-does-not-exist); }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const p = property(result, '--app-primary');
-    expect(p.state).toBe('broken');
-    expect(findingsFor(result, 'broken-alias', '--app-primary')[0].reason).toBe('undefined');
-  });
-
-  it('classifies a cyclic alias chain as broken without throwing', () => {
-    const root = fixture({
-      'src/app.css': `:root { --a: var(--b); --b: var(--a); }`,
-    });
-    expect(() => resolveTokenAliases(root, { platform: 'web' })).not.toThrow();
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    expect(property(result, '--a').state).toBe('broken');
-    expect(findingsFor(result, 'broken-alias', '--a')[0].reason).toBe('cycle');
-  });
-});
-
-describe('resolveTokenAliases — depth', () => {
-  it('warns past ~3 hops on a multi-hop conformant chain', () => {
-    const root = fixture({
-      'src/app.css': `
-        :root {
-          --hop1: var(--hop2);
-          --hop2: var(--hop3);
-          --hop3: var(--hop4);
-          --hop4: var(--stk-spacing-md);
-        }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const p = property(result, '--hop1');
-    expect(p.state).toBe('conformant');
-    expect(findingsFor(result, 'deep-alias-chain', '--hop1')).toHaveLength(1);
-  });
-
-  it('does not warn on a short chain within the depth budget', () => {
-    const root = fixture({
-      'src/app.css': `
-        :root {
-          --hop1: var(--hop2);
-          --hop2: var(--stk-spacing-md);
-        }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    expect(findingsFor(result, 'deep-alias-chain', '--hop1')).toHaveLength(0);
-  });
-});
-
-describe('resolveTokenAliases — fallbacks', () => {
-  it('flags a raw-value fallback as info, never critical', () => {
-    const root = fixture({
-      'src/app.css': `:root { --app-primary: var(--stk-surface-brand-1-default, #1956dd); }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const findings = findingsFor(result, 'raw-fallback', '--app-primary');
-    expect(findings).toHaveLength(1);
-    expect(findings[0].severity).toBe('info');
-    // the primary resolves fine, so the property itself is still conformant
-    expect(property(result, '--app-primary').state).toBe('conformant');
-  });
-
-  it('does not flag a fully nested-var fallback', () => {
-    const root = fixture({
-      'src/app.css': `:root { --app-primary: var(--stk-surface-brand-1-default, var(--stk-spacing-md)); }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    expect(findingsFor(result, 'raw-fallback', '--app-primary')).toHaveLength(0);
-  });
-
-  it('resolves through a raw fallback when the primary is undefined', () => {
-    const root = fixture({
-      'src/app.css': `:root { --app-primary: var(--app-missing, #1956dd); }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const p = property(result, '--app-primary');
-    expect(p.state).toBe('drift');
-    expect(p.scopes[0].terminal.viaFallback).toBe(true);
-  });
-});
-
-describe('resolveTokenAliases — layer violations', () => {
-  it('flags an alias resolving straight to a primitive token', () => {
-    const root = fixture({
-      'src/app.css': `:root { --app-primary: var(--stk-color-shade-palette-1-1); }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const p = property(result, '--app-primary');
-    // simultaneously conformant (resolves to an inventory stk token) AND a layer violation
-    expect(p.state).toBe('conformant');
-    const findings = findingsFor(result, 'layer-violation', '--app-primary');
-    expect(findings).toHaveLength(1);
-    expect(findings[0].severity).toBe('critical');
-  });
-
-  it('does not flag an alias resolving to a semantic or component token', () => {
-    const root = fixture({
-      'src/app.css': `:root { --app-primary: var(--stk-surface-brand-1-default); }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    expect(findingsFor(result, 'layer-violation', '--app-primary')).toHaveLength(0);
-  });
-});
-
-describe('resolveTokenAliases — partial-conformance across scopes', () => {
-  it('reports a property redefined differently under two selectors as partial-conformance, never picking a dominant scope', () => {
-    const root = fixture({
-      'src/app.css': `
-        :root { --app-primary: var(--stk-surface-brand-1-default); }
-        .theme-promo { --app-primary: #ff00ff; }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const p = property(result, '--app-primary');
-    expect(p.state).toBe('partial-conformance');
-    expect(p.scopes).toHaveLength(2);
-
-    const finding = result.findings.find((f) => f.rule === 'partial-conformance' && f.property === '--app-primary');
-    expect(finding).toBeDefined();
-    expect(finding.severity).toBeNull();
-    expect(finding.scopes).toEqual(
-      expect.arrayContaining([
-        { selector: ':root', state: 'conformant' },
-        { selector: '.theme-promo', state: 'drift' },
-      ])
-    );
-  });
-
-  it('does not report partial-conformance when two selectors agree on the same state', () => {
-    const root = fixture({
-      'src/app.css': `
-        :root { --app-primary: var(--stk-surface-brand-1-default); }
-        .card { --app-primary: var(--stk-surface-brand-1-strong); }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    expect(property(result, '--app-primary').state).toBe('conformant');
-  });
-});
-
-describe('resolveTokenAliases — usage classification (Pass 2)', () => {
-  it('classifies a direct --stk-* call site as direct', () => {
-    const root = fixture({
-      'src/app.css': `.btn { background: var(--stk-surface-brand-1-default); }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const usage = result.usages.find((u) => u.property === 'background');
-    expect(usage.classification).toBe('direct');
-  });
-
-  it('classifies a call site through a conformant consumer alias as aliased', () => {
-    const root = fixture({
-      'src/app.css': `
-        :root { --app-primary: var(--stk-surface-brand-1-default); }
-        .btn { background: var(--app-primary); }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const usage = result.usages.find((u) => u.property === 'background');
-    expect(usage.classification).toBe('aliased');
-  });
-
-  it('classifies a call site through a drifted consumer alias as drift, not aliased', () => {
-    const root = fixture({
-      'src/app.css': `
-        :root { --app-primary: #1956dd; }
-        .btn { background: var(--app-primary); }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const usage = result.usages.find((u) => u.property === 'background');
-    expect(usage.classification).toBe('drift');
-  });
-
-  it('classifies a call site whose scope cannot be bound as unresolved', () => {
-    const root = fixture({
-      'src/app.css': `
-        :root { --app-primary: var(--stk-surface-brand-1-default); }
-        .theme-promo { --app-primary: #ff00ff; }
-        .btn { background: var(--app-primary); }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    const usage = result.usages.find((u) => u.property === 'background');
-    expect(usage.classification).toBe('unresolved');
-    expect(usage.reason).toBe('ambiguous-scope');
-  });
-
-  it('reports the three-number summary with direct + aliased as conformancePct', () => {
-    const root = fixture({
-      'src/app.css': `
-        :root { --app-primary: var(--stk-surface-brand-1-default); }
-        .a { background: var(--stk-surface-brand-1-default); }
-        .b { background: var(--app-primary); }
-        .c { background: #1956dd; }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    expect(result.report.direct).toBe(1);
-    expect(result.report.aliased).toBe(1);
-    expect(result.report.total).toBe(2); // the raw literal in .c has no var() at all — not a usage site
-    expect(result.report.conformancePct).toBe(100);
-  });
-});
-
-describe('resolveTokenAliases — --stk-* declarations are never treated as consumer aliases', () => {
-  it('does not flag a synced copy of the design system\'s own tokens.css as layer violations or drift', () => {
-    const root = fixture({
-      // Mirrors apps/storybook/src/tokens/ — a checked-in copy of Stark's own
-      // compiled CSS, which legitimately aliases semantic --stk-* names
-      // straight to primitive --stk-* names. This is Stark's own internal
-      // aliasing, not something a consumer wrote, and must not appear in the
-      // consumer alias graph at all.
-      'src/tokens/tokens.css': `
-        :root {
-          --stk-surface-brand-1-subtlest: var(--stk-color-shade-palette-1-1);
-          --stk-spacing-md: 16px;
-        }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    expect(result.properties.find((p) => p.name === '--stk-surface-brand-1-subtlest')).toBeUndefined();
-    expect(result.aliasCount).toBe(0);
-    expect(result.findings).toHaveLength(0);
-  });
-
-  it('still counts a genuine consumer alias declared alongside a synced tokens.css copy', () => {
-    const root = fixture({
-      'src/tokens/tokens.css': `:root { --stk-surface-brand-1-subtlest: var(--stk-color-shade-palette-1-1); }`,
-      'src/app.css': `:root { --app-primary: var(--stk-surface-brand-1-default); }`,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    expect(result.aliasCount).toBe(1);
-    expect(property(result, '--app-primary').state).toBe('conformant');
-  });
-});
-
-describe('resolveTokenAliases — alias count', () => {
-  it('counts every distinct consumer-declared custom property, conformant or not', () => {
-    const root = fixture({
-      'src/app.css': `
-        :root {
-          --app-primary: var(--stk-surface-brand-1-default);
-          --app-secondary: #1956dd;
-        }
-      `,
-    });
-    const result = resolveTokenAliases(root, { platform: 'web' });
-    expect(result.aliasCount).toBe(2);
-  });
-});
-
-describe('resolveTokenAliases — platform scope', () => {
-  it('throws for a non-web platform since CSS var() has no RN equivalent', () => {
-    const root = fixture({ 'src/app.css': `:root {}` });
-    expect(() => resolveTokenAliases(root, { platform: 'native' })).toThrow(/web/i);
-  });
-});

package/src/adopt/wrapperResolver.test.js

@@ -1,324 +0,0 @@
-import { mkdtempSync, rmSync, mkdirSync, writeFileSync } from 'node:fs';
-import os from 'node:os';
-import path from 'node:path';
-
-import { describe, it, expect, afterEach } from 'vitest';
-
-import { resolveWrappers } from './wrapperResolver.js';
-
-let tmpDirs = [];
-
-afterEach(() => {
-  for (const dir of tmpDirs) rmSync(dir, { recursive: true, force: true });
-  tmpDirs = [];
-});
-
-function fixture(files) {
-  const root = mkdtempSync(path.join(os.tmpdir(), 'stark-adopt-wrap-'));
-  tmpDirs.push(root);
-  for (const [rel, content] of Object.entries(files)) {
-    const full = path.join(root, rel);
-    mkdirSync(path.dirname(full), { recursive: true });
-    writeFileSync(full, content);
-  }
-  return root;
-}
-
-function wrapper(result, exportedAs) {
-  const found = result.wrappers.find((w) => w.exportedAs === exportedAs);
-  if (!found) throw new Error(`No wrapper "${exportedAs}" in result. Found: ${result.wrappers.map((w) => w.exportedAs).join(', ')}`);
-  return found;
-}
-
-describe('resolveWrappers — faithfulness classification', () => {
-  it('classifies a pure passthrough wrapper as transparent', () => {
-    const root = fixture({
-      'src/MyButton.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function MyButton(props) {
-          return <Button {...props} />;
-        }
-      `,
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    const w = wrapper(result, 'MyButton');
-    expect(w.terminal).toBe('ds-component');
-    expect(w.component).toBe('Button');
-    expect(w.chain[0].faithfulness).toBe('transparent');
-    expect(w.depth).toBe(1);
-  });
-
-  it('classifies a hardcoded prop as constraining, even alongside a spread', () => {
-    const root = fixture({
-      'src/MyButton.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function MyButton(props) {
-          return <Button {...props} variant="primary" />;
-        }
-      `,
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    expect(wrapper(result, 'MyButton').chain[0].faithfulness).toBe('constraining');
-  });
-
-  it('classifies a className/style override as divergent, ranked above constraining', () => {
-    const root = fixture({
-      'src/MyButton.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function MyButton(props) {
-          return <Button {...props} variant="primary" className="custom-look" />;
-        }
-      `,
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    expect(wrapper(result, 'MyButton').chain[0].faithfulness).toBe('divergent');
-  });
-
-  it('classifies a native wrapper around a single DS-bearing child as augmenting', () => {
-    const root = fixture({
-      'src/FormField.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function FormField() {
-          return (
-            <div className="field">
-              <Button variant="primary">Save</Button>
-            </div>
-          );
-        }
-      `,
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    const w = wrapper(result, 'FormField');
-    expect(w.terminal).toBe('ds-component');
-    expect(w.component).toBe('Button');
-    expect(w.chain[0].faithfulness).toBe('augmenting');
-  });
-});
-
-describe('resolveWrappers — terminal classification', () => {
-  it('does not report a native-only wrapper (no DS component reachable) as a wrapper', () => {
-    const root = fixture({
-      'src/Plain.jsx': `
-        export function Plain() {
-          return <div className="plain">hello</div>;
-        }
-      `,
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    expect(result.wrappers.find((w) => w.exportedAs === 'Plain')).toBeUndefined();
-  });
-
-  it('does not report a third-party-only wrapper as a wrapper', () => {
-    const root = fixture({
-      'src/MyThing.jsx': `
-        import { Box } from 'some-other-lib';
-        export function MyThing() {
-          return <Box>hi</Box>;
-        }
-      `,
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    expect(result.wrappers.find((w) => w.exportedAs === 'MyThing')).toBeUndefined();
-  });
-
-  it('never crashes or reports a wrapper for a circular local wrapper chain', () => {
-    const root = fixture({
-      'src/CycleA.jsx': `
-        import { CycleB } from './CycleB.jsx';
-        export function CycleA(props) { return <CycleB {...props} />; }
-      `,
-      'src/CycleB.jsx': `
-        import { CycleA } from './CycleA.jsx';
-        export function CycleB(props) { return <CycleA {...props} />; }
-      `,
-    });
-    expect(() => resolveWrappers(root, { platform: 'web' })).not.toThrow();
-    const result = resolveWrappers(root, { platform: 'web' });
-    expect(result.wrappers.find((w) => w.exportedAs === 'CycleA')).toBeUndefined();
-    expect(result.wrappers.find((w) => w.exportedAs === 'CycleB')).toBeUndefined();
-  });
-});
-
-describe('resolveWrappers — cross-file recursive chains', () => {
-  it('follows a wrapper-of-a-wrapper chain across files down to the DS terminal', () => {
-    const root = fixture({
-      'src/ButtonB.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function ButtonB(props) {
-          return <Button {...props} />;
-        }
-      `,
-      'src/ButtonA.jsx': `
-        import { ButtonB } from './ButtonB.jsx';
-        export function ButtonA(props) {
-          return <ButtonB {...props} />;
-        }
-      `,
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    const a = wrapper(result, 'ButtonA');
-    const b = wrapper(result, 'ButtonB');
-    expect(a.component).toBe('Button');
-    expect(a.depth).toBe(2);
-    expect(b.component).toBe('Button');
-    expect(b.depth).toBe(1);
-  });
-});
-
-describe('resolveWrappers — fanout counting', () => {
-  it('excludes a parent wrapper’s internal reference from the child wrapper’s own fanout', () => {
-    const root = fixture({
-      'src/ButtonB.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function ButtonB(props) {
-          return <Button {...props} />;
-        }
-      `,
-      'src/ButtonA.jsx': `
-        import { ButtonB } from './ButtonB.jsx';
-        export function ButtonA(props) {
-          return <ButtonB {...props} />;
-        }
-      `,
-      'src/App.jsx': `
-        import { ButtonA } from './ButtonA.jsx';
-        import { ButtonB } from './ButtonB.jsx';
-        export const App = () => (
-          <div>
-            <ButtonA />
-            <ButtonA />
-            <ButtonB />
-          </div>
-        );
-      `,
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    const a = wrapper(result, 'ButtonA');
-    const b = wrapper(result, 'ButtonB');
-    // App.jsx uses ButtonA twice and ButtonB once directly; ButtonA's own
-    // internal <ButtonB/> render must not inflate ButtonB's fanout.
-    expect(a.fanout.counts.jsx).toBe(2);
-    expect(b.fanout.counts.jsx).toBe(1);
-  });
-});
-
-describe('resolveWrappers — dominion.config.json declared wrappers', () => {
-  it('fills in a wrapper auto-detection could not resolve', () => {
-    const root = fixture({
-      'src/DynamicThing.jsx': `
-        import React from 'react';
-        import { Button } from '@starklab/stk-components';
-        const Impl = Button;
-        export function DynamicThing(props) {
-          return React.createElement(Impl, props);
-        }
-      `,
-      'dominion.config.json': JSON.stringify({ wrappers: { './src/DynamicThing.jsx': 'Button' } }),
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    expect(result.dominionConfigFound).toBe(true);
-    const w = wrapper(result, 'DynamicThing');
-    expect(w.component).toBe('Button');
-    expect(w.provenance).toBe('declared');
-  });
-
-  it('keeps the auto-detected terminal and reports a contradiction when the declaration disagrees', () => {
-    const root = fixture({
-      'src/MyButton.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function MyButton(props) {
-          return <Button {...props} />;
-        }
-      `,
-      'dominion.config.json': JSON.stringify({ wrappers: { './src/MyButton.jsx': 'BadgeStatus' } }),
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    const w = wrapper(result, 'MyButton');
-    expect(w.component).toBe('Button'); // auto-detected wins, not overridden
-    expect(result.contradictions).toHaveLength(1);
-    expect(result.contradictions[0]).toMatchObject({ declaredAs: 'BadgeStatus', autoDetected: 'Button' });
-  });
-
-  it('reports an unresolved declaration when the configured file does not exist', () => {
-    const root = fixture({
-      'src/App.jsx': `export const App = () => null;`,
-      'dominion.config.json': JSON.stringify({ wrappers: { './src/Nope.jsx': 'Button' } }),
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    expect(result.unresolvedDeclarations).toHaveLength(1);
-    expect(result.unresolvedDeclarations[0].reason).toBe('file-not-found');
-  });
-});
-
-describe('resolveWrappers — cross-workspace resolution (ADOPTION_APP_PLAN.md §3e)', () => {
-  it('resolves a workspace-sibling import into its own source instead of stopping at third-party', () => {
-    const siblingDir = fixture({
-      'package.json': JSON.stringify({ name: '@acme/ui', main: 'src/index.js' }),
-      'src/index.js': `export { Wrapper } from './Wrapper.jsx';`,
-      'src/Wrapper.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function Wrapper(props) {
-          return <Button {...props} />;
-        }
-      `,
-    });
-    const root = fixture({
-      'src/App.jsx': `
-        import { Wrapper } from '@acme/ui';
-        export function AppWrapper(props) {
-          return <Wrapper {...props} />;
-        }
-      `,
-    });
-
-    const withoutWorkspace = resolveWrappers(root, { platform: 'web' });
-    expect(withoutWorkspace.wrappers.find((w) => w.exportedAs === 'AppWrapper')).toBeUndefined();
-
-    const workspacePackages = new Map([['@acme/ui', siblingDir]]);
-    const withWorkspace = resolveWrappers(root, { platform: 'web', workspacePackages });
-    const w = wrapper(withWorkspace, 'AppWrapper');
-    expect(w.terminal).toBe('ds-component');
-    expect(w.component).toBe('Button');
-    // AppWrapper (root) wraps Wrapper (sibling package) wraps Button — a
-    // genuine two-hop chain, same as the same-repo cross-file case above.
-    expect(w.depth).toBe(2);
-  });
-
-  it('does not treat a package importing its own name as a crossing', () => {
-    const root = fixture({
-      'package.json': JSON.stringify({ name: '@acme/self', main: 'src/index.js' }),
-      'src/index.js': `export { Local } from './Local.jsx';`,
-      'src/Local.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function Local(props) {
-          return <Button {...props} />;
-        }
-      `,
-    });
-    const workspacePackages = new Map([['@acme/self', root]]);
-    expect(() => resolveWrappers(root, { platform: 'web', workspacePackages })).not.toThrow();
-    const result = resolveWrappers(root, { platform: 'web', workspacePackages });
-    const w = wrapper(result, 'Local');
-    expect(w.terminal).toBe('ds-component');
-    expect(w.component).toBe('Button');
-  });
-});
-
-describe('resolveWrappers — byComponent rollup', () => {
-  it('left-joins wrappers onto the full catalog', () => {
-    const root = fixture({
-      'src/MyButton.jsx': `
-        import { Button } from '@starklab/stk-components';
-        export function MyButton(props) {
-          return <Button {...props} />;
-        }
-      `,
-    });
-    const result = resolveWrappers(root, { platform: 'web' });
-    expect(result.byComponent.length).toBeGreaterThan(50);
-    const button = result.byComponent.find((c) => c.name === 'Button');
-    expect(button.viaWrappers).toHaveLength(1);
-    const accordion = result.byComponent.find((c) => c.name === 'Accordion');
-    expect(accordion.viaWrappers).toHaveLength(0);
-  });
-});