@pandacss/types 0.31.0 → 0.32.0

package/dist/config.d.ts

@@ -184,13 +184,13 @@ interface FileSystemOptions {
   logLevel?: 'debug' | 'info' | 'warn' | 'error' | 'silent'
 }
 
-type JsxFramework = 'react' | 'solid' | 'preact' | 'vue' | 'qwik'
+export type JsxFramework = 'react' | 'solid' | 'preact' | 'vue' | 'qwik'
 
 interface JsxOptions {
   /**
    * The framework to use for generating supercharged elements.
    */
-  jsxFramework?: JsxFramework
+  jsxFramework?: JsxFramework | (string & {})
   /**
    * The factory name of the element
    * @default 'styled'
@@ -341,10 +341,18 @@ interface PresetOptions {
   presets?: (string | Preset | Promise<Preset>)[]
 }
 
-interface HooksOptions {
+export interface HooksOptions {
   hooks?: Partial<PandaHooks>
 }
 
+export interface PandaPlugin extends HooksOptions {
+  name: string
+}
+
+export interface PluginsOptions {
+  plugins?: PandaPlugin[]
+}
+
 export interface Config
   extends StudioOptions,
     ExtendableOptions,
@@ -353,7 +361,8 @@ export interface Config
     FileSystemOptions,
     JsxOptions,
     PresetOptions,
-    HooksOptions {
+    HooksOptions,
+    PluginsOptions {
   /**
    * Whether to opt-out of the defaults config presets: [`@pandacss/preset-base`, `@pandacss/preset-panda`]
    * @default 'false'

package/dist/hooks.d.ts

@@ -41,7 +41,14 @@ export interface PandaHooks {
    * Called right before writing the codegen files to disk.
    * You can use this hook to tweak the codegen files before they are written to disk.
    */
-  'codegen:prepare': (args: CodegenPrepareHookArgs) => MaybeAsyncReturn
+  'codegen:prepare': (args: {
+    artifacts: Artifact[]
+    /**
+     * The original state of the artifacts, as it was generated by Panda, without any modification from other preset hooks
+     */
+    original?: Artifact[]
+    changed: ArtifactId[] | undefined
+  }) => MaybeAsyncReturn<Artifact[]>
   /**
    * Called after the codegen is completed
    */
@@ -173,7 +180,14 @@ type CssgenArtifact = 'global' | 'static' | 'reset' | 'tokens' | 'keyframes' | '
 
 export interface CssgenDoneHookArgs {
   artifact: CssgenArtifact
+  /**
+   * The current state of the CSS, if any other preset hook has modified the CSS, this will be the modified state
+   */
   content: string
+  /**
+   * The original state of the CSS, as it was generated by Panda, without any modification from other preset hooks
+   */
+  original?: string
 }
 
 /* -----------------------------------------------------------------------------

package/dist/recipe.d.ts

@@ -74,10 +74,6 @@ export interface RecipeDefinition<T extends RecipeVariantRecord = RecipeVariantR
    * The styles to apply when a combination of variants is selected.
    */
   compoundVariants?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]
-  /**
-   * Variants to pre-generate, will be include in the final `config.staticCss`
-   */
-  staticCss?: RecipeRule[]
 }
 
 export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>
@@ -98,6 +94,10 @@ interface RecipeConfigMeta {
    * @example ['Button', 'Link', /Button$/]
    */
   jsx?: Array<string | RegExp>
+  /**
+   * Variants to pre-generate, will be include in the final `config.staticCss`
+   */
+  staticCss?: RecipeRule[]
 }
 
 export interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>
@@ -152,10 +152,6 @@ export interface SlotRecipeDefinition<
    * The styles to apply when a combination of variants is selected.
    */
   compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]
-  /**
-   * Variants to pre-generate, will be include in the final `config.staticCss`
-   */
-  staticCss?: RecipeRule[]
 }
 
 export type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -27,10 +27,10 @@
   ],
   "devDependencies": {
     "csstype": "3.1.3",
-    "microdiff": "^1.3.2",
-    "ncp": "^2.0.0",
+    "microdiff": "1.3.2",
+    "ncp": "2.0.0",
     "pkg-types": "1.0.3",
-    "@pandacss/extractor": "0.31.0"
+    "@pandacss/extractor": "0.32.0"
   },
   "scripts": {
     "dev": "tsx scripts/watch.ts",