I couldn't get the example on the documentation site to load the panda-preset without tweaking the format.

[wontondon]

I'm not sure if this is a change in panda, or if I'm doing something silly, but I couldn't get the park-ui recipes to generate when using the example from the documentation.

export default defineConfig({
  preflight: true,
  presets: ['@pandacss/preset-base', '@park-ui/panda-preset'],
  include: ['./src/**/*.{js,jsx,ts,tsx}'],
  exclude: [],
  jsxFramework: 'react',
  outdir: 'styled-system',
})

I had to tweak it to this format in order for it to load the preset.

import { defineConfig } from '@pandacss/dev';
import pandaPreset from '@park-ui/panda-preset';

export default defineConfig({
  preflight: true,
  presets: [pandaPreset()],
  include: ['./src/**/*.{js,jsx,ts,tsx}'],
  exclude: [],
  theme: {
    extend: {},
  },
  jsxFramework: 'react',
  outdir: 'styled-system',
});

Any one else experience this? using @park-ui/panda-preset": "0.19.0", "@ark-ui/react": "0.15.0","@pandacss/dev": "0.17.0"

[cschroeter]

@wontondon

Thanks for bringing this to my attention. From v0.20.0 onwards please use the snippet below for a default Park UI preset (neutral: accent and gray)

import { defineConfig } from '@pandacss/dev'

export default defineConfig({
  presets: ['@pandacss/preset-base', '@park-ui/panda-preset'],
  // ...
})

and to customize like shown in the example below:

import { defineConfig } from '@pandacss/dev'
import { createPreset } from '@park-ui/panda-preset'

export default defineConfig({
  presets: [
    '@pandacss/preset-base',
    createPreset({
      accentColor: 'amber',
      grayColor: 'sand',
      borderRadius: 'none',
    }),
  ],
  // ...
})

[ellynerdstone]

Getting this error when I attempt to use createPreset. Am I missing anything like TS types or something?

Type 'Preset' is not assignable to type 'string | Preset | Promise<Preset>'.
  Type 'import("/home/nerdstone/Personal/Projects/Nerdstone/hynt-frontend/node_modules/.pnpm/@[email protected]/node_modules/@pandacss/types/dist/config").Preset' is not assignable to type 'import("/home/nerdstone/Per