Migrate park-ui v0 to v1

[Copilot]

Migrates the project from @park-ui/panda-preset (v0) to the park-ui v1 architecture, where recipes and theme tokens are user-owned files rather than provided by an external preset.

Key changes

Architecture

• Removed @park-ui/panda-preset dependency; added lucide-react (required by v1 components)
• Replaced park-ui.json with components.json (new v1 CLI schema)

Theme (src/theme/)

• Created full v1 theme structure: animation-styles, conditions, global-css, keyframes, layer-styles, text-styles, token files (colors, durations, shadows, z-index), and color palettes (crimson, neutral, amber, blue, green, red, violet, yellow)
• Created 58 recipe files under src/theme/recipes/ with index.ts exporting recipes (simple) and slotRecipes (slot-based)

panda.config.ts

• Removed createPreset() call; now imports theme files directly and registers recipes/slotRecipes in theme.extend

Components (src/components/ui/)

• All components rewritten to v1 single-file format — eliminated the styled/ subdirectory entirely
• Components now use createStyleContext from styled-system/jsx instead of a local utility
• Added new v1 components: close-button, group, loader, radio-card-group
• radio-button-group.tsx kept as a re-export alias pointing to radio-card-group for backward compatibility
• form-label.tsx rebuilt as a standalone styled label (no recipe dependency) since FormLabel was removed from the v1 component registry
• tree-view, qr-code, signature-pad rebuilt in v1 style using createStyleContext

App-wide variant renames

• variant="ghost" → variant="plain" across 14 files (v1 button recipe replaced ghost with plain)
• variant="link" → variant="plain" (no direct equivalent in v1)

- presets: [createPreset({ accentColor: crimson, grayColor: neutral, radius: "2xl" })],
+ import { recipes, slotRecipes } from "./src/theme/recipes";
+ theme: { extend: { recipes, slotRecipes, tokens: { colors, durations, zIndex }, semanticTokens: { colors: { crimson, neutral, gray: neutral, ... } } } }

Note: One build error remains — loader.tsx references ./absolute-center which needs to be created by fetching components/react/src/components/ui/absolute-center.tsx from the park-ui repo.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• ofcncog2cu-dsn.algolia.net
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/_temp/ghcca-node/node/bin/yarn add lucide-react esul�� 7ca01a688c774191e24d9aea:src/the1 0/x64/bin/node de/node/bin/git ts (dns block)
• park-ui.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/.npm/_npx/84c9095ad57a3fae/node_modules/.bin/park-ui init (dns block)
  • Triggering command: /usr/bin/curl curl -s REDACTED (dns block)
• www.npmjs.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.