@pandacss/types 0.19.0 → 0.21.0

package/dist/artifact.d.ts

@@ -0,0 +1,49 @@
+import type { Nullable } from './shared'
+
+export interface ArtifactContent {
+  file: string
+  code: string | undefined
+}
+
+export type ArtifactId =
+  | 'helpers'
+  | 'keyframes'
+  | 'design-tokens'
+  | 'types'
+  | 'css-fn'
+  | 'cva'
+  | 'sva'
+  | 'cx'
+  | 'create-recipe'
+  | 'recipes'
+  | 'recipes-index'
+  | 'patterns'
+  | 'patterns-index'
+  | 'jsx-is-valid-prop'
+  | 'jsx-helpers'
+  | 'jsx-factory'
+  | 'jsx-patterns'
+  | 'jsx-patterns-index'
+  | 'css-index'
+  | 'reset.css'
+  | 'global.css'
+  | 'static.css'
+  | 'package.json'
+  | 'styles.css'
+  | (string & {})
+
+export type Artifact = Nullable<{
+  id: ArtifactId
+  dir?: string[]
+  files: ArtifactContent[]
+}>
+
+export interface AffectedArtifacts {
+  recipes: string[]
+  patterns: string[]
+}
+
+export interface ArtifactFilters {
+  ids?: ArtifactId[]
+  affecteds?: AffectedArtifacts
+}

package/dist/config.d.ts

@@ -2,7 +2,7 @@ import type { TSConfig } from 'pkg-types'
 import type { Conditions, ExtendableConditions } from './conditions'
 import type { PandaHooks } from './hooks'
 import type { PatternConfig } from './pattern'
-import type { RequiredBy } from './shared'
+import type { Keys, PathIn, RequiredBy } from './shared'
 import type { StaticCssOptions } from './static-css'
 import type { ExtendableGlobalStyleObject, GlobalStyleObject } from './system-types'
 import type { ExtendableTheme, Theme } from './theme'
@@ -14,7 +14,7 @@ export type CascadeLayer = 'reset' | 'base' | 'tokens' | 'recipes' | 'utilities'
 
 export type CascadeLayers = Record<CascadeLayer, string>
 
-interface StudioOptions {
+export interface StudioOptions {
   /**
    * Used to customize the design system studio
    * @default { title: 'Panda', logo: '🐼' }
@@ -52,6 +52,10 @@ interface PresetCore {
    * The global styles for your project.
    */
   globalCss: GlobalStyleObject
+  /**
+   * Used to generate css utility classes for your project.
+   */
+  staticCss: StaticCssOptions
   /**
    * The theme configuration for your project.
    */
@@ -71,6 +75,10 @@ interface ExtendablePatterns {
   extend?: Patterns | undefined
 }
 
+interface ExtendableStaticCssOptions extends StaticCssOptions {
+  extend?: StaticCssOptions | undefined
+}
+
 export interface ExtendableOptions {
   /**
    * The css selectors or media queries shortcuts.
@@ -81,6 +89,10 @@ export interface ExtendableOptions {
    * The global styles for your project.
    */
   globalCss?: ExtendableGlobalStyleObject
+  /**
+   * Used to generate css utility classes for your project.
+   */
+  staticCss?: ExtendableStaticCssOptions
   /**
    * The theme configuration for your project.
    */
@@ -125,7 +137,7 @@ interface FileSystemOptions {
    * }
    * ```
    */
-  importMap?: OutdirImportMap
+  importMap?: string | OutdirImportMap
   /**
    * List of files glob to watch for changes.
    * @default []
@@ -232,11 +244,6 @@ interface CssgenOptions {
    * @default ':where(:host, :root)'
    */
   cssVarRoot?: string
-  /**
-   * @experimental
-   * Used to generate css utility classes for your project.
-   */
-  staticCss?: StaticCssOptions
   /**
    * The css syntax kind to use
    * @default 'object-literal'
@@ -336,8 +343,11 @@ export interface ConfigTsOptions {
 }
 
 export interface LoadConfigResult {
+  /** Config path */
   path: string
   config: UserConfig
+  serialized: string
+  deserialize: () => Config
   tsconfig?: TSConfig
   tsOptions?: ConfigTsOptions
   tsconfigFile?: string
@@ -353,3 +363,14 @@ export interface PrefixOptions {
   tokens: string | undefined
   className: string | undefined
 }
+
+type ReqConf = Required<UserConfig>
+
+export type ConfigPath = Exclude<
+  | Exclude<NonNullable<Keys<ReqConf>>, 'theme'>
+  | PathIn<ReqConf, 'theme'>
+  | PathIn<ReqConf, 'patterns'>
+  | PathIn<ReqConf, 'staticCss'>
+  | (string & {}),
+  undefined
+>

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export type * from './analyze-report'
+export type * from './artifact'
 export type * from './composition'
 export type * from './conditions'
 export type * from './config'

package/dist/recipe.d.ts

@@ -1,3 +1,4 @@
+import type { RecipeRule } from './static-css'
 import type { SystemStyleObject, DistributiveOmit, Pretty } from './system-types'
 
 type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T
@@ -62,6 +63,10 @@ export interface RecipeDefinition<T extends RecipeVariantRecord> {
    * 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>

package/dist/shared.d.ts

@@ -12,14 +12,26 @@ export type RequiredBy<T, K extends keyof T> = Partial<Omit<T, K>> & Required<Pi
 
 export type AnyFunction<T = any> = (...args: T[]) => any
 
-type Nullable<T> = T | null | undefined
-
-export interface ArtifactContent {
-  file: string
-  code: string | undefined
-}
-
-export type Artifact = Nullable<{
-  dir?: string[]
-  files: ArtifactContent[]
-}>
+export type Nullable<T> = T | null | undefined
+
+export type Keys<T> = keyof NonNullable<T>
+
+type Subtract<T extends number, D extends number> = T extends D ? 0 : T extends D | any ? Exclude<T, D> : never
+
+/**
+ * Get all the (nested) paths of an object until a certain depth
+ * e.g. Paths<{a: {b: {c: 1}}}, '', 2> => 'a' | 'a.b' | 'a.b.c'
+ */
+type Paths<T, Prefix extends string = '', Depth extends number = 0> = {
+  [K in keyof T]: Depth extends 0
+    ? never
+    : T[K] extends object
+    ? K extends string
+      ? `${Prefix}${K}` | Paths<T[K], `${Prefix}${K}.`, Depth extends 1 ? 0 : Subtract<Depth, 1>>
+      : never
+    : K extends string | number
+    ? `${Prefix}${K}`
+    : never
+}[keyof T]
+
+export type PathIn<T, Key extends keyof T> = Key extends string ? Paths<T[Key], `${Key}.`, 1> : never

package/dist/static-css.d.ts

@@ -17,7 +17,7 @@ interface CssRule {
   responsive?: boolean
 }
 
-type RecipeRule =
+export type RecipeRule =
   | '*'
   | ({
       conditions?: string[]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -24,7 +24,7 @@
     "hookable": "5.5.3",
     "ncp": "^2.0.0",
     "pkg-types": "1.0.3",
-    "@pandacss/extractor": "0.19.0"
+    "@pandacss/extractor": "0.21.0"
   },
   "scripts": {
     "dev": "tsx scripts/watch.ts",