@pandacss/studio 0.13.1 → 0.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -33,19 +33,19 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "4.4.9",
-    "@pandacss/types": "0.13.1",
-    "@pandacss/config": "0.13.1",
-    "@pandacss/shared": "0.13.1",
-    "@pandacss/token-dictionary": "0.13.1",
-    "@pandacss/logger": "0.13.1",
-    "@pandacss/node": "0.13.1"
+    "@pandacss/types": "0.14.0",
+    "@pandacss/config": "0.14.0",
+    "@pandacss/shared": "0.14.0",
+    "@pandacss/token-dictionary": "0.14.0",
+    "@pandacss/logger": "0.14.0",
+    "@pandacss/node": "0.14.0"
   },
   "devDependencies": {
     "@types/react": "18.2.18",
     "@types/react-dom": "18.2.7",
     "@vitejs/plugin-react": "4.0.4",
     "execa": "7.2.0",
-    "@pandacss/dev": "0.13.1"
+    "@pandacss/dev": "0.14.0"
   },
   "scripts": {
     "codegen": "panda",

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

@@ -2,8 +2,8 @@
 import type { SystemStyleObject } from '../types/index';
 
 interface CssFunction {
-  (...styles: SystemStyleObject[]): string
-  raw: (styles: SystemStyleObject) => SystemStyleObject
+  (...styles: Array<SystemStyleObject | undefined | null | false>): string
+  raw: (...styles: Array<SystemStyleObject | undefined | null | false>) => SystemStyleObject
 }
 
 export declare const css: CssFunction;

package/styled-system/css/css.mjs

@@ -39,6 +39,6 @@ const context = {
 
 const cssFn = createCss(context)
 export const css = (...styles) => cssFn(mergeCss(...styles))
-css.raw = (styles) => styles
+css.raw = (...styles) => mergeCss(...styles)
 
 export const { mergeCss, assignCss } = createMergeCss(context)

package/styled-system/css/sva.mjs

@@ -3,12 +3,17 @@ import { cva } from './cva.mjs';
 
 export function sva(config) {
   const slots = Object.entries(getSlotRecipes(config)).map(([slot, slotCva]) => [slot, cva(slotCva)])
-  
+
   function svaFn(props) {
     const result = slots.map(([slot, cvaFn]) => [slot, cvaFn(props)])
     return Object.fromEntries(result)
   }
 
+  function raw(props) {
+    const result = slots.map(([slot, cvaFn]) => [slot, cvaFn.raw(props)])
+    return Object.fromEntries(result)
+  }
+
   const variants = config.variants ?? {};
   const variantKeys = Object.keys(variants);
 
@@ -22,6 +27,7 @@ export function sva(config) {
 
   return Object.assign(svaFn, {
     __cva__: false,
+    raw,
     variantMap,
     variantKeys,
     splitVariantProps,

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

@@ -25,4 +25,4 @@ export * from './bleed';
 export * from './visually-hidden';
 export * from './styled-link';
 
-export type { HTMLPandaProps } from '../types/jsx';
+export type { HTMLPandaProps, PandaComponent } from '../types/jsx';

package/styled-system/patterns/aspect-ratio.d.ts

@@ -14,7 +14,7 @@ type AspectRatioStyles = AspectRatioProperties & DistributiveOmit<SystemStyleObj
 
 interface AspectRatioPatternFn {
   (styles?: AspectRatioStyles): string
-  raw: (styles: AspectRatioStyles) => SystemStyleObject
+  raw: (styles?: AspectRatioStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/bleed.d.ts

@@ -15,7 +15,7 @@ type BleedStyles = BleedProperties & DistributiveOmit<SystemStyleObject, keyof B
 
 interface BleedPatternFn {
   (styles?: BleedStyles): string
-  raw: (styles: BleedStyles) => SystemStyleObject
+  raw: (styles?: BleedStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/box.d.ts

@@ -14,7 +14,7 @@ type BoxStyles = BoxProperties & DistributiveOmit<SystemStyleObject, keyof BoxPr
 
 interface BoxPatternFn {
   (styles?: BoxStyles): string
-  raw: (styles: BoxStyles) => SystemStyleObject
+  raw: (styles?: BoxStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/center.d.ts

@@ -14,7 +14,7 @@ type CenterStyles = CenterProperties & DistributiveOmit<SystemStyleObject, keyof
 
 interface CenterPatternFn {
   (styles?: CenterStyles): string
-  raw: (styles: CenterStyles) => SystemStyleObject
+  raw: (styles?: CenterStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/circle.d.ts

@@ -14,7 +14,7 @@ type CircleStyles = CircleProperties & DistributiveOmit<SystemStyleObject, keyof
 
 interface CirclePatternFn {
   (styles?: CircleStyles): string
-  raw: (styles: CircleStyles) => SystemStyleObject
+  raw: (styles?: CircleStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/container.d.ts

@@ -14,7 +14,7 @@ type ContainerStyles = ContainerProperties & DistributiveOmit<SystemStyleObject,
 
 interface ContainerPatternFn {
   (styles?: ContainerStyles): string
-  raw: (styles: ContainerStyles) => SystemStyleObject
+  raw: (styles?: ContainerStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/divider.d.ts

@@ -16,7 +16,7 @@ type DividerStyles = DividerProperties & DistributiveOmit<SystemStyleObject, key
 
 interface DividerPatternFn {
   (styles?: DividerStyles): string
-  raw: (styles: DividerStyles) => SystemStyleObject
+  raw: (styles?: DividerStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/flex.d.ts

@@ -20,7 +20,7 @@ type FlexStyles = FlexProperties & DistributiveOmit<SystemStyleObject, keyof Fle
 
 interface FlexPatternFn {
   (styles?: FlexStyles): string
-  raw: (styles: FlexStyles) => SystemStyleObject
+  raw: (styles?: FlexStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/float.d.ts

@@ -17,7 +17,7 @@ type FloatStyles = FloatProperties & DistributiveOmit<SystemStyleObject, keyof F
 
 interface FloatPatternFn {
   (styles?: FloatStyles): string
-  raw: (styles: FloatStyles) => SystemStyleObject
+  raw: (styles?: FloatStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/grid-item.d.ts

@@ -19,7 +19,7 @@ type GridItemStyles = GridItemProperties & DistributiveOmit<SystemStyleObject, k
 
 interface GridItemPatternFn {
   (styles?: GridItemStyles): string
-  raw: (styles: GridItemStyles) => SystemStyleObject
+  raw: (styles?: GridItemStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/grid.d.ts

@@ -18,7 +18,7 @@ type GridStyles = GridProperties & DistributiveOmit<SystemStyleObject, keyof Gri
 
 interface GridPatternFn {
   (styles?: GridStyles): string
-  raw: (styles: GridStyles) => SystemStyleObject
+  raw: (styles?: GridStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/hstack.d.ts

@@ -15,7 +15,7 @@ type HstackStyles = HstackProperties & DistributiveOmit<SystemStyleObject, keyof
 
 interface HstackPatternFn {
   (styles?: HstackStyles): string
-  raw: (styles: HstackStyles) => SystemStyleObject
+  raw: (styles?: HstackStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/link-box.d.ts

@@ -14,7 +14,7 @@ type LinkBoxStyles = LinkBoxProperties & DistributiveOmit<SystemStyleObject, key
 
 interface LinkBoxPatternFn {
   (styles?: LinkBoxStyles): string
-  raw: (styles: LinkBoxStyles) => SystemStyleObject
+  raw: (styles?: LinkBoxStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/link-overlay.d.ts

@@ -14,7 +14,7 @@ type LinkOverlayStyles = LinkOverlayProperties & DistributiveOmit<SystemStyleObj
 
 interface LinkOverlayPatternFn {
   (styles?: LinkOverlayStyles): string
-  raw: (styles: LinkOverlayStyles) => SystemStyleObject
+  raw: (styles?: LinkOverlayStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/spacer.d.ts

@@ -14,7 +14,7 @@ type SpacerStyles = SpacerProperties & DistributiveOmit<SystemStyleObject, keyof
 
 interface SpacerPatternFn {
   (styles?: SpacerStyles): string
-  raw: (styles: SpacerStyles) => SystemStyleObject
+  raw: (styles?: SpacerStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/square.d.ts

@@ -14,7 +14,7 @@ type SquareStyles = SquareProperties & DistributiveOmit<SystemStyleObject, keyof
 
 interface SquarePatternFn {
   (styles?: SquareStyles): string
-  raw: (styles: SquareStyles) => SystemStyleObject
+  raw: (styles?: SquareStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/stack.d.ts

@@ -17,7 +17,7 @@ type StackStyles = StackProperties & DistributiveOmit<SystemStyleObject, keyof S
 
 interface StackPatternFn {
   (styles?: StackStyles): string
-  raw: (styles: StackStyles) => SystemStyleObject
+  raw: (styles?: StackStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/styled-link.d.ts

@@ -14,7 +14,7 @@ type StyledLinkStyles = StyledLinkProperties & DistributiveOmit<SystemStyleObjec
 
 interface StyledLinkPatternFn {
   (styles?: StyledLinkStyles): string
-  raw: (styles: StyledLinkStyles) => SystemStyleObject
+  raw: (styles?: StyledLinkStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/visually-hidden.d.ts

@@ -14,7 +14,7 @@ type VisuallyHiddenStyles = VisuallyHiddenProperties & DistributiveOmit<SystemSt
 
 interface VisuallyHiddenPatternFn {
   (styles?: VisuallyHiddenStyles): string
-  raw: (styles: VisuallyHiddenStyles) => SystemStyleObject
+  raw: (styles?: VisuallyHiddenStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/vstack.d.ts

@@ -15,7 +15,7 @@ type VstackStyles = VstackProperties & DistributiveOmit<SystemStyleObject, keyof
 
 interface VstackPatternFn {
   (styles?: VstackStyles): string
-  raw: (styles: VstackStyles) => SystemStyleObject
+  raw: (styles?: VstackStyles) => SystemStyleObject
 }
 
 

package/styled-system/patterns/wrap.d.ts

@@ -18,7 +18,7 @@ type WrapStyles = WrapProperties & DistributiveOmit<SystemStyleObject, keyof Wra
 
 interface WrapPatternFn {
   (styles?: WrapStyles): string
-  raw: (styles: WrapStyles) => SystemStyleObject
+  raw: (styles?: WrapStyles) => SystemStyleObject
 }
 
 

package/styled-system/styles.css

@@ -11,19 +11,6 @@
 @import './tokens/keyframes.css';
 
 @layer utilities {
-  .styles\:dark\:text_green500.dark,
-    .dark .styles\:dark\:text_green500 {
-    color: green500;
-    }
-
-  .font_12px\/1\.5_Helvetica\,_Arial\,_sans-serif {
-    font: 12px/1.5 Helvetica, Arial, sans-serif;
-  }
-
-  .text_red {
-    color: red;
-  }
-
   .w_26px {
     width: 26px;
   }
@@ -1009,10 +996,6 @@
     border-bottom-color: var(--colors-black);
     }
 
-  .\[\&\:hover\]\:text_blue:hover {
-    color: blue;
-    }
-
   .\[\&\:hover\]\:bg_\#4049f0:hover {
     background: #4049f0;
     }
@@ -1025,15 +1008,6 @@
     opacity: 0.8;
       }
 
-  @media screen and (min-width: 640px) {
-    @media screen and (min-width: 768px) {
-      .styles\:dark\:sm\:md\:text_red200.dark,
-    .dark .styles\:dark\:sm\:md\:text_red200 {
-        color: red200
-    }
-        }
-      }
-
   @media screen and (min-width: 768px) {
     .md\:px_6 {
       padding-inline: var(--spacing-6)

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

@@ -2,118 +2,118 @@
 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/index.d.ts

@@ -1,4 +1,6 @@
 /* eslint-disable */
 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/recipe.d.ts

@@ -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/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;
-    }
-  }
-}