@pandacss/studio 1.4.3 → 1.5.1

package/dist/studio.mjs

@@ -1,4 +1,4 @@
-// ../../node_modules/.pnpm/tsup@8.5.0_@swc+core@1.13.5_jiti@2.4.2_postcss@8.5.6_tsx@4.20.6_typescript@5.8.3_yaml@2.7.0/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.1_@swc+helpers@0.5.17__jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/esm_shims.js
 import path from "path";
 import { fileURLToPath } from "url";
 var getFilename = () => fileURLToPath(import.meta.url);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "1.4.3",
+  "version": "1.5.1",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -44,16 +44,16 @@
   "license": "MIT",
   "dependencies": {
     "@astrojs/react": "4.3.0",
-    "astro": "5.5.5",
+    "astro": "5.15.6",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "vite": "7.0.6",
-    "@pandacss/config": "1.4.3",
-    "@pandacss/logger": "1.4.3",
-    "@pandacss/shared": "1.4.3",
-    "@pandacss/token-dictionary": "1.4.3",
-    "@pandacss/types": "1.4.3",
-    "@pandacss/astro-plugin-studio": "1.4.3"
+    "vite": "7.2.2",
+    "@pandacss/config": "1.5.1",
+    "@pandacss/logger": "1.5.1",
+    "@pandacss/shared": "1.5.1",
+    "@pandacss/token-dictionary": "1.5.1",
+    "@pandacss/types": "1.5.1",
+    "@pandacss/astro-plugin-studio": "1.5.1"
   },
   "devDependencies": {
     "@types/react": "19.2.2",

package/styled-system/jsx/create-style-context.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SlotRecipeRuntimeFn, RecipeVariantProps } from '../types/recipe';
 import type { JsxHTMLProps, JsxStyleProps, Assign } from '../types/system-types';
-import type { JsxFactoryOptions, ComponentProps } from '../types/jsx';
+import type { JsxFactoryOptions, ComponentProps, DataAttrs, AsProps } from '../types/jsx';
 import type { ComponentType, ElementType } from 'react'
 
 interface UnstyledProps {
@@ -19,11 +19,11 @@ type SlotRecipe = SvaFn | SlotRecipeFn
 type InferSlot<R extends SlotRecipe> = R extends SlotRecipeFn ? R['__slot'] : R extends SvaFn<infer S> ? S : never
 
 interface WithProviderOptions<P = {}> {
-  defaultProps?: Partial<P> | undefined
+  defaultProps?: (Partial<P> & DataAttrs) | undefined
 }
 
 type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<
-  JsxHTMLProps<ComponentProps<T> & UnstyledProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
 >
 
 type StyleContextRootProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<
@@ -31,7 +31,7 @@ type StyleContextRootProvider<T extends ElementType, R extends SlotRecipe> = Com
 >
 
 type StyleContextConsumer<T extends ElementType> = ComponentType<
-  JsxHTMLProps<ComponentProps<T> & UnstyledProps, JsxStyleProps>
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>
 >
 
 export interface StyleContext<R extends SlotRecipe> {

package/styled-system/jsx/create-style-context.mjs

@@ -5,9 +5,29 @@ import { panda } from './factory.mjs';
 import { getDisplayName } from './factory-helper.mjs';
 import { createContext, useContext, createElement, forwardRef } from 'react'
 
+function createSafeContext(contextName) {
+  const Context = createContext(undefined)
+  const useStyleContext = (componentName, slot) => {
+    const context = useContext(Context)
+    if (context === undefined) {
+      const componentInfo = componentName ? `Component "${componentName}"` : 'A component'
+      const slotInfo = slot ? ` (slot: "${slot}")` : ''
+      
+      throw new Error(
+        `${componentInfo}${slotInfo} cannot access ${contextName} because it's missing its Provider.`
+      )
+    }
+    return context
+  }
+  return [Context, useStyleContext]
+}
+
 export function createStyleContext(recipe) {
-  const StyleContext = createContext({})
   const isConfigRecipe = '__recipe__' in recipe
+  const recipeName = isConfigRecipe && recipe.__name__ ? recipe.__name__ : undefined
+  const contextName = recipeName ? `createStyleContext("${recipeName}")` : 'createStyleContext'
+  
+  const [StyleContext, useStyleContext] = createSafeContext(contextName)
   const svaFn = isConfigRecipe ? recipe : sva(recipe.config)
 
   const getResolvedProps = (props, slotStyles) => {
@@ -71,9 +91,10 @@ export function createStyleContext(recipe) {
 
   const withContext = (Component, slot, options) => {
     const StyledComponent = panda(Component, {}, options)
+    const componentName = getDisplayName(Component)
     
     const WithContext = forwardRef((props, ref) => {
-      const slotStyles = useContext(StyleContext)
+      const slotStyles = useStyleContext(componentName, slot)
 
       const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className }
       const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
@@ -84,7 +105,6 @@ export function createStyleContext(recipe) {
       })
     })
     
-    const componentName = getDisplayName(Component)
     WithContext.displayName = `withContext(${componentName})`
     
     return WithContext

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

@@ -7,6 +7,8 @@ interface Dict {
   [k: string]: unknown
 }
 
+export type DataAttrs = Record<`data-${string}`, unknown>
+
 export interface UnstyledProps {
   /**
    * Whether to remove recipe styles
@@ -36,7 +38,7 @@ interface RecipeFn {
 
 export interface JsxFactoryOptions<TProps extends Dict> {
   dataAttr?: boolean
-  defaultProps?: Partial<TProps>
+  defaultProps?: Partial<TProps> & DataAttrs
   shouldForwardProp?: (prop: string, variantKeys: string[]) => boolean
   forwardProps?: string[]
 }