@pandacss/types 0.23.0 → 0.24.0

package/dist/artifact.d.ts

@@ -32,6 +32,8 @@ export type ArtifactId =
   | 'styles.css'
   | (string & {})
 
+export type CssArtifactType = 'preflight' | 'tokens' | 'static' | 'global' | 'keyframes'
+
 export type Artifact = Nullable<{
   id: ArtifactId
   dir?: string[]

package/dist/hooks.d.ts

@@ -1,6 +1,6 @@
 import type { HookKeys, Hookable } from 'hookable'
 import type { LoadConfigResult, UserConfig } from './config'
-import type { ParserResultType } from './parser'
+import type { ParserResultInterface } from './parser'
 
 type MaybeAsyncReturn = Promise<void> | void
 
@@ -20,7 +20,7 @@ export interface PandaHooks {
   /**
    * Called after the file styles are extracted and processed into the resulting ParserResult object.
    */
-  'parser:after': (file: string, result: ParserResultType | undefined) => void
+  'parser:after': (file: string, result: ParserResultInterface | undefined) => void
   /**
    * Called after the extracted ParserResult has been transformed to a CSS string
    */

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export type * from './recipe'
 export type * from './runtime'
 export type * from './shared'
 export type * from './static-css'
+export type * from './style-rules'
 export type * from './system-types'
 export type * from './theme'
 export type * from './tokens'

package/dist/parser.d.ts

@@ -1,13 +1,14 @@
-import type { BoxNodeMap, BoxNodeLiteral, Unboxed, BoxNodeArray } from '@pandacss/extractor'
+import type { BoxNodeArray, BoxNodeLiteral, BoxNodeMap, Unboxed } from '@pandacss/extractor'
 
 export interface ResultItem {
   name?: string
   data: Array<Unboxed['raw']>
   type?: 'object' | 'cva' | 'sva' | 'pattern' | 'recipe' | 'jsx-factory' | 'jsx-pattern' | 'jsx-recipe' | 'jsx'
-  box: BoxNodeMap | BoxNodeLiteral | BoxNodeArray
+  box?: BoxNodeMap | BoxNodeLiteral | BoxNodeArray
 }
 
-export interface ParserResultType {
+export interface ParserResultInterface {
+  all: Array<ResultItem>
   jsx: Set<ResultItem>
   css: Set<ResultItem>
   cva: Set<ResultItem>
@@ -15,22 +16,16 @@ export interface ParserResultType {
   recipe: Map<string, Set<ResultItem>>
   pattern: Map<string, Set<ResultItem>>
   filePath: string | undefined
-  set: (name: 'cva' | 'css', result: ResultItem) => void
-  setSva: (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: () => {
-    sva: Array<ResultItem>
-    css: Array<ResultItem>
-    cva: Array<ResultItem>
-    recipe: Record<string, ResultItem[]>
-    pattern: Record<string, ResultItem[]>
-    jsx: Array<ResultItem>
+}
+
+export interface ShipJson {
+  schemaVersion: string
+  styles: {
+    atomic: string[]
+    recipes: {
+      [name: string]: string[]
+    }
   }
-  merge: (result: ParserResultType) => ParserResultType
 }

package/dist/runtime.d.ts

@@ -10,6 +10,12 @@ interface InputOptions {
   cwd?: string
 }
 
+export type WatcherEventType = 'add' | 'addDir' | 'change' | 'unlink' | 'unlinkDir'
+
+export interface WatchOptions extends InputOptions {
+  poll?: boolean
+}
+
 interface FileSystem {
   readDirSync(dir: string): string[]
   existsSync(fileLike: string): boolean
@@ -20,12 +26,13 @@ interface FileSystem {
   rmFileSync(file: string): void
   ensureDirSync(dirPath: string): void
   writeFileSync(filePath: string, content: string): void
-  watch(options: InputOptions & { poll?: boolean }): Watcher
+  watch(options: WatchOptions): Watcher
 }
 
 interface Path {
   join(...paths: string[]): string
   dirname(path: string): string
+  resolve(...paths: string[]): string
   extname(path: string): string
   relative(from: string, to: string): string
   isAbsolute(path: string): boolean

package/dist/static-css.d.ts

@@ -1,28 +1,28 @@
-interface CssRule {
+interface WithConditions {
   /**
-   * The css properties to generate utilities for.
-   * @example ['margin', 'padding']
-   */
-  properties: {
-    [property: string]: string[]
-  }
-  /**
-   * The css conditions to generate utilities for.
+   * The css conditions to generate for the rule.
    * @example ['hover', 'focus']
    */
   conditions?: string[]
+  responsive?: boolean
+}
+
+export interface CssRule extends WithConditions {
   /**
-   * Whether to generate responsive utilities.
+   * The css properties to generate utilities for.
+   * @example ['margin', 'padding']
    */
-  responsive?: boolean
+  properties: {
+    [property: string]: Array<string | number>
+  }
 }
 
-export type RecipeRule =
-  | '*'
-  | ({
-      conditions?: string[]
-      responsive?: boolean
-    } & { [variant: string]: boolean | string[] })
+interface RecipeRuleVariants {
+  [variant: string]: boolean | string[]
+}
+
+export type RecipeRule = '*' | (RecipeRuleVariants & WithConditions)
+export type PatternRule = '*' | CssRule
 
 export interface StaticCssOptions {
   /**
@@ -35,4 +35,10 @@ export interface StaticCssOptions {
   recipes?: {
     [recipe: string]: RecipeRule[]
   }
+  /**
+   * The css patterns to generate.
+   */
+  patterns?: {
+    [pattern: string]: PatternRule[]
+  }
 }

package/dist/style-rules.d.ts

@@ -0,0 +1,59 @@
+import type { RawCondition } from './conditions'
+
+export interface StyleResultObject {
+  [key: string]: any
+}
+export interface StyleProps extends StyleResultObject {
+  css?: StyleResultObject
+}
+
+export interface StyleEntry {
+  prop: string
+  value: string
+  cond: string
+  recipe?: string
+  slot?: string
+  layer?: string
+  variants?: boolean
+}
+
+interface ExpandedCondition extends RawCondition {
+  params?: string
+}
+
+export interface AtomicStyleResult {
+  result: StyleResultObject
+  entry: StyleEntry
+  hash: string
+  className: string
+  conditions?: ExpandedCondition[]
+  layer?: string
+}
+
+export interface GroupedResult extends Pick<AtomicStyleResult, 'result' | 'className'> {
+  hashSet: Set<string>
+  details: GroupedStyleResultDetails[]
+}
+
+export interface RecipeBaseResult extends GroupedResult {
+  recipe: string
+  slot?: string
+}
+
+export interface GroupedStyleResultDetails extends Pick<AtomicStyleResult, 'hash' | 'entry' | 'conditions'> {
+  result: StyleResultObject
+}
+
+export interface StyleDecoderInterface {
+  classNames: Map<string, AtomicStyleResult | RecipeBaseResult>
+  //
+  results: {
+    atomic: Set<AtomicStyleResult>
+    recipes: Map<string, Set<AtomicStyleResult>>
+    recipes_base: Map<string, Set<RecipeBaseResult>>
+  }
+  atomic: Set<AtomicStyleResult>
+  //
+  recipes: Map<string, Set<AtomicStyleResult>>
+  recipes_base: Map<string, Set<RecipeBaseResult>>
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -13,6 +13,12 @@
     "./package.json": "./package.json"
   },
   "sideEffects": false,
+  "homepage": "https://panda-css.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chakra-ui/panda.git",
+    "directory": "packages/types"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -24,7 +30,7 @@
     "hookable": "5.5.3",
     "ncp": "^2.0.0",
     "pkg-types": "1.0.3",
-    "@pandacss/extractor": "0.23.0"
+    "@pandacss/extractor": "0.24.0"
   },
   "scripts": {
     "dev": "tsx scripts/watch.ts",