Skip to content

Importing anatomy objects from @ark-ui/solid or @ark-ui/solid/* breaks panda codegen #3612

@vaalha

Description

@vaalha

Description

The following code:

import { accordionAnatomy } from '@ark-ui/solid/accordion'

...generates this error when running panda codegen:

✘ [ERROR] No matching export in "node_modules/.pnpm/solid-js@1.9.9/node_modules/solid-js/web/dist/server.js" for import "use"

    node_modules/.pnpm/@ark-ui+solid@5.22.0_solid-js@1.9.9/node_modules/@ark-ui/solid/dist/chunk/YO2MCGXO.js:3:42:
      3 │ import { createComponent, memo, template, use } from 'solid-js/web';
        ╵                                           ~~~

🐼 error [cli] Error: Build failed with 1 error:
node_modules/.pnpm/@ark-ui+solid@5.22.0_solid-js@1.9.9/node_modules/@ark-ui/solid/dist/chunk/YO2MCGXO.js:3:42: ERROR: No matching export in "node_modules/.pnpm/solid-js@1.9.9/node_modules/solid-js/web/dist/server.js" for import "use"
    at failureErrorWithLog (/project/workspace/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:1467:15)
    at /project/workspace/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:926:25
    at /project/workspace/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:878:52
    at buildResponseToResult (/project/workspace/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:924:7)
    at /project/workspace/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:951:16
    at responseCallbacks.<computed> (/project/workspace/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:603:9)
    at handleIncomingPacket (/project/workspace/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:658:12)
    at Socket.readFromStdout (/project/workspace/node_modules/.pnpm/esbuild@0.25.9/node_modules/esbuild/lib/main.js:581:7)
    at Socket.emit (node:events:518:28)
    at addChunk (node:internal/streams/readable:559:12)
 ELIFECYCLE  Command failed with exit code 1.

However, pulling from the deprecated @ark-ui/anatomy package works.

Link to Reproduction (or Detailed Explanation)

https://codesandbox.io/p/devbox/beautiful-yonath-6c4rqk

Steps to Reproduce

Run panda codegen

Ark UI Version

5.22.0

Framework

  • React
  • Solid
  • Vue
  • Svelte

Browser

No response

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions