@pandacss/studio 0.0.0-dev-20240501191510 → 0.0.0-dev-20240503130204

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.0.0-dev-20240501191510",
+  "version": "0.0.0-dev-20240503130204",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -48,12 +48,12 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "5.1.7",
-    "@pandacss/config": "0.0.0-dev-20240501191510",
-    "@pandacss/logger": "0.0.0-dev-20240501191510",
-    "@pandacss/shared": "0.0.0-dev-20240501191510",
-    "@pandacss/token-dictionary": "0.0.0-dev-20240501191510",
-    "@pandacss/types": "0.0.0-dev-20240501191510",
-    "@pandacss/astro-plugin-studio": "0.0.0-dev-20240501191510"
+    "@pandacss/config": "0.0.0-dev-20240503130204",
+    "@pandacss/logger": "0.0.0-dev-20240503130204",
+    "@pandacss/shared": "0.0.0-dev-20240503130204",
+    "@pandacss/token-dictionary": "0.0.0-dev-20240503130204",
+    "@pandacss/types": "0.0.0-dev-20240503130204",
+    "@pandacss/astro-plugin-studio": "0.0.0-dev-20240503130204"
   },
   "devDependencies": {
     "@types/react": "18.2.55",

package/styled-system/css/css.d.ts

@@ -1,9 +1,18 @@
 /* eslint-disable */
 import type { SystemStyleObject } from '../types/index';
 
+type Styles = SystemStyleObject | undefined | null | false
+
 interface CssFunction {
-  (...styles: Array<SystemStyleObject | undefined | null | false>): string
-  raw: (...styles: Array<SystemStyleObject | undefined | null | false>) => SystemStyleObject
+  (styles: Styles): string
+  (styles: Styles[]): string
+  (...styles: Array<Styles | Styles[]>): string
+  (styles: Styles): string
+
+  raw: (styles: Styles) => string
+  raw: (styles: Styles[]) => string
+  raw: (...styles: Array<Styles | Styles[]>) => string
+  raw: (styles: Styles) => string
 }
 
 export declare const css: CssFunction;

package/styled-system/helpers.mjs

@@ -180,7 +180,7 @@ function createCss(context) {
   });
 }
 function compactStyles(...styles) {
-  return styles.filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
+  return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
 }
 function createMergeCss(context) {
   function resolve(styles) {

package/styled-system/jsx/factory.mjs

@@ -31,13 +31,13 @@ function styledFn(Dynamic, configOrCva = {}, options = {}) {
     function recipeClass() {
       const { css: cssStyles, ...propStyles } = styleProps
       const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps)
-      return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, ...(Array.isArray(cssStyles) ? cssStyles : [cssStyles])), combinedProps.className)
+      return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.className)
     }
 
     function cvaClass() {
       const { css: cssStyles, ...propStyles } = styleProps
       const cvaStyles = __cvaFn__.raw(variantProps)
-      return cx(css(cvaStyles, propStyles, ...(Array.isArray(cssStyles) ? cssStyles : [cssStyles])), combinedProps.className)
+      return cx(css(cvaStyles, propStyles, cssStyles), combinedProps.className)
     }
 
     const classes = configOrCva.__recipe__ ? recipeClass : cvaClass

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

@@ -10,7 +10,6 @@ export * from './spacer';
 export * from './square';
 export * from './circle';
 export * from './center';
-export * from './link-box';
 export * from './link-overlay';
 export * from './aspect-ratio';
 export * from './grid';

package/styled-system/jsx/index.mjs

@@ -9,7 +9,6 @@ export * from './spacer.mjs';
 export * from './square.mjs';
 export * from './circle.mjs';
 export * from './center.mjs';
-export * from './link-box.mjs';
 export * from './link-overlay.mjs';
 export * from './aspect-ratio.mjs';
 export * from './grid.mjs';

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

@@ -8,7 +8,6 @@ export * from './spacer';
 export * from './square';
 export * from './circle';
 export * from './center';
-export * from './link-box';
 export * from './link-overlay';
 export * from './aspect-ratio';
 export * from './grid';

package/styled-system/patterns/index.mjs

@@ -7,7 +7,6 @@ export * from './spacer.mjs';
 export * from './square.mjs';
 export * from './circle.mjs';
 export * from './center.mjs';
-export * from './link-box.mjs';
 export * from './link-overlay.mjs';
 export * from './aspect-ratio.mjs';
 export * from './grid.mjs';

package/styled-system/patterns/link-overlay.mjs

@@ -4,12 +4,9 @@ import { css } from '../css/index.mjs';
 const linkOverlayConfig = {
 transform(props) {
   return {
-    position: "static",
     _before: {
       content: '""',
-      display: "block",
       position: "absolute",
-      cursor: "inherit",
       inset: "0",
       zIndex: "0",
       ...props["_before"]