fix: v0.44.0 preset name compatibility (#20)

* fix: v0.44.0 preset name compatibility

* fix: lockfile

Author: amandaguthrie

.changeset/orange-tools-drum.md

@@ -0,0 +1,5 @@
+---
+"@amandaguthrie/panda-preset-dev-utils": minor
+---
+
+Minimum Node version of 20

.changeset/silent-ways-jam.md

@@ -0,0 +1,5 @@
+---
+"@amandaguthrie/panda-preset-shared-utils": minor
+---
+
+Minimum @pandacss/types of 0.44.0

.changeset/twelve-planes-rhyme.md

@@ -0,0 +1,9 @@
+---
+"@amandaguthrie/panda-preset-framework-simplecss": minor
+"@amandaguthrie/panda-preset-font-modernfs": minor
+"@amandaguthrie/panda-preset-breakpoints": minor
+"@amandaguthrie/panda-preset-color-radix": minor
+---
+
+* Add name property to preset for Panda CSS v0.44.0 compatibility
+* Adapt tests, re-run test snapshots

.prettierignore

@@ -27,7 +27,7 @@
     "release:dev:publish": "changeset publish --no-git-tag --tag dev"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.8.3",
+    "@biomejs/biome": "1.8.3",
     "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.7",
     "@types/node": "^22.0.0",
@@ -40,8 +40,8 @@
   "packageManager": "[email protected]",
   "pnpm": {
     "overrides": {
-      "@pandacss/dev": "^0.37.2",
-      "@pandacss/types": "^0.37.2",
+      "@pandacss/dev": "^0.44.0",
+      "@pandacss/types": "^0.44.0",
       "typescript": "^5.5.4"
     }
   }

.prettierrc

@@ -19,5 +19,5 @@ export function pandaPresetBreakpoints(options?: BreakpointsPresetOptions) {
 
   const themeContent = { breakpoints: brPts };
 
-  return maybeExtendTheme({ themeContent, extend: mergedOptions.extend }) as Preset;
+  return {name: 'panda-preset-breakpoints', ...maybeExtendTheme({ themeContent, extend: mergedOptions.extend })} as Preset;
 }

package.json

@@ -7,7 +7,7 @@ import { GENERATE_SNAPSHOTS } from './test-constants';
 describe('Configuration Options & Preset Generation', async () => {
   // Default is "primer"
   const defaultConfig =
-    '{"theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}';
+    '{"name":"panda-preset-breakpoints","theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}';
 
   await it('should return the default config if no options are provided', async () => {
     if (GENERATE_SNAPSHOTS) {
@@ -42,7 +42,7 @@ describe('Configuration Options & Preset Generation', async () => {
     if (GENERATE_SNAPSHOTS) {
       await writeJsonSnapshot('options-extend-undefined', JSON.stringify(pandaPresetBreakpoints(config)));
     }
-    assert.match(toJson(pandaPresetBreakpoints()), /{"theme":{"extend":{"breakpoints":/g);
+    assert.match(toJson(pandaPresetBreakpoints()), /{"name":"panda-preset-breakpoints","theme":{"extend":{"breakpoints":/g);
     assert.equal(toJson(pandaPresetBreakpoints(config)), await readJsonSnapshot('options-system-valid'));
     assert.equal(toJson(pandaPresetBreakpoints(config)), await readJsonSnapshot('options-extend-undefined'));
   });
@@ -55,7 +55,7 @@ describe('Configuration Options & Preset Generation', async () => {
     if (GENERATE_SNAPSHOTS) {
       await writeJsonSnapshot('options-extend-false', JSON.stringify(pandaPresetBreakpoints(config)));
     }
-    assert.match(toJson(pandaPresetBreakpoints(config)), /{"theme":{"breakpoints":/g);
+    assert.match(toJson(pandaPresetBreakpoints(config)), /{"name":"panda-preset-breakpoints","theme":{"breakpoints":/g);
     assert.equal(toJson(pandaPresetBreakpoints(config)), await readJsonSnapshot('options-extend-false'));
   });
 });

packages/panda-preset-breakpoints/src/preset.ts

@@ -1 +1 @@
-{"theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}
+{"name":"panda-preset-breakpoints","theme":{"extend":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}}

packages/panda-preset-breakpoints/test/core-options.test.ts

@@ -1 +1 @@
-{"theme":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}
+{"name":"panda-preset-breakpoints","theme":{"breakpoints":{"sm":"30em","md":"48em","lg":"62em","xl":"80em","2xl":"96em"}}}