@pandacss/types 2.0.0-beta.13 → 2.0.0-beta.15

package/dist/config.d.ts

@@ -2,7 +2,7 @@ import type { TSConfig } from 'pkg-types'
 import type { Conditions, ExtendableConditions } from './conditions'
 import type { HookRegistry } from './hooks'
 import type { PatternConfig } from './pattern'
-import type { Keys, LiteralUnion, PathIn, RequiredBy } from './shared'
+import type { Keys, PathIn, RequiredBy } from './shared'
 import type { StaticCssOptions } from './static-css'
 import type {
   ExtendableGlobalFontface,
@@ -12,6 +12,7 @@ import type {
   SystemStyleObject,
 } from './system-types'
 import type { ExtendableTheme, Theme } from './theme'
+import type { CssPropertyDefinition, GlobalVarsDefinition } from './global-vars'
 import type { ExtendableUtilityConfig, UtilityConfig } from './utility'
 
 export type { TSConfig }
@@ -74,43 +75,7 @@ interface ExtendableStaticCssOptions extends StaticCssOptions {
   extend?: StaticCssOptions | undefined
 }
 
-export type CssPropertySyntax =
-  | '*'
-  | '<length>'
-  | '<number>'
-  | '<percentage>'
-  | '<length-percentage>'
-  | '<color>'
-  | '<image>'
-  | '<url>'
-  | '<integer>'
-  | '<angle>'
-  | '<time>'
-  | '<resolution>'
-  | '<transform-function>'
-  | '<length> | <percentage>'
-
-export interface CssPropertyDefinition {
-  /**
-   * Controls whether the custom property registration specified by @property inherits by default.
-   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/inherits
-   */
-  inherits: boolean
-  /**
-   * Sets the initial value for the property.
-   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/initial-value
-   */
-  initialValue?: string
-  /**
-   * Describes the allowable syntax for the property.
-   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/syntax
-   */
-  syntax: LiteralUnion<CssPropertySyntax>
-}
-
-export interface GlobalVarsDefinition {
-  [key: string]: string | CssPropertyDefinition
-}
+export type { CssPropertyDefinition, CssPropertySyntax, GlobalVarsDefinition } from './global-vars'
 
 interface ExtendableGlobalVars {
   [key: string]: string | CssPropertyDefinition | GlobalVarsDefinition | undefined
@@ -355,6 +320,12 @@ export interface OptimizeOptions {
    * Off by default. Namespace / side-effect imports still hydrate everything.
    */
   treeshakeDesignSystem?: boolean
+  /**
+   * Also seed `@property` registrations as plain declarations, for engines that ignore
+   * `@property` (Safari < 16.4, Firefox < 128) and would otherwise drop any declaration
+   * reading an unregistered variable. Off by default — modern engines don't need it.
+   */
+  propertyFallback?: boolean
 }
 
 interface CodegenOptions {
@@ -386,6 +357,7 @@ interface CodegenOptions {
   outExtension?: 'ts' | 'js' | 'mjs'
   /**
    * Whether generated import specifiers include runtime file extensions.
+   * When `outExtension` is `mjs`, this also emits `.d.mts` instead of `.d.ts`.
    * @default false
    */
   forceImportExtension?: boolean

package/dist/global-vars.d.ts

@@ -0,0 +1,39 @@
+import type { LiteralUnion } from './shared'
+
+export type CssPropertySyntax =
+  | '*'
+  | '<length>'
+  | '<number>'
+  | '<percentage>'
+  | '<length-percentage>'
+  | '<color>'
+  | '<image>'
+  | '<url>'
+  | '<integer>'
+  | '<angle>'
+  | '<time>'
+  | '<resolution>'
+  | '<transform-function>'
+  | '<length> | <percentage>'
+
+export interface CssPropertyDefinition {
+  /**
+   * Controls whether the custom property registration specified by @property inherits by default.
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/inherits
+   */
+  inherits: boolean
+  /**
+   * Sets the initial value for the property.
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/initial-value
+   */
+  initialValue?: string
+  /**
+   * Describes the allowable syntax for the property.
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/syntax
+   */
+  syntax: LiteralUnion<CssPropertySyntax>
+}
+
+export interface GlobalVarsDefinition {
+  [key: string]: string | CssPropertyDefinition
+}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export type * from './composition'
 export type * from './conditions'
 export type * from './config'
+export type * from './global-vars'
 export type * from './hooks'
 export type * from './parts'
 export type * from './pattern'

package/dist/system-types.d.ts

@@ -96,7 +96,9 @@ export interface ViewTransitionStyleObject {
   new?: SystemStyleObject
 }
 
-export type ViewTransitionFn = (options: ViewTransitionStyleObject) => string
+export type ViewTransitions = Record<string, ViewTransitionStyleObject>
+
+export type ViewTransitionFn = (options: ViewTransitionStyleObject | string) => string
 
 export interface GlobalStyleObject {
   [selector: string]: SystemStyleObject

package/dist/theme.d.ts

@@ -1,6 +1,6 @@
 import type { AnimationStyles, LayerStyles, TextStyles } from './composition'
 import type { RecipeConfig, SlotRecipeConfig } from './recipe'
-import type { CssKeyframes } from './system-types'
+import type { CssKeyframes, ViewTransitions } from './system-types'
 import type { SemanticTokens, Tokens } from './tokens'
 
 export interface ColorPaletteOptions {
@@ -50,6 +50,12 @@ export interface Theme {
    * The animation styles for your project.
    */
   animationStyles?: AnimationStyles
+  /**
+   * Named View Transition bags. Call `viewTransition('slide')` to use one.
+   * Panda emits the shared `::view-transition-*` CSS; you still set unique
+   * `view-transition-name` values at runtime.
+   */
+  viewTransitions?: ViewTransitions
   /**
    * Multi-variant style definitions for your project.
    * Useful for defining component styles.

package/dist/tokens.d.ts

@@ -52,10 +52,12 @@ export interface Shadow {
 
 export interface Gradient {
   type: 'linear' | 'radial'
+  /** A keyword (`to right`, `circle at center`) or an angle in degrees. */
   placement: string | number
   stops:
     | Array<{
         color: string
+        /** Distance along the gradient, as a percentage (`0` to `100`). */
         position: number
       }>
     | Array<string>

package/dist/utility.d.ts

@@ -1,3 +1,4 @@
+import type { GlobalVarsDefinition } from './global-vars'
 import type { LiteralUnion } from './shared'
 import type { CssProperty, NestedCssProperties } from './system-types'
 import type { Token, TokenCategory } from './tokens'
@@ -68,6 +69,11 @@ export interface PropertyConfig {
    * Whether this utility is deprecated or not.
    */
   deprecated?: boolean
+  /**
+   * `@property` registrations for the CSS variables this utility writes. Merged into the
+   * config-level `globalVars`, and pruned when the stylesheet never references them.
+   */
+  globalVars?: GlobalVarsDefinition
 }
 
 export type CssSemanticGroup =
@@ -88,6 +94,7 @@ export type CssSemanticGroup =
   | 'Layout'
   | 'List'
   | 'Margin'
+  | 'Mask'
   | 'Other'
   | 'Padding'
   | 'Position'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "2.0.0-beta.13",
+  "version": "2.0.0-beta.15",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",