@pandacss/types 2.0.0-beta.14 → 2.0.0-beta.16

package/dist/config.d.ts

@@ -2,16 +2,16 @@ 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,
   ExtendableGlobalStyleObject,
   GlobalFontface,
   GlobalStyleObject,
-  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 }
@@ -39,10 +39,6 @@ export interface PresetCore {
    * The global fontface for your project.
    */
   globalFontface?: GlobalFontface
-  /**
-   * The global custom position try fallback option
-   */
-  globalPositionTry?: GlobalPositionTry
   /**
    * Used to generate css utility classes for your project.
    */
@@ -74,58 +70,13 @@ 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
   extend?: GlobalVarsDefinition
 }
 
-export interface GlobalPositionTry {
-  [key: string]: SystemStyleObject
-}
-
-interface ExtendableGlobalPositionTry {
-  [key: string]: SystemStyleObject | GlobalPositionTry | undefined
-  extend?: GlobalPositionTry | undefined
-}
-
 export interface ThemeVariant extends Pick<Theme, 'tokens' | 'semanticTokens'> {}
 
 export interface ThemeVariantsMap {
@@ -154,7 +105,6 @@ export interface ExtendableOptions {
   /**
    * The global custom position try fallback option
    */
-  globalPositionTry?: ExtendableGlobalPositionTry
   /**
    * Used to generate css utility classes for your project.
    */
@@ -315,11 +265,6 @@ interface CssgenOptions {
    * @default ':where(:host, :root)'
    */
   cssVarRoot?: string
-  /**
-   * The css syntax kind to use
-   * @default 'object-literal'
-   */
-  syntax?: 'template-literal' | 'object-literal'
   /**
    * Layer mappings used in the generated css.
    * @default 'true'
@@ -355,6 +300,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 {

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,17 @@ export interface ViewTransitionStyleObject {
   new?: SystemStyleObject
 }
 
-export type ViewTransitionFn = (options: ViewTransitionStyleObject) => string
+export type ViewTransitions = Record<string, ViewTransitionStyleObject>
+
+export type ViewTransitionFn = (options: ViewTransitionStyleObject | string) => string
+
+/** Named `@position-try` fallback bags. Referenced by `positionTry('name')`. */
+export type PositionTry = Record<string, SystemStyleObject>
+
+export type PositionTryFn = (options: SystemStyleObject | string) => string
+
+/** Inline `@keyframes` factory: `keyframes({...})` returns the animation name. Object form only. */
+export type KeyframesFn = (keyframe: CssKeyframes[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, PositionTry, ViewTransitions } from './system-types'
 import type { SemanticTokens, Tokens } from './tokens'
 
 export interface ColorPaletteOptions {
@@ -50,6 +50,17 @@ 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
+  /**
+   * Named `@position-try` anchor-positioning fallbacks. Call `positionTry('bottom')`
+   * to get the dashed-ident for `positionTryFallbacks`. Emitted only when used.
+   */
+  positionTry?: PositionTry
   /**
    * Multi-variant style definitions for your project.
    * Useful for defining component styles.

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.14",
+  "version": "2.0.0-beta.16",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -27,6 +27,7 @@
     "dist"
   ],
   "devDependencies": {
+    "@parcel/watcher": "2.5.6",
     "csstype": "3.2.3",
     "ncp": "2.0.0",
     "pkg-types": "2.3.0"