@pandacss/studio 0.13.0 → 0.14.0

package/styled-system/tokens/keyframes.css

@@ -1,30 +1,28 @@
 @layer tokens {
-  @keyframes spin {
-    to {
-      transform: rotate(360deg);
+    @keyframes spin {
+        to {
+            transform: rotate(360deg)
+        }
     }
-  }
-  @keyframes ping {
-    75%,
-    100% {
-      transform: scale(2);
-      opacity: 0;
+    @keyframes ping {
+        75%, 100% {
+            transform: scale(2);
+            opacity: 0
+        }
     }
-  }
-  @keyframes pulse {
-    50% {
-      opacity: 0.5;
+    @keyframes pulse {
+        50% {
+            opacity: .5
+        }
     }
-  }
-  @keyframes bounce {
-    0%,
-    100% {
-      transform: translateY(-25%);
-      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    @keyframes bounce {
+        0%, 100% {
+            transform: translateY(-25%);
+            animation-timing-function: cubic-bezier(0.8,0,1,1)
+        }
+        50% {
+            transform: none;
+            animation-timing-function: cubic-bezier(0,0,0.2,1)
+        }
     }
-    50% {
-      transform: none;
-      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-    }
-  }
-}
+}

package/styled-system/types/composition.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import type { CompositionStyleObject } from './system-types'
+import type {  CompositionStyleObject  } from './system-types';
 
 type Recursive<T> = {
   [key: string]: Recursive<T> | T

package/styled-system/types/conditions.d.ts

@@ -1,119 +1,119 @@
 /* eslint-disable */
-import type { AnySelector, Selectors } from './selectors'
+import type { AnySelector, Selectors } from './selectors';
 
 export type Conditions = {
-	"_hover": string
-	"_focus": string
-	"_focusWithin": string
-	"_focusVisible": string
-	"_disabled": string
-	"_active": string
-	"_visited": string
-	"_target": string
-	"_readOnly": string
-	"_readWrite": string
-	"_empty": string
-	"_checked": string
-	"_enabled": string
-	"_expanded": string
-	"_highlighted": string
-	"_before": string
-	"_after": string
-	"_firstLetter": string
-	"_firstLine": string
-	"_marker": string
-	"_selection": string
-	"_file": string
-	"_backdrop": string
-	"_first": string
-	"_last": string
-	"_only": string
-	"_even": string
-	"_odd": string
-	"_firstOfType": string
-	"_lastOfType": string
-	"_onlyOfType": string
-	"_peerFocus": string
-	"_peerHover": string
-	"_peerActive": string
-	"_peerFocusWithin": string
-	"_peerFocusVisible": string
-	"_peerDisabled": string
-	"_peerChecked": string
-	"_peerInvalid": string
-	"_peerExpanded": string
-	"_peerPlaceholderShown": string
-	"_groupFocus": string
-	"_groupHover": string
-	"_groupActive": string
-	"_groupFocusWithin": string
-	"_groupFocusVisible": string
-	"_groupDisabled": string
-	"_groupChecked": string
-	"_groupExpanded": string
-	"_groupInvalid": string
-	"_indeterminate": string
-	"_required": string
-	"_valid": string
-	"_invalid": string
-	"_autofill": string
-	"_inRange": string
-	"_outOfRange": string
-	"_placeholder": string
-	"_placeholderShown": string
-	"_pressed": string
-	"_selected": string
-	"_default": string
-	"_optional": string
-	"_open": string
-	"_fullscreen": string
-	"_loading": string
-	"_currentPage": string
-	"_currentStep": string
-	"_motionReduce": string
-	"_motionSafe": string
-	"_print": string
-	"_landscape": string
-	"_portrait": string
-	"_dark": string
-	"_light": string
-	"_osDark": string
-	"_osLight": string
-	"_highContrast": string
-	"_lessContrast": string
-	"_moreContrast": string
-	"_ltr": string
-	"_rtl": string
-	"_scrollbar": string
-	"_scrollbarThumb": string
-	"_scrollbarTrack": string
-	"_horizontal": string
-	"_vertical": string
-	"sm": string
-	"smOnly": string
-	"smDown": string
-	"md": string
-	"mdOnly": string
-	"mdDown": string
-	"lg": string
-	"lgOnly": string
-	"lgDown": string
-	"xl": string
-	"xlOnly": string
-	"xlDown": string
-	"2xl": string
-	"2xlOnly": string
-	"smToMd": string
-	"smToLg": string
-	"smToXl": string
-	"smTo2xl": string
-	"mdToLg": string
-	"mdToXl": string
-	"mdTo2xl": string
-	"lgToXl": string
-	"lgTo2xl": string
-	"xlTo2xl": string
-	"base": string
+	/** `&:is(:hover, [data-hover])` */"_hover": string
+	/** `&:is(:focus, [data-focus])` */"_focus": string
+	/** `&:focus-within` */"_focusWithin": string
+	/** `&:is(:focus-visible, [data-focus-visible])` */"_focusVisible": string
+	/** `&:is(:disabled, [disabled], [data-disabled])` */"_disabled": string
+	/** `&:is(:active, [data-active])` */"_active": string
+	/** `&:visited` */"_visited": string
+	/** `&:target` */"_target": string
+	/** `&:is(:read-only, [data-read-only])` */"_readOnly": string
+	/** `&:read-write` */"_readWrite": string
+	/** `&:is(:empty, [data-empty])` */"_empty": string
+	/** `&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])` */"_checked": string
+	/** `&:enabled` */"_enabled": string
+	/** `&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])` */"_expanded": string
+	/** `&[data-highlighted]` */"_highlighted": string
+	/** `&::before` */"_before": string
+	/** `&::after` */"_after": string
+	/** `&::first-letter` */"_firstLetter": string
+	/** `&::first-line` */"_firstLine": string
+	/** `&::marker` */"_marker": string
+	/** `&::selection` */"_selection": string
+	/** `&::file-selector-button` */"_file": string
+	/** `&::backdrop` */"_backdrop": string
+	/** `&:first-child` */"_first": string
+	/** `&:last-child` */"_last": string
+	/** `&:only-child` */"_only": string
+	/** `&:nth-child(even)` */"_even": string
+	/** `&:nth-child(odd)` */"_odd": string
+	/** `&:first-of-type` */"_firstOfType": string
+	/** `&:last-of-type` */"_lastOfType": string
+	/** `&:only-of-type` */"_onlyOfType": string
+	/** `.peer:is(:focus, [data-focus]) ~ &` */"_peerFocus": string
+	/** `.peer:is(:hover, [data-hover]) ~ &` */"_peerHover": string
+	/** `.peer:is(:active, [data-active]) ~ &` */"_peerActive": string
+	/** `.peer:focus-within ~ &` */"_peerFocusWithin": string
+	/** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */"_peerFocusVisible": string
+	/** `.peer:is(:disabled, [disabled], [data-disabled]) ~ &` */"_peerDisabled": string
+	/** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &` */"_peerChecked": string
+	/** `.peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &` */"_peerInvalid": string
+	/** `.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &` */"_peerExpanded": string
+	/** `.peer:placeholder-shown ~ &` */"_peerPlaceholderShown": string
+	/** `.group:is(:focus, [data-focus]) &` */"_groupFocus": string
+	/** `.group:is(:hover, [data-hover]) &` */"_groupHover": string
+	/** `.group:is(:active, [data-active]) &` */"_groupActive": string
+	/** `.group:focus-within &` */"_groupFocusWithin": string
+	/** `.group:is(:focus-visible, [data-focus-visible]) &` */"_groupFocusVisible": string
+	/** `.group:is(:disabled, [disabled], [data-disabled]) &` */"_groupDisabled": string
+	/** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &` */"_groupChecked": string
+	/** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */"_groupExpanded": string
+	/** `.group:invalid &` */"_groupInvalid": string
+	/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate")` */"_indeterminate": string
+	/** `&:required` */"_required": string
+	/** `&:is(:valid, [data-valid])` */"_valid": string
+	/** `&:is(:invalid, [data-invalid])` */"_invalid": string
+	/** `&:autofill` */"_autofill": string
+	/** `&:in-range` */"_inRange": string
+	/** `&:out-of-range` */"_outOfRange": string
+	/** `&::placeholder` */"_placeholder": string
+	/** `&:placeholder-shown` */"_placeholderShown": string
+	/** `&:is([aria-pressed=true], [data-pressed])` */"_pressed": string
+	/** `&:is([aria-selected=true], [data-selected])` */"_selected": string
+	/** `&:default` */"_default": string
+	/** `&:optional` */"_optional": string
+	/** `&:is([open], [data-open], [data-state="open"])` */"_open": string
+	/** `&:fullscreen` */"_fullscreen": string
+	/** `&:is([data-loading], [aria-busy=true])` */"_loading": string
+	/** `&[aria-current=page]` */"_currentPage": string
+	/** `&[aria-current=step]` */"_currentStep": string
+	/** `@media (prefers-reduced-motion: reduce)` */"_motionReduce": string
+	/** `@media (prefers-reduced-motion: no-preference)` */"_motionSafe": string
+	/** `@media print` */"_print": string
+	/** `@media (orientation: landscape)` */"_landscape": string
+	/** `@media (orientation: portrait)` */"_portrait": string
+	/** ` &.dark, .dark &` */"_dark": string
+	/** ` &.light, .light &` */"_light": string
+	/** `@media (prefers-color-scheme: dark)` */"_osDark": string
+	/** `@media (prefers-color-scheme: light)` */"_osLight": string
+	/** `@media (forced-colors: active)` */"_highContrast": string
+	/** `@media (prefers-contrast: less)` */"_lessContrast": string
+	/** `@media (prefers-contrast: more)` */"_moreContrast": string
+	/** `[dir=ltr] &` */"_ltr": string
+	/** `[dir=rtl] &` */"_rtl": string
+	/** `&::-webkit-scrollbar` */"_scrollbar": string
+	/** `&::-webkit-scrollbar-thumb` */"_scrollbarThumb": string
+	/** `&::-webkit-scrollbar-track` */"_scrollbarTrack": string
+	/** `&[data-orientation=horizontal]` */"_horizontal": string
+	/** `&[data-orientation=vertical]` */"_vertical": string
+	/** `@media screen and (min-width: 640px)` */"sm": string
+	/** `@media screen and (min-width: 640px) and (max-width: 47.996875em)` */"smOnly": string
+	/** `@media screen and (max-width: 47.996875em)` */"smDown": string
+	/** `@media screen and (min-width: 768px)` */"md": string
+	/** `@media screen and (min-width: 768px) and (max-width: 63.996875em)` */"mdOnly": string
+	/** `@media screen and (max-width: 63.996875em)` */"mdDown": string
+	/** `@media screen and (min-width: 1024px)` */"lg": string
+	/** `@media screen and (min-width: 1024px) and (max-width: 79.996875em)` */"lgOnly": string
+	/** `@media screen and (max-width: 79.996875em)` */"lgDown": string
+	/** `@media screen and (min-width: 1280px)` */"xl": string
+	/** `@media screen and (min-width: 1280px) and (max-width: 95.996875em)` */"xlOnly": string
+	/** `@media screen and (max-width: 95.996875em)` */"xlDown": string
+	/** `@media screen and (min-width: 1536px)` */"2xl": string
+	/** `@media screen and (min-width: 1536px)` */"2xlOnly": string
+	/** `@media screen and (min-width: 640px) and (max-width: 63.996875em)` */"smToMd": string
+	/** `@media screen and (min-width: 640px) and (max-width: 79.996875em)` */"smToLg": string
+	/** `@media screen and (min-width: 640px) and (max-width: 95.996875em)` */"smToXl": string
+	/** `@media screen and (min-width: 640px)` */"smTo2xl": string
+	/** `@media screen and (min-width: 768px) and (max-width: 79.996875em)` */"mdToLg": string
+	/** `@media screen and (min-width: 768px) and (max-width: 95.996875em)` */"mdToXl": string
+	/** `@media screen and (min-width: 768px)` */"mdTo2xl": string
+	/** `@media screen and (min-width: 1024px) and (max-width: 95.996875em)` */"lgToXl": string
+	/** `@media screen and (min-width: 1024px)` */"lgTo2xl": string
+	/** `@media screen and (min-width: 1280px)` */"xlTo2xl": string
+	/** The base (=no conditions) styles to apply  */"base": string
 }
 
 export type Condition = keyof Conditions

package/styled-system/types/global.d.ts

@@ -1,10 +1,11 @@
 /* eslint-disable */
+// @ts-nocheck
 import type { TextStyles, LayerStyles } from '@pandacss/dev'
-import type { RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig } from './recipe'
-import type { Parts } from './parts'
-import type { PatternConfig, PatternProperties } from './pattern'
-import type { GlobalStyleObject, SystemStyleObject } from './system-types'
-import type { CompositionStyles } from './composition'
+import type { RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig } from './recipe';
+import type { Parts } from './parts';
+import type { PatternConfig, PatternProperties } from './pattern';
+import type { GlobalStyleObject, SystemStyleObject } from './system-types';
+import type { CompositionStyles } from './composition';
 
 declare module '@pandacss/dev' {
   export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeConfig

package/styled-system/types/index.d.ts

@@ -1,4 +1,6 @@
 /* eslint-disable */
-import './global'
-export type { ConditionalValue } from './conditions'
-export type { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types'
+import './global.d.ts'
+export type { ConditionalValue } from './conditions';
+export type { PatternConfig, PatternProperties } from './pattern';
+export type { RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig } from './recipe';
+export type { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types';

package/styled-system/types/jsx.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { ComponentPropsWithoutRef, ElementType, ElementRef, Ref } from 'react'
-import type { Assign, DistributiveOmit, JsxStyleProps, JsxHTMLProps } from './system-types'
-import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe'
+import type { Assign, DistributiveOmit, JsxHTMLProps, JsxStyleProps } from './system-types';
+import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe';
 
 type Dict = Record<string, unknown>
 

package/styled-system/types/pattern.d.ts

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { CssProperty, SystemStyleObject } from './system-types'
-import type { TokenCategory } from '../tokens'
+import type {  CssProperty, SystemStyleObject  } from './system-types';
+import type {  TokenCategory  } from '../tokens/index';
 
 type Primitive = string | number | boolean | null | undefined
 type LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)

package/styled-system/types/prop-type.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { ConditionalValue } from './conditions';
-import type { CssProperties } from './system-types'
-import type { Tokens } from '../tokens'
+import type { CssProperties } from './system-types';
+import type { Tokens } from '../tokens/index';
 
 type PropertyValueTypes  = {
 	aspectRatio: "auto" | "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden";

package/styled-system/types/recipe.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import type { SystemStyleObject, DistributiveOmit } from './system-types'
+import type {  SystemStyleObject, DistributiveOmit  } from './system-types';
 
 type Pretty<T> = { [K in keyof T]: T[K] } & {}
 
@@ -100,6 +100,7 @@ export type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord>
 ) => SlotRecord<S, string>
 
 export type SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>> = SlotRecipeVariantFn<S, T> & {
+  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>
   variantKeys: (keyof T)[]
   variantMap: RecipeVariantMap<T>
   splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]

package/styled-system/types/selectors.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-import type { Pseudos } from './csstype'
+import type {  Pseudos  } from './csstype';
 
 type AriaAttributes =
   | '[aria-disabled]'

package/styled-system/types/style-props.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
-import type { ConditionalValue } from './conditions'
-import type { PropertyValue } from './prop-type'
-import type { Token } from '../tokens'
+import type { ConditionalValue } from './conditions';
+import type { PropertyValue } from './prop-type';
+import type { Token } from '../tokens/index';
 
 export type CssVarProperties = {
   [key in `--${string}`]?: ConditionalValue<Token | (string & {}) | (number & {})>

package/styled-system/types/system-types.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
-import type { ConditionalValue, Conditions, Nested } from './conditions'
-import type { PropertiesFallback } from './csstype'
-import type { SystemProperties, CssVarProperties } from './style-props'
+import type {  ConditionalValue, Conditions, Nested  } from './conditions';
+import type {  PropertiesFallback  } from './csstype';
+import type {  SystemProperties, CssVarProperties  } from './style-props';
 
 type String = string & {}
 type Number = number & {}

package/styled-system/chunks/..__core____tests____complex-rule.test.css

@@ -1,19 +0,0 @@
-@layer utilities {
-  .styles\:dark\:text_green500 {
-    &.dark,
-    .dark & {
-      color: green500;
-    }
-  }
-
-  .styles\:dark\:sm\:md\:text_red200 {
-    &.dark,
-    .dark & {
-      @media screen and (min-width: 640px) {
-        @media screen and (min-width: 768px) {
-          color: red200;
-        }
-      }
-    }
-  }
-}

package/styled-system/chunks/..__shared____tests____string-literal.test.css

@@ -1,15 +0,0 @@
-@layer utilities {
-  .font_12px\/1\.5_Helvetica\,_Arial\,_sans-serif {
-    font: 12px/1.5 Helvetica, Arial, sans-serif;
-  }
-
-  .text_red {
-    color: red;
-  }
-
-  .\[\&\:hover\]\:text_blue {
-    &:hover {
-      color: blue;
-    }
-  }
-}