@pandacss/types 0.0.0-dev-20230614113002 → 0.0.0-dev-20230614152938

package/dist/config.d.ts

@@ -1,4 +1,5 @@
 import type { Conditions } from './conditions'
+import type { PandaHooks } from './hooks'
 import type { PatternConfig } from './pattern'
 import type { Extendable, RequiredBy, UnwrapExtend } from './shared'
 import type { StaticCssOptions } from './static-css'
@@ -193,13 +194,18 @@ type PresetOptions = {
   presets?: (string | Preset | Promise<Preset>)[]
 }
 
+type HooksOptions = {
+  hooks?: Partial<PandaHooks>
+}
+
 export type Config = StudioOptions &
   ExtendableOptions &
   CssgenOptions &
   CodegenOptions &
   FileSystemOptions &
   JsxOptions &
-  PresetOptions
+  PresetOptions &
+  HooksOptions
 
 export type Preset = ExtendableOptions & PresetOptions
 

package/dist/hooks.d.ts

@@ -0,0 +1,45 @@
+import type { TokenDictionary } from '@pandacss/token-dictionary'
+import type { HookKeys, Hookable } from 'hookable'
+import type { LoadConfigResult, UserConfig } from './config'
+import type { ParserResultType } from './parser'
+
+type MaybeAsyncReturn = Promise<void> | void
+
+export interface PandaHooks {
+  /**
+   * Called when the config is resolved, after all the presets are loaded and merged.
+   */
+  'config:resolved': (conf: LoadConfigResult) => MaybeAsyncReturn
+  /**
+   * Called when the config file or one of its dependencies (imports) has changed.
+   */
+  'config:change': (ctx: UserConfig) => MaybeAsyncReturn
+  /**
+   * Called after creating the TokenDictionary from the resolved config.
+   */
+  'generator:tokens': (tokenDictionary: TokenDictionary) => void
+  /**
+   * Called after reading the file content but before parsing it.
+   */
+  'parser:before': (file: string, content: string) => void
+  /**
+   * Called after the file styles are extracted and processed into the resulting ParserResult object.
+   */
+  'parser:after': (file: string, result: ParserResultType | undefined) => void
+  /**
+   * Called after the extracted ParserResult has been transformed to a CSS string
+   */
+  'parser:css': (file: string, css: string | undefined) => void
+  /**
+   * Called before generating the design-system CSS files (global, static, preflight, tokens, keyframes)
+   */
+  'generator:css': (
+    file: 'global.css' | 'static.css' | 'reset.css' | 'tokens.css' | 'keyframes.css',
+    css: string,
+  ) => void
+}
+
+export type PandaHookable = Hookable<PandaHooks, HookKeys<PandaHooks>>
+export interface ConfigResultWithHooks extends LoadConfigResult {
+  hooks: PandaHookable
+}

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export type {
 export type { CompositionStyles, LayerStyles, TextStyles } from './composition'
 export type { ConditionDetails, ConditionType, Conditions, RawCondition } from './conditions'
 export type { Config, LoadConfigResult, Preset, UserConfig } from './config'
+export type { ConfigResultWithHooks, PandaHooks, PandaHookable } from './hooks'
 export type { ParserResultType, ResultItem } from './parser'
 export type { Part, Parts } from './parts'
 export type { PatternConfig, PatternHelpers, PatternProperty } from './pattern'

package/dist/parser.d.ts

@@ -13,12 +13,14 @@ export type ParserResultType = {
   cva: Set<ResultItem>
   recipe: Map<string, Set<ResultItem>>
   pattern: Map<string, Set<ResultItem>>
+  filePath: string | undefined
   set: (name: 'cva' | 'css', result: ResultItem) => void
   setCva: (result: ResultItem) => void
   setJsx: (result: ResultItem) => void
   setRecipe: (name: string, result: ResultItem) => void
   setPattern: (name: string, result: ResultItem) => void
   isEmpty: () => boolean
+  setFilePath: (filePath: string) => ParserResultType
   toArray: () => Array<ResultItem>
   toJSON: () => {
     css: Array<ResultItem>

package/dist/pattern.d.ts

@@ -14,7 +14,11 @@ export type PatternHelpers = {
   map: (value: any, fn: (value: string) => string | undefined) => any
 }
 
-export type PatternConfig<T = PatternProperty> = {
+type PatternProperties = Record<string, PatternProperty>
+
+type Props<T> = Record<LiteralUnion<keyof T>, any>
+
+export type PatternConfig<T extends PatternProperties = PatternProperties> = {
   /**
    * The description of the pattern. This will be used in the JSDoc comment.
    */
@@ -27,14 +31,11 @@ export type PatternConfig<T = PatternProperty> = {
   /**
    * The properties of the pattern.
    */
-  properties: T extends Record<string, PatternProperty> ? T : Record<string, PatternProperty>
+  properties: T
   /**
    * The css object this pattern will generate.
    */
-  transform?: (
-    props: T extends Record<infer Keys, PatternProperty> ? Record<Keys, any> : Record<string, PatternProperty>,
-    helpers: PatternHelpers,
-  ) => SystemStyleObject
+  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject
   /**
    * The jsx element name this pattern will generate.
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.0.0-dev-20230614113002",
+  "version": "0.0.0-dev-20230614152938",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -13,10 +13,10 @@
   ],
   "devDependencies": {
     "chokidar-cli": "^3.0.0",
-    "csstype": "3.1.2"
-  },
-  "dependencies": {
-    "@pandacss/extractor": "0.0.0-dev-20230614113002"
+    "csstype": "3.1.2",
+    "hookable": "5.5.3",
+    "@pandacss/extractor": "0.0.0-dev-20230614152938",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230614152938"
   },
   "scripts": {
     "build": "tsx scripts/build.ts",