@pandacss/studio 0.5.0 → 0.6.0

package/{astro.config.ts → astro.config.mjs}

@@ -1,6 +1,6 @@
 import { defineConfig } from 'astro/config'
 import react from '@astrojs/react'
-import virtualPanda from './virtual-panda'
+import virtualPanda from './virtual-panda.mjs'
 
 // https://astro.build/config
 export default defineConfig({

package/dist/studio.js

@@ -34,9 +34,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js
+var getImportMetaUrl, importMetaUrl;
 var init_cjs_shims = __esm({
   "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
+    getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
+    importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
   }
 });
 
@@ -2059,17 +2062,22 @@ function create$(options) {
 var $ = create$();
 
 // scripts/studio.ts
-var import_path = require("path");
-var astroBin = (0, import_path.join)(__dirname, "../node_modules/.bin/astro");
-var appPath = (0, import_path.join)(__dirname, "..");
+var import_node_path3 = require("path");
+var import_node_module = require("module");
+var require2 = (0, import_node_module.createRequire)(importMetaUrl);
+var astroBin = require2.resolve("astro");
+var appPath = (0, import_node_path3.join)(__dirname, "..");
 async function buildStudio({ outDir }) {
   process.env.ASTRO_OUT_DIR = outDir;
-  const { stdout } = await execa(astroBin, ["build", "--root", appPath]);
+  const { stdout } = await execa(astroBin, ["build", "--root", appPath], {
+    cwd: appPath
+  });
   import_logger.logger.log(stdout);
 }
 async function serveStudio() {
   const result = execa(astroBin, ["dev", "--root", appPath], {
-    stdio: "inherit"
+    stdio: "inherit",
+    cwd: appPath
   });
   result.stdout?.pipe(process.stdout);
   result.stderr?.pipe(process.stderr);
@@ -2077,7 +2085,8 @@ async function serveStudio() {
 async function previewStudio({ outDir }) {
   process.env.ASTRO_OUT_DIR = outDir;
   const result = execa(astroBin, ["preview", "--root", appPath], {
-    stdio: "inherit"
+    stdio: "inherit",
+    cwd: appPath
   });
   result.stdout?.pipe(process.stdout);
   result.stderr?.pipe(process.stderr);

package/dist/studio.mjs

@@ -2058,17 +2058,22 @@ function create$(options) {
 var $ = create$();
 
 // scripts/studio.ts
-import { join } from "path";
-var astroBin = join(__dirname, "../node_modules/.bin/astro");
+import { join } from "node:path";
+import { createRequire } from "node:module";
+var require2 = createRequire(import.meta.url);
+var astroBin = require2.resolve("astro");
 var appPath = join(__dirname, "..");
 async function buildStudio({ outDir }) {
   process.env.ASTRO_OUT_DIR = outDir;
-  const { stdout } = await execa(astroBin, ["build", "--root", appPath]);
+  const { stdout } = await execa(astroBin, ["build", "--root", appPath], {
+    cwd: appPath
+  });
   logger.log(stdout);
 }
 async function serveStudio() {
   const result = execa(astroBin, ["dev", "--root", appPath], {
-    stdio: "inherit"
+    stdio: "inherit",
+    cwd: appPath
   });
   result.stdout?.pipe(process.stdout);
   result.stderr?.pipe(process.stderr);
@@ -2076,7 +2081,8 @@ async function serveStudio() {
 async function previewStudio({ outDir }) {
   process.env.ASTRO_OUT_DIR = outDir;
   const result = execa(astroBin, ["preview", "--root", appPath], {
-    stdio: "inherit"
+    stdio: "inherit",
+    cwd: appPath
   });
   result.stdout?.pipe(process.stdout);
   result.stderr?.pipe(process.stderr);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -14,7 +14,8 @@
     "src",
     "public",
     "styled-system",
-    "*.ts"
+    "*.ts",
+    "*.mjs"
   ],
   "keywords": [
     "panda",
@@ -25,26 +26,26 @@
   "author": "Segun Adebayo <joseshegs@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@ark-ui/react": "0.7.0",
+    "@ark-ui/react": "0.7.2",
     "@astrojs/react": "2.2.1",
-    "astro": "2.7.0",
+    "astro": "2.7.2",
     "javascript-stringify": "2.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "4.3.9",
-    "@pandacss/types": "0.5.0",
-    "@pandacss/config": "0.5.0",
-    "@pandacss/shared": "0.5.0",
-    "@pandacss/token-dictionary": "0.5.0",
-    "@pandacss/logger": "0.5.0",
-    "@pandacss/node": "0.5.0"
+    "@pandacss/types": "0.6.0",
+    "@pandacss/config": "0.6.0",
+    "@pandacss/shared": "0.6.0",
+    "@pandacss/token-dictionary": "0.6.0",
+    "@pandacss/logger": "0.6.0",
+    "@pandacss/node": "0.6.0"
   },
   "devDependencies": {
     "@types/react": "18.2.14",
     "@types/react-dom": "18.2.6",
     "@vitejs/plugin-react": "4.0.1",
     "execa": "7.1.1",
-    "@pandacss/dev": "0.5.0"
+    "@pandacss/dev": "0.6.0"
   },
   "scripts": {
     "codegen": "panda",

package/src/components/analyzer/category-utilities.tsx

@@ -78,12 +78,14 @@ export const ByCategory = ({ byCategory }: { byCategory: Record<string, number[]
         {keys.map((category) => (
           <CategoryUtilities key={category} category={category} byCategory={byCategory} sortedBy={sortedBy} />
         ))}
-        <CategoryUtilities
-          className={gridItem({ colSpan: 2 })}
-          category="unknown"
-          byCategory={byCategory}
-          sortedBy={sortedBy}
-        />
+        {unknown ? (
+          <CategoryUtilities
+            className={gridItem({ colSpan: 2 })}
+            category="unknown"
+            byCategory={byCategory}
+            sortedBy={sortedBy}
+          />
+        ) : null}
       </Grid>
     </Section>
   )

package/styled-system/chunks/src__components__analyzer__category-utilities.css

@@ -11,6 +11,12 @@
     }
   }
 
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
   .p_4px_8px {
     padding: 4px 8px;
   }
@@ -57,6 +63,24 @@
     }
   }
 
+  .hover\:opacity_0\.6 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.6;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .list-style_none {
     list-style: none;
   }
@@ -190,4 +214,12 @@
       }
     }
   }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
 }

package/styled-system/chunks/src__components__analyzer__data-combobox.css

@@ -27,6 +27,18 @@
     }
   }
 
+  .highlighted\:bg_border {
+    &[data-highlighted] {
+      background: var(--colors-border);
+    }
+  }
+
+  .expanded\:transform_rotate\(180deg\) {
+    &:where([aria-expanded='true'], [data-expanded]) {
+      transform: rotate(180deg);
+    }
+  }
+
   .transition_all_\.2s_ease {
     transition: all 0.2s ease;
   }

package/styled-system/chunks/src__components__analyzer__file-details.css

@@ -35,6 +35,24 @@
     }
   }
 
+  .hover\:bg_gray\.100 {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-gray-100);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .ml_auto {
     margin-left: auto;
   }

package/styled-system/chunks/src__components__analyzer__report-item-link.css

@@ -99,6 +99,54 @@
     }
   }
 
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .pos_relative {
     position: relative;
   }

package/styled-system/chunks/src__components__analyzer__utility-details.css

@@ -11,6 +11,12 @@
     }
   }
 
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
   .p_4px_8px {
     padding: 4px 8px;
   }
@@ -57,6 +63,24 @@
     }
   }
 
+  .hover\:opacity_0\.8 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.8;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .list-style_none {
     list-style: none;
   }
@@ -211,4 +235,12 @@
       }
     }
   }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
 }

package/styled-system/chunks/src__components__color-wrapper.css

@@ -95,6 +95,54 @@
     }
   }
 
+  .before\:content_\'\' {
+    &::before {
+      content: '';
+    }
+  }
+
+  .before\:pos_absolute {
+    &::before {
+      position: absolute;
+    }
+  }
+
+  .before\:rounded_sm {
+    &::before {
+      border-radius: var(--radii-sm);
+    }
+  }
+
+  .before\:w_100\% {
+    &::before {
+      width: 100%;
+    }
+  }
+
+  .before\:h_100\% {
+    &::before {
+      height: 100%;
+    }
+  }
+
+  .before\:bg_24px {
+    &::before {
+      background-size: 24px;
+    }
+  }
+
+  .before\:z_-1 {
+    &::before {
+      z-index: -1;
+    }
+  }
+
+  .before\:bg-img_check {
+    &::before {
+      background-image: var(--assets-check);
+    }
+  }
+
   .w_full {
     width: var(--sizes-full);
   }

package/styled-system/chunks/src__components__input.css

@@ -61,6 +61,37 @@
     }
   }
 
+  .dark\:text_neutral\.300 {
+    &.dark,
+    .dark & {
+      color: var(--colors-neutral-300);
+    }
+  }
+
+  .focusWithin\:outline-style_solid {
+    &:focus-within {
+      outline-style: solid;
+    }
+  }
+
+  .focusWithin\:ring_2px {
+    &:focus-within {
+      outline-width: 2px;
+    }
+  }
+
+  .focusWithin\:ring_2px {
+    &:focus-within {
+      outline-offset: 2px;
+    }
+  }
+
+  .focusWithin\:ring_neutral\.400 {
+    &:focus-within {
+      outline-color: var(--colors-neutral-400);
+    }
+  }
+
   .bg_transparent {
     background: var(--colors-transparent);
   }

package/styled-system/chunks/src__components__layer-styles.css

@@ -38,6 +38,19 @@
     }
   }
 
+  .divide-y_1px {
+    & > :not([hidden]) ~ :not([hidden]) {
+      border-top-width: 1px;
+      border-bottom-width: 0px;
+    }
+  }
+
+  .divide_card {
+    & > :not([hidden]) ~ :not([hidden]) {
+      border-color: var(--colors-card);
+    }
+  }
+
   .px_1 {
     padding-inline: var(--spacing-1);
   }

package/styled-system/chunks/src__components__nav-item.css

@@ -11,6 +11,12 @@
     }
   }
 
+  .hover\:shadow_lg {
+    &:where(:hover, [data-hover]) {
+      box-shadow: var(--shadows-lg);
+    }
+  }
+
   .w_60 {
     width: var(--sizes-60);
   }
@@ -127,6 +133,36 @@
     }
   }
 
+  .\[\&_svg\]\:font_normal {
+    & svg {
+      font-weight: var(--font-weights-normal);
+    }
+  }
+
+  .\[\&_svg\]\:fs_xx-large {
+    & svg {
+      font-size: xx-large;
+    }
+  }
+
+  .\[\&_svg\]\:mb_6 {
+    & svg {
+      margin-bottom: var(--spacing-6);
+    }
+  }
+
+  .\[\&_svg\]\:h_6 {
+    & svg {
+      height: var(--sizes-6);
+    }
+  }
+
+  .\[\&_svg\]\:w_6 {
+    & svg {
+      width: var(--sizes-6);
+    }
+  }
+
   .font_semibold {
     font-weight: var(--font-weights-semibold);
   }

package/styled-system/chunks/src__components__overview.css

@@ -146,4 +146,16 @@
       box-shadow: var(--shadows-lg);
     }
   }
+
+  .\[\&\:hover\]\:bg_\#4049f0 {
+    &:hover {
+      background: #4049f0;
+    }
+  }
+
+  .\[\&\:hover\]\:shadow_lg {
+    &:hover {
+      box-shadow: var(--shadows-lg);
+    }
+  }
 }

package/styled-system/chunks/src__components__side-nav-item.css

@@ -23,6 +23,18 @@
     }
   }
 
+  .hover\:text_yellow\.300 {
+    &:where(:hover, [data-hover]) {
+      color: var(--colors-yellow-300);
+    }
+  }
+
+  .currentPage\:text_yellow\.300 {
+    &[aria-current='page'] {
+      color: var(--colors-yellow-300);
+    }
+  }
+
   .d_block {
     display: block;
   }

package/styled-system/chunks/src__components__theme-toggle.css

@@ -11,6 +11,12 @@
     }
   }
 
+  .\[\&\.active\]\:text_yellow\.300 {
+    &.active {
+      color: var(--colors-yellow-300);
+    }
+  }
+
   .cursor_pointer {
     cursor: pointer;
   }

package/styled-system/chunks/src__components__token-analyzer.css

@@ -135,6 +135,72 @@
     }
   }
 
+  .\[\&_li\]\:cursor_pointer {
+    & li {
+      cursor: pointer;
+    }
+  }
+
+  .hover\:opacity_0\.8 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.8;
+    }
+  }
+
+  .hover\:bg_border {
+    &:where(:hover, [data-hover]) {
+      background-color: var(--colors-border);
+    }
+  }
+
+  .hover\:bg_border {
+    &:where(:hover, [data-hover]) {
+      background: var(--colors-border);
+    }
+  }
+
+  .hover\:opacity_0\.6 {
+    &:where(:hover, [data-hover]) {
+      opacity: 0.6;
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
+  .hover\:opacity_1 {
+    &:where(:hover, [data-hover]) {
+      opacity: 1;
+    }
+  }
+
+  .hover\:border-b_black {
+    &:where(:hover, [data-hover]) {
+      border-bottom-color: var(--colors-black);
+    }
+  }
+
   .p_4px_8px {
     padding: 4px 8px;
   }
@@ -408,4 +474,12 @@
       }
     }
   }
+
+  .\[\&_li\]\:hover\:opacity_0\.8 {
+    & li {
+      &:where(:hover, [data-hover]) {
+        opacity: 0.8;
+      }
+    }
+  }
 }

package/styled-system/chunks/src__layouts__Sidebar.css

@@ -134,4 +134,16 @@
       padding-inline: var(--spacing-8);
     }
   }
+
+  .md\:px_6 {
+    @media screen and (min-width: 768px) {
+      padding-inline: var(--spacing-6);
+    }
+  }
+
+  .lg\:px_8 {
+    @media screen and (min-width: 1024px) {
+      padding-inline: var(--spacing-8);
+    }
+  }
 }

package/styled-system/css/css.mjs

@@ -36,7 +36,7 @@ const classNameMap = {
   flexGrow: 'grow',
   flexShrink: 'shrink',
   gridTemplateColumns: 'grid-cols',
-  gridTemplateRows: 'grid-cols',
+  gridTemplateRows: 'grid-rows',
   gridColumn: 'col-span',
   gridRow: 'row-span',
   gridColumnStart: 'col-start',

package/styled-system/css/cva.mjs

@@ -30,7 +30,7 @@ export function cva(config) {
 
   return Object.assign(cvaFn, {
     __cva__: true,
-    variants: variantMap,
+    variantMap,
     variantKeys,
     resolve,
     config,

package/styled-system/helpers.mjs

@@ -7,7 +7,7 @@ function isObject(value) {
 var newRule = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g
 var ruleClean = /\/\*[^]*?\*\/|\s\s+|\n/g
 var astish = (val, tree = [{}]) => {
-  const block = newRule.exec(val.replace(ruleClean, ''))
+  const block = newRule.exec((val ?? '').replace(ruleClean, ''))
   if (!block) return tree[0]
   if (block[4]) tree.shift()
   else if (block[3]) tree.unshift((tree[0][block[3]] = tree[0][block[3]] || {}))
@@ -73,6 +73,7 @@ function mergeProps(...sources) {
 }
 
 // src/walk-object.ts
+var isNotNullish = (element) => element != null
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options
   function inner(value, path = []) {
@@ -84,7 +85,10 @@ function walkObject(target, predicate, options = {}) {
         if (stop?.(value, childPath)) {
           return predicate(value, path)
         }
-        result[key] = inner(child, childPath)
+        const next = inner(child, childPath)
+        if (isNotNullish(next)) {
+          result[key] = next
+        }
       }
       return result
     }
@@ -202,11 +206,12 @@ var memo = (fn) => {
   return get
 }
 
-// src/hypenate.ts
-var dashCaseRegex = /[A-Z]/g
+// src/hypenate-property.ts
+var wordRegex = /([A-Z])/g
+var msRegex = /^ms-/
 var hypenateProperty = memo((property) => {
   if (property.startsWith('--')) return property
-  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`)
+  return property.replace(wordRegex, '-$1').replace(msRegex, '-ms-').toLowerCase()
 })
 
 // src/normalize-html.ts

package/styled-system/jsx/index.d.ts

@@ -1,5 +1,6 @@
 /* eslint-disable */
 export * from './factory'
+export * from './is-valid-prop'
 export * from './box'
 export * from './flex'
 export * from './stack'

package/styled-system/jsx/index.mjs

@@ -1,4 +1,5 @@
 export * from './factory.mjs'
+export * from './is-valid-prop.mjs'
 export * from './box.mjs'
 export * from './flex.mjs'
 export * from './stack.mjs'

package/styled-system/jsx/is-valid-prop.d.ts

@@ -0,0 +1,4 @@
+/* eslint-disable */
+declare const isCssProperty: (value: string) => boolean;
+
+export { isCssProperty };

package/styled-system/patterns/grid-item.mjs

@@ -8,7 +8,9 @@ const gridItemConfig = {
     return {
       gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,
       gridRow: rowSpan != null ? map(rowSpan, spanFn) : void 0,
+      gridColumnStart: colStart,
       gridColumnEnd: colEnd,
+      gridRowStart: rowStart,
       gridRowEnd: rowEnd,
       ...rest,
     }

package/styled-system/styles.css

@@ -1,11 +1,11 @@
 @layer reset, base, tokens, recipes, utilities;
 
+@import './reset.css';
+
 @import './global.css';
 
 @import './static.css';
 
-@import './reset.css';
-
 @import './tokens/index.css';
 
 @import './tokens/keyframes.css';

package/styled-system/types/global.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { RecipeVariantRecord, RecipeConfig } from './recipe'
 import type { Parts } from './parts'
-import type { PatternConfig } from './pattern'
+import type { PatternConfig, PatternProperties } from './pattern'
 import type { GlobalStyleObject, SystemStyleObject } from './system-types'
 import type { CompositionStyles } from './composition'
 
@@ -11,6 +11,6 @@ declare module '@pandacss/dev' {
   export function defineGlobalStyles(definition: GlobalStyleObject): GlobalStyleObject
   export function defineTextStyles(definition: CompositionStyles['textStyles']): CompositionStyles['textStyles']
   export function defineLayerStyles(definition: CompositionStyles['layerStyles']): CompositionStyles['layerStyles']
-  export function definePattern<T>(config: PatternConfig<T>): PatternConfig
+  export function definePattern<T extends PatternProperties>(config: PatternConfig<T>): PatternConfig
   export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>;
 }

package/styled-system/types/pattern.d.ts

@@ -15,7 +15,7 @@ export type PatternHelpers = {
   map: (value: any, fn: (value: string) => string | undefined) => any
 }
 
-type PatternProperties = Record<string, PatternProperty>
+export type PatternProperties = Record<string, PatternProperty>
 
 type Props<T> = Record<LiteralUnion<keyof T>, any>
 

package/styled-system/types/prop-type.d.ts

@@ -155,8 +155,8 @@ type PropertyValueTypes  = {
 	animationDelay: Tokens["durations"];
 	scale: "auto" | CssProperties["scale"];
 	translate: "auto" | CssProperties["translate"];
-	translateX: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full";
-	translateY: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full";
+	translateX: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
+	translateY: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
 	accentColor: Tokens["colors"];
 	caretColor: Tokens["colors"];
 	scrollbar: "visible" | "hidden";

package/{virtual-panda.ts → virtual-panda.mjs}

@@ -1,7 +1,5 @@
 import { analyzeTokens, findConfig, loadConfigAndCreateContext, writeAnalyzeJSON } from '@pandacss/node'
-import type { AstroIntegration } from 'astro'
 import { stringify } from 'javascript-stringify'
-import type { Plugin as VitePlugin } from 'vite'
 
 import { dirname, resolve } from 'path'
 import { fileURLToPath } from 'url'
@@ -13,8 +11,11 @@ const _dirname = dirname(fileURLToPath(import.meta.url))
 const analysisDataFilepath = 'src/lib/analysis.json'
 const jsonPath = resolve(_dirname, analysisDataFilepath)
 
-function vitePlugin(): VitePlugin {
-  let config: any
+/**
+ * @returns import('vite').VitePlugin
+ */
+function vitePlugin() {
+  let config
 
   return {
     name: 'vite:panda',
@@ -50,7 +51,10 @@ function vitePlugin(): VitePlugin {
   }
 }
 
-const virtualPanda = (): AstroIntegration => ({
+/**
+ * @returns import('astro').AstroIntegration
+ */
+const virtualPanda = () => ({
   name: 'virtual:panda',
   hooks: {
     'astro:config:setup': ({ updateConfig, addWatchFile }) => {