aeon-ui-engine 1.8.0 → 1.9.0

package/packages/panda/styled-system/tokens/index.d.ts

@@ -1,9 +1,8 @@
-/* eslint-disable */
-import type { Token } from './tokens';
+import type { Token, TokenPath } from '../types/tokens';
 
-export declare const token: {
-  (path: Token, fallback?: string): string
+interface TokenFn {
+  (path: TokenPath, fallback?: string): string
   var: (path: Token, fallback?: string) => string
 }
 
-export * from './tokens';
+export declare const token: TokenFn;

package/packages/panda/styled-system/tokens/index.js

@@ -0,0 +1,18 @@
+import { colorMix, toCssVar } from '../helpers';
+
+const tokens = {"animations.bounce":"bounce 1s infinite","animations.ping":"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite","animations.pulse":"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite","animations.spin":"spin 1s linear infinite","aspectRatios.golden":"1.618 / 1","aspectRatios.landscape":"4 / 3","aspectRatios.portrait":"3 / 4","aspectRatios.square":"1 / 1","aspectRatios.ultrawide":"18 / 5","aspectRatios.video":"16 / 9","aspectRatios.wide":"16 / 9","blurs.2xl":"40px","blurs.3xl":"64px","blurs.lg":"16px","blurs.md":"12px","blurs.sm":"8px","blurs.xl":"24px","blurs.xs":"4px","borders.none":"none","breakpoints.2xl":"96rem","breakpoints.lg":"64rem","breakpoints.md":"48rem","breakpoints.sm":"40rem","breakpoints.xl":"80rem","colors.accent":"var(--colors-aeon-accent)","colors.accentDim":"var(--colors-aeon-accent-dim)","colors.amber.100":"oklch(96.2% 0.059 95.617)","colors.amber.200":"oklch(92.4% 0.12 95.746)","colors.amber.300":"oklch(87.9% 0.169 91.605)","colors.amber.400":"oklch(82.8% 0.189 84.429)","colors.amber.50":"oklch(98.7% 0.022 95.277)","colors.amber.500":"oklch(76.9% 0.188 70.08)","colors.amber.600":"oklch(66.6% 0.179 58.318)","colors.amber.700":"oklch(55.5% 0.163 48.998)","colors.amber.800":"oklch(47.3% 0.137 46.201)","colors.amber.900":"oklch(41.4% 0.112 45.904)","colors.amber.950":"oklch(27.9% 0.077 45.635)","colors.bg":"var(--colors-aeon-bg)","colors.black":"#000","colors.blue.100":"oklch(93.2% 0.032 255.585)","colors.blue.200":"oklch(88.2% 0.059 254.128)","colors.blue.300":"oklch(80.9% 0.105 251.813)","colors.blue.400":"oklch(70.7% 0.165 254.624)","colors.blue.50":"oklch(97% 0.014 254.604)","colors.blue.500":"oklch(62.3% 0.214 259.815)","colors.blue.600":"oklch(54.6% 0.245 262.881)","colors.blue.700":"oklch(48.8% 0.243 264.376)","colors.blue.800":"oklch(42.4% 0.199 265.638)","colors.blue.900":"oklch(37.9% 0.146 265.522)","colors.blue.950":"oklch(28.2% 0.091 267.935)","colors.border":"var(--colors-aeon-border)","colors.colorPalette":"","colors.colorPalette.100":"","colors.colorPalette.200":"","colors.colorPalette.300":"","colors.colorPalette.400":"","colors.colorPalette.50":"","colors.colorPalette.500":"","colors.colorPalette.600":"","colors.colorPalette.700":"","colors.colorPalette.800":"","colors.colorPalette.900":"","colors.colorPalette.950":"","colors.current":"currentcolor","colors.cyan.100":"oklch(95.6% 0.045 203.388)","colors.cyan.200":"oklch(91.7% 0.08 205.041)","colors.cyan.300":"oklch(86.5% 0.127 207.078)","colors.cyan.400":"oklch(78.9% 0.154 211.53)","colors.cyan.50":"oklch(98.4% 0.019 200.873)","colors.cyan.500":"oklch(71.5% 0.143 215.221)","colors.cyan.600":"oklch(60.9% 0.126 221.723)","colors.cyan.700":"oklch(52% 0.105 223.128)","colors.cyan.800":"oklch(45% 0.085 224.283)","colors.cyan.900":"oklch(39.8% 0.07 227.392)","colors.cyan.950":"oklch(30.2% 0.056 229.695)","colors.danger":"var(--colors-aeon-danger)","colors.dangerDim":"var(--colors-aeon-danger-dim)","colors.emerald.100":"oklch(95% 0.052 163.051)","colors.emerald.200":"oklch(90.5% 0.093 164.15)","colors.emerald.300":"oklch(84.5% 0.143 164.978)","colors.emerald.400":"oklch(76.5% 0.177 163.223)","colors.emerald.50":"oklch(97.9% 0.021 166.113)","colors.emerald.500":"oklch(69.6% 0.17 162.48)","colors.emerald.600":"oklch(59.6% 0.145 163.225)","colors.emerald.700":"oklch(50.8% 0.118 165.612)","colors.emerald.800":"oklch(43.2% 0.095 166.913)","colors.emerald.900":"oklch(37.8% 0.077 168.94)","colors.emerald.950":"oklch(26.2% 0.051 172.552)","colors.fg":"var(--colors-aeon-text)","colors.fuchsia.100":"oklch(95.2% 0.037 318.852)","colors.fuchsia.200":"oklch(90.3% 0.076 319.62)","colors.fuchsia.300":"oklch(83.3% 0.145 321.434)","colors.fuchsia.400":"oklch(74% 0.238 322.16)","colors.fuchsia.50":"oklch(97.7% 0.017 320.058)","colors.fuchsia.500":"oklch(66.7% 0.295 322.15)","colors.fuchsia.600":"oklch(59.1% 0.293 322.896)","colors.fuchsia.700":"oklch(51.8% 0.253 323.949)","colors.fuchsia.800":"oklch(45.2% 0.211 324.591)","colors.fuchsia.900":"oklch(40.1% 0.17 325.612)","colors.fuchsia.950":"oklch(29.3% 0.136 325.661)","colors.gray.100":"oklch(96.7% 0.003 264.542)","colors.gray.200":"oklch(92.8% 0.006 264.531)","colors.gray.300":"oklch(87.2% 0.01 258.338)","colors.gray.400":"oklch(70.7% 0.022 261.325)","colors.gray.50":"oklch(98.5% 0.002 247.839)","colors.gray.500":"oklch(55.1% 0.027 264.364)","colors.gray.600":"oklch(44.6% 0.03 256.802)","colors.gray.700":"oklch(37.3% 0.034 259.733)","colors.gray.800":"oklch(27.8% 0.033 256.848)","colors.gray.900":"oklch(21% 0.034 264.665)","colors.gray.950":"oklch(13% 0.028 261.692)","colors.green.100":"oklch(96.2% 0.044 156.743)","colors.green.200":"oklch(92.5% 0.084 155.995)","colors.green.300":"oklch(87.1% 0.15 154.449)","colors.green.400":"oklch(79.2% 0.209 151.711)","colors.green.50":"oklch(98.2% 0.018 155.826)","colors.green.500":"oklch(72.3% 0.219 149.579)","colors.green.600":"oklch(62.7% 0.194 149.214)","colors.green.700":"oklch(52.7% 0.154 150.069)","colors.green.800":"oklch(44.8% 0.119 151.328)","colors.green.900":"oklch(39.3% 0.095 152.535)","colors.green.950":"oklch(26.6% 0.065 152.934)","colors.indigo.100":"oklch(93% 0.034 272.788)","colors.indigo.200":"oklch(87% 0.065 274.039)","colors.indigo.300":"oklch(78.5% 0.115 274.713)","colors.indigo.400":"oklch(67.3% 0.182 276.935)","colors.indigo.50":"oklch(96.2% 0.018 272.314)","colors.indigo.500":"oklch(58.5% 0.233 277.117)","colors.indigo.600":"oklch(51.1% 0.262 276.966)","colors.indigo.700":"oklch(45.7% 0.24 277.023)","colors.indigo.800":"oklch(39.8% 0.195 277.366)","colors.indigo.900":"oklch(35.9% 0.144 278.697)","colors.indigo.950":"oklch(25.7% 0.09 281.288)","colors.lime.100":"oklch(96.7% 0.067 122.328)","colors.lime.200":"oklch(93.8% 0.127 124.321)","colors.lime.300":"oklch(89.7% 0.196 126.665)","colors.lime.400":"oklch(84.1% 0.238 128.85)","colors.lime.50":"oklch(98.6% 0.031 120.757)","colors.lime.500":"oklch(76.8% 0.233 130.85)","colors.lime.600":"oklch(64.8% 0.2 131.684)","colors.lime.700":"oklch(53.2% 0.157 131.589)","colors.lime.800":"oklch(45.3% 0.124 130.933)","colors.lime.900":"oklch(40.5% 0.101 131.063)","colors.lime.950":"oklch(27.4% 0.072 132.109)","colors.mauve.100":"oklch(96% 0.003 325.6)","colors.mauve.200":"oklch(92.2% 0.005 325.62)","colors.mauve.300":"oklch(86.5% 0.012 325.68)","colors.mauve.400":"oklch(71.1% 0.019 323.02)","colors.mauve.50":"oklch(98.5% 0 0)","colors.mauve.500":"oklch(54.2% 0.034 322.5)","colors.mauve.600":"oklch(43.5% 0.029 321.78)","colors.mauve.700":"oklch(36.4% 0.029 323.89)","colors.mauve.800":"oklch(26.3% 0.024 320.12)","colors.mauve.900":"oklch(21.2% 0.019 322.12)","colors.mauve.950":"oklch(14.5% 0.008 326)","colors.mist.100":"oklch(96.3% 0.002 197.1)","colors.mist.200":"oklch(92.5% 0.005 214.3)","colors.mist.300":"oklch(87.2% 0.007 219.6)","colors.mist.400":"oklch(72.3% 0.014 214.4)","colors.mist.50":"oklch(98.7% 0.002 197.1)","colors.mist.500":"oklch(56% 0.021 213.5)","colors.mist.600":"oklch(45% 0.017 213.2)","colors.mist.700":"oklch(37.8% 0.015 216)","colors.mist.800":"oklch(27.5% 0.011 216.9)","colors.mist.900":"oklch(21.8% 0.008 223.9)","colors.mist.950":"oklch(14.8% 0.004 228.8)","colors.muted":"var(--colors-aeon-muted)","colors.neutral.100":"oklch(97% 0 0)","colors.neutral.200":"oklch(92.2% 0 0)","colors.neutral.300":"oklch(87% 0 0)","colors.neutral.400":"oklch(70.8% 0 0)","colors.neutral.50":"oklch(98.5% 0 0)","colors.neutral.500":"oklch(55.6% 0 0)","colors.neutral.600":"oklch(43.9% 0 0)","colors.neutral.700":"oklch(37.1% 0 0)","colors.neutral.800":"oklch(26.9% 0 0)","colors.neutral.900":"oklch(20.5% 0 0)","colors.neutral.950":"oklch(14.5% 0 0)","colors.olive.100":"oklch(96.6% 0.005 106.5)","colors.olive.200":"oklch(93% 0.007 106.5)","colors.olive.300":"oklch(88% 0.011 106.6)","colors.olive.400":"oklch(73.7% 0.021 106.9)","colors.olive.50":"oklch(98.8% 0.003 106.5)","colors.olive.500":"oklch(58% 0.031 107.3)","colors.olive.600":"oklch(46.6% 0.025 107.3)","colors.olive.700":"oklch(39.4% 0.023 107.4)","colors.olive.800":"oklch(28.6% 0.016 107.4)","colors.olive.900":"oklch(22.8% 0.013 107.4)","colors.olive.950":"oklch(15.3% 0.006 107.1)","colors.orange.100":"oklch(95.4% 0.038 75.164)","colors.orange.200":"oklch(90.1% 0.076 70.697)","colors.orange.300":"oklch(83.7% 0.128 66.29)","colors.orange.400":"oklch(75% 0.183 55.934)","colors.orange.50":"oklch(98% 0.016 73.684)","colors.orange.500":"oklch(70.5% 0.213 47.604)","colors.orange.600":"oklch(64.6% 0.222 41.116)","colors.orange.700":"oklch(55.3% 0.195 38.402)","colors.orange.800":"oklch(47% 0.157 37.304)","colors.orange.900":"oklch(40.8% 0.123 38.172)","colors.orange.950":"oklch(26.6% 0.079 36.259)","colors.pink.100":"oklch(94.8% 0.028 342.258)","colors.pink.200":"oklch(89.9% 0.061 343.231)","colors.pink.300":"oklch(82.3% 0.12 346.018)","colors.pink.400":"oklch(71.8% 0.202 349.761)","colors.pink.50":"oklch(97.1% 0.014 343.198)","colors.pink.500":"oklch(65.6% 0.241 354.308)","colors.pink.600":"oklch(59.2% 0.249 0.584)","colors.pink.700":"oklch(52.5% 0.223 3.958)","colors.pink.800":"oklch(45.9% 0.187 3.815)","colors.pink.900":"oklch(40.8% 0.153 2.432)","colors.pink.950":"oklch(28.4% 0.109 3.907)","colors.purple.100":"oklch(94.6% 0.033 307.174)","colors.purple.200":"oklch(90.2% 0.063 306.703)","colors.purple.300":"oklch(82.7% 0.119 306.383)","colors.purple.400":"oklch(71.4% 0.203 305.504)","colors.purple.50":"oklch(97.7% 0.014 308.299)","colors.purple.500":"oklch(62.7% 0.265 303.9)","colors.purple.600":"oklch(55.8% 0.288 302.321)","colors.purple.700":"oklch(49.6% 0.265 301.924)","colors.purple.800":"oklch(43.8% 0.218 303.724)","colors.purple.900":"oklch(38.1% 0.176 304.987)","colors.purple.950":"oklch(29.1% 0.149 302.717)","colors.red.100":"oklch(93.6% 0.032 17.717)","colors.red.200":"oklch(88.5% 0.062 18.334)","colors.red.300":"oklch(80.8% 0.114 19.571)","colors.red.400":"oklch(70.4% 0.191 22.216)","colors.red.50":"oklch(97.1% 0.013 17.38)","colors.red.500":"oklch(63.7% 0.237 25.331)","colors.red.600":"oklch(57.7% 0.245 27.325)","colors.red.700":"oklch(50.5% 0.213 27.518)","colors.red.800":"oklch(44.4% 0.177 26.899)","colors.red.900":"oklch(39.6% 0.141 25.723)","colors.red.950":"oklch(25.8% 0.092 26.042)","colors.rose.100":"oklch(94.1% 0.03 12.58)","colors.rose.200":"oklch(89.2% 0.058 10.001)","colors.rose.300":"oklch(81% 0.117 11.638)","colors.rose.400":"oklch(71.2% 0.194 13.428)","colors.rose.50":"oklch(96.9% 0.015 12.422)","colors.rose.500":"oklch(64.5% 0.246 16.439)","colors.rose.600":"oklch(58.6% 0.253 17.585)","colors.rose.700":"oklch(51.4% 0.222 16.935)","colors.rose.800":"oklch(45.5% 0.188 13.697)","colors.rose.900":"oklch(41% 0.159 10.272)","colors.rose.950":"oklch(27.1% 0.105 12.094)","colors.sky.100":"oklch(95.1% 0.026 236.824)","colors.sky.200":"oklch(90.1% 0.058 230.902)","colors.sky.300":"oklch(82.8% 0.111 230.318)","colors.sky.400":"oklch(74.6% 0.16 232.661)","colors.sky.50":"oklch(97.7% 0.013 236.62)","colors.sky.500":"oklch(68.5% 0.169 237.323)","colors.sky.600":"oklch(58.8% 0.158 241.966)","colors.sky.700":"oklch(50% 0.134 242.749)","colors.sky.800":"oklch(44.3% 0.11 240.79)","colors.sky.900":"oklch(39.1% 0.09 240.876)","colors.sky.950":"oklch(29.3% 0.066 243.157)","colors.slate.100":"oklch(96.8% 0.007 247.896)","colors.slate.200":"oklch(92.9% 0.013 255.508)","colors.slate.300":"oklch(86.9% 0.022 252.894)","colors.slate.400":"oklch(70.4% 0.04 256.788)","colors.slate.50":"oklch(98.4% 0.003 247.858)","colors.slate.500":"oklch(55.4% 0.046 257.417)","colors.slate.600":"oklch(44.6% 0.043 257.281)","colors.slate.700":"oklch(37.2% 0.044 257.287)","colors.slate.800":"oklch(27.9% 0.041 260.031)","colors.slate.900":"oklch(20.8% 0.042 265.755)","colors.slate.950":"oklch(12.9% 0.042 264.695)","colors.stone.100":"oklch(97% 0.001 106.424)","colors.stone.200":"oklch(92.3% 0.003 48.717)","colors.stone.300":"oklch(86.9% 0.005 56.366)","colors.stone.400":"oklch(70.9% 0.01 56.259)","colors.stone.50":"oklch(98.5% 0.001 106.423)","colors.stone.500":"oklch(55.3% 0.013 58.071)","colors.stone.600":"oklch(44.4% 0.011 73.639)","colors.stone.700":"oklch(37.4% 0.01 67.558)","colors.stone.800":"oklch(26.8% 0.007 34.298)","colors.stone.900":"oklch(21.6% 0.006 56.043)","colors.stone.950":"oklch(14.7% 0.004 49.25)","colors.surface":"var(--colors-aeon-surface)","colors.surfaceRaised":"var(--colors-aeon-surface-raised)","colors.taupe.100":"oklch(96% 0.002 17.2)","colors.taupe.200":"oklch(92.2% 0.005 34.3)","colors.taupe.300":"oklch(86.8% 0.007 39.5)","colors.taupe.400":"oklch(71.4% 0.014 41.2)","colors.taupe.50":"oklch(98.6% 0.002 67.8)","colors.taupe.500":"oklch(54.7% 0.021 43.1)","colors.taupe.600":"oklch(43.8% 0.017 39.3)","colors.taupe.700":"oklch(36.7% 0.016 35.7)","colors.taupe.800":"oklch(26.8% 0.011 36.5)","colors.taupe.900":"oklch(21.4% 0.009 43.1)","colors.taupe.950":"oklch(14.7% 0.004 49.3)","colors.teal.100":"oklch(95.3% 0.051 180.801)","colors.teal.200":"oklch(91% 0.096 180.426)","colors.teal.300":"oklch(85.5% 0.138 181.071)","colors.teal.400":"oklch(77.7% 0.152 181.912)","colors.teal.50":"oklch(98.4% 0.014 180.72)","colors.teal.500":"oklch(70.4% 0.14 182.503)","colors.teal.600":"oklch(60% 0.118 184.704)","colors.teal.700":"oklch(51.1% 0.096 186.391)","colors.teal.800":"oklch(43.7% 0.078 188.216)","colors.teal.900":"oklch(38.6% 0.063 188.416)","colors.teal.950":"oklch(27.7% 0.046 192.524)","colors.transparent":"oklch(0 0 0 / 0)","colors.violet.100":"oklch(94.3% 0.029 294.588)","colors.violet.200":"oklch(89.4% 0.057 293.283)","colors.violet.300":"oklch(81.1% 0.111 293.571)","colors.violet.400":"oklch(70.2% 0.183 293.541)","colors.violet.50":"oklch(96.9% 0.016 293.756)","colors.violet.500":"oklch(60.6% 0.25 292.717)","colors.violet.600":"oklch(54.1% 0.281 293.009)","colors.violet.700":"oklch(49.1% 0.27 292.581)","colors.violet.800":"oklch(43.2% 0.232 292.759)","colors.violet.900":"oklch(38% 0.189 293.745)","colors.violet.950":"oklch(28.3% 0.141 291.089)","colors.white":"#fff","colors.yellow.100":"oklch(97.3% 0.071 103.193)","colors.yellow.200":"oklch(94.5% 0.129 101.54)","colors.yellow.300":"oklch(90.5% 0.182 98.111)","colors.yellow.400":"oklch(85.2% 0.199 91.936)","colors.yellow.50":"oklch(98.7% 0.026 102.212)","colors.yellow.500":"oklch(79.5% 0.184 86.047)","colors.yellow.600":"oklch(68.1% 0.162 75.834)","colors.yellow.700":"oklch(55.4% 0.135 66.442)","colors.yellow.800":"oklch(47.6% 0.114 61.907)","colors.yellow.900":"oklch(42.1% 0.095 57.708)","colors.yellow.950":"oklch(28.6% 0.066 53.813)","colors.zinc.100":"oklch(96.7% 0.001 286.375)","colors.zinc.200":"oklch(92% 0.004 286.32)","colors.zinc.300":"oklch(87.1% 0.006 286.286)","colors.zinc.400":"oklch(70.5% 0.015 286.067)","colors.zinc.50":"oklch(98.5% 0 0)","colors.zinc.500":"oklch(55.2% 0.016 285.938)","colors.zinc.600":"oklch(44.2% 0.017 285.786)","colors.zinc.700":"oklch(37% 0.013 285.805)","colors.zinc.800":"oklch(27.4% 0.006 286.033)","colors.zinc.900":"oklch(21% 0.006 285.885)","colors.zinc.950":"oklch(14.1% 0.005 285.823)","durations.fast":"150ms","durations.faster":"100ms","durations.fastest":"50ms","durations.normal":"200ms","durations.slow":"300ms","durations.slower":"400ms","durations.slowest":"500ms","easings.default":"cubic-bezier(0.4, 0, 0.2, 1)","easings.in":"cubic-bezier(0.4, 0, 1, 1)","easings.in-out":"cubic-bezier(0.4, 0, 0.2, 1)","easings.linear":"linear","easings.out":"cubic-bezier(0, 0, 0.2, 1)","fontSizes.2xl":"1.5rem","fontSizes.2xs":"0.5rem","fontSizes.3xl":"1.875rem","fontSizes.4xl":"2.25rem","fontSizes.5xl":"3rem","fontSizes.6xl":"3.75rem","fontSizes.7xl":"4.5rem","fontSizes.8xl":"6rem","fontSizes.9xl":"8rem","fontSizes.lg":"1.125rem","fontSizes.md":"1rem","fontSizes.sm":"0.875rem","fontSizes.xl":"1.25rem","fontSizes.xs":"0.75rem","fontWeights.black":"900","fontWeights.bold":"700","fontWeights.extrabold":"800","fontWeights.extralight":"200","fontWeights.light":"300","fontWeights.medium":"500","fontWeights.normal":"400","fontWeights.semibold":"600","fontWeights.thin":"100","fonts.body":"'Instrument Sans', system-ui, sans-serif","fonts.display":"'Syne', system-ui, sans-serif","fonts.mono":"'IBM Plex Mono', ui-monospace, monospace","fonts.sans":"ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"","fonts.serif":"ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif","fonts.ui":"'IBM Plex Sans', system-ui, sans-serif","letterSpacings.normal":"0em","letterSpacings.tight":"-0.025em","letterSpacings.tighter":"-0.05em","letterSpacings.wide":"0.025em","letterSpacings.wider":"0.05em","letterSpacings.widest":"0.1em","lineHeights.loose":"2","lineHeights.none":"1","lineHeights.normal":"1.5","lineHeights.relaxed":"1.625","lineHeights.snug":"1.375","lineHeights.tight":"1.25","radii.2xl":"1rem","radii.3xl":"1.5rem","radii.4xl":"2rem","radii.full":"9999px","radii.lg":"0.625rem","radii.md":"0.5rem","radii.siteLg":"10px","radii.sm":"0.375rem","radii.xl":"0.75rem","radii.xs":"0.125rem","shadows.2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)","shadows.2xs":"0 1px rgb(0 0 0 / 0.05)","shadows.focusRing":"0 0 0 2px #0c0e12, 0 0 0 4px #5eead4","shadows.inner":"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)","shadows.inset-2xs":"inset 0 1px rgb(0 0 0 / 0.05)","shadows.inset-sm":"inset 0 2px 4px rgb(0 0 0 / 0.05)","shadows.inset-xs":"inset 0 1px 1px rgb(0 0 0 / 0.05)","shadows.lg":"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)","shadows.md":"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)","shadows.panel":"0 8px 32px #00000066","shadows.sm":"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)","shadows.xl":"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","shadows.xs":"0 1px 2px 0 rgb(0 0 0 / 0.05)","sizes.0":"0rem","sizes.0.5":"0.125rem","sizes.1":"0.25rem","sizes.1.5":"0.375rem","sizes.10":"2.5rem","sizes.11":"2.75rem","sizes.12":"3rem","sizes.14":"3.5rem","sizes.16":"4rem","sizes.2":"0.5rem","sizes.2.5":"0.625rem","sizes.20":"5rem","sizes.24":"6rem","sizes.28":"7rem","sizes.2xl":"42rem","sizes.3":"0.75rem","sizes.3.5":"0.875rem","sizes.32":"8rem","sizes.36":"9rem","sizes.3xl":"48rem","sizes.4":"1rem","sizes.4.5":"1.125rem","sizes.40":"10rem","sizes.44":"11rem","sizes.48":"12rem","sizes.4xl":"56rem","sizes.5":"1.25rem","sizes.5.5":"1.375rem","sizes.52":"13rem","sizes.56":"14rem","sizes.5xl":"64rem","sizes.6":"1.5rem","sizes.60":"15rem","sizes.64":"16rem","sizes.6xl":"72rem","sizes.7":"1.75rem","sizes.72":"18rem","sizes.7xl":"80rem","sizes.8":"2rem","sizes.80":"20rem","sizes.8xl":"90rem","sizes.9":"2.25rem","sizes.96":"24rem","sizes.breakpoint-2xl":"96rem","sizes.breakpoint-lg":"64rem","sizes.breakpoint-md":"48rem","sizes.breakpoint-sm":"40rem","sizes.breakpoint-xl":"80rem","sizes.fit":"fit-content","sizes.full":"100%","sizes.lg":"32rem","sizes.max":"max-content","sizes.md":"28rem","sizes.min":"min-content","sizes.prose":"60ch","sizes.sm":"24rem","sizes.xl":"36rem","sizes.xs":"20rem","spacing.-0.5":"calc(var(--spacing-0\\.5) * -1)","spacing.-1":"calc(var(--spacing-1) * -1)","spacing.-1.5":"calc(var(--spacing-1\\.5) * -1)","spacing.-10":"calc(var(--spacing-10) * -1)","spacing.-11":"calc(var(--spacing-11) * -1)","spacing.-12":"calc(var(--spacing-12) * -1)","spacing.-14":"calc(var(--spacing-14) * -1)","spacing.-16":"calc(var(--spacing-16) * -1)","spacing.-2":"calc(var(--spacing-2) * -1)","spacing.-2.5":"calc(var(--spacing-2\\.5) * -1)","spacing.-20":"calc(var(--spacing-20) * -1)","spacing.-24":"calc(var(--spacing-24) * -1)","spacing.-28":"calc(var(--spacing-28) * -1)","spacing.-3":"calc(var(--spacing-3) * -1)","spacing.-3.5":"calc(var(--spacing-3\\.5) * -1)","spacing.-32":"calc(var(--spacing-32) * -1)","spacing.-36":"calc(var(--spacing-36) * -1)","spacing.-4":"calc(var(--spacing-4) * -1)","spacing.-4.5":"calc(var(--spacing-4\\.5) * -1)","spacing.-40":"calc(var(--spacing-40) * -1)","spacing.-44":"calc(var(--spacing-44) * -1)","spacing.-48":"calc(var(--spacing-48) * -1)","spacing.-5":"calc(var(--spacing-5) * -1)","spacing.-5.5":"calc(var(--spacing-5\\.5) * -1)","spacing.-52":"calc(var(--spacing-52) * -1)","spacing.-56":"calc(var(--spacing-56) * -1)","spacing.-6":"calc(var(--spacing-6) * -1)","spacing.-60":"calc(var(--spacing-60) * -1)","spacing.-64":"calc(var(--spacing-64) * -1)","spacing.-7":"calc(var(--spacing-7) * -1)","spacing.-72":"calc(var(--spacing-72) * -1)","spacing.-8":"calc(var(--spacing-8) * -1)","spacing.-80":"calc(var(--spacing-80) * -1)","spacing.-9":"calc(var(--spacing-9) * -1)","spacing.-96":"calc(var(--spacing-96) * -1)","spacing.-accordionContentB":"calc(var(--spacing-accordion-content-b) * -1)","spacing.-accordionContentY":"calc(var(--spacing-accordion-content-y) * -1)","spacing.-accordionGap":"calc(var(--spacing-accordion-gap) * -1)","spacing.-accordionInsetX":"calc(var(--spacing-accordion-inset-x) * -1)","spacing.-accordionTriggerMinH":"calc(var(--spacing-accordion-trigger-min-h) * -1)","spacing.-accordionTriggerY":"calc(var(--spacing-accordion-trigger-y) * -1)","spacing.-badgeX":"calc(var(--spacing-badge-x) * -1)","spacing.-badgeY":"calc(var(--spacing-badge-y) * -1)","spacing.-controlMinHLg":"calc(var(--spacing-control-min-h-lg) * -1)","spacing.-controlMinHMd":"calc(var(--spacing-control-min-h-md) * -1)","spacing.-controlMinHSm":"calc(var(--spacing-control-min-h-sm) * -1)","spacing.-controlMinHXs":"calc(var(--spacing-control-min-h-xs) * -1)","spacing.-controlX":"calc(var(--spacing-control-x) * -1)","spacing.-controlXSm":"calc(var(--spacing-control-x-sm) * -1)","spacing.-controlY":"calc(var(--spacing-control-y) * -1)","spacing.-controlYSm":"calc(var(--spacing-control-y-sm) * -1)","spacing.-gap":"calc(var(--spacing-gap) * -1)","spacing.-gapLg":"calc(var(--spacing-gap-lg) * -1)","spacing.-gapSm":"calc(var(--spacing-gap-sm) * -1)","spacing.-insetX":"calc(var(--spacing-inset-x) * -1)","spacing.-insetXLg":"calc(var(--spacing-inset-x-lg) * -1)","spacing.-insetXSm":"calc(var(--spacing-inset-x-sm) * -1)","spacing.-insetY":"calc(var(--spacing-inset-y) * -1)","spacing.-insetYLg":"calc(var(--spacing-inset-y-lg) * -1)","spacing.-insetYSm":"calc(var(--spacing-inset-y-sm) * -1)","spacing.-padLg":"calc(var(--spacing-pad-lg) * -1)","spacing.-padMd":"calc(var(--spacing-pad-md) * -1)","spacing.-padSm":"calc(var(--spacing-pad-sm) * -1)","spacing.-padXl":"calc(var(--spacing-pad-xl) * -1)","spacing.0":"0rem","spacing.0.5":"0.125rem","spacing.1":"0.25rem","spacing.1.5":"0.375rem","spacing.10":"2.5rem","spacing.11":"2.75rem","spacing.12":"3rem","spacing.14":"3.5rem","spacing.16":"4rem","spacing.2":"0.5rem","spacing.2.5":"0.625rem","spacing.20":"5rem","spacing.24":"6rem","spacing.28":"7rem","spacing.3":"0.75rem","spacing.3.5":"0.875rem","spacing.32":"8rem","spacing.36":"9rem","spacing.4":"1rem","spacing.4.5":"1.125rem","spacing.40":"10rem","spacing.44":"11rem","spacing.48":"12rem","spacing.5":"1.25rem","spacing.5.5":"1.375rem","spacing.52":"13rem","spacing.56":"14rem","spacing.6":"1.5rem","spacing.60":"15rem","spacing.64":"16rem","spacing.7":"1.75rem","spacing.72":"18rem","spacing.8":"2rem","spacing.80":"20rem","spacing.9":"2.25rem","spacing.96":"24rem","spacing.accordionContentB":"1rem","spacing.accordionContentY":"1rem","spacing.accordionGap":"0.75rem","spacing.accordionInsetX":"1.75rem","spacing.accordionTriggerMinH":"3.5rem","spacing.accordionTriggerY":"1.375rem","spacing.badgeX":"0.5rem","spacing.badgeY":"0.125rem","spacing.controlMinHLg":"2.5rem","spacing.controlMinHMd":"2.25rem","spacing.controlMinHSm":"2rem","spacing.controlMinHXs":"1.75rem","spacing.controlX":"0.75rem","spacing.controlXSm":"0.625rem","spacing.controlY":"0.375rem","spacing.controlYSm":"0.3125rem","spacing.gap":"1rem","spacing.gapLg":"1.25rem","spacing.gapSm":"0.75rem","spacing.insetX":"1.5rem","spacing.insetXLg":"1.75rem","spacing.insetXSm":"1.125rem","spacing.insetY":"0.875rem","spacing.insetYLg":"1.125rem","spacing.insetYSm":"0.75rem","spacing.padLg":"2rem","spacing.padMd":"1.625rem","spacing.padSm":"1.25rem","spacing.padXl":"2.5rem"}
+
+const tokenVars = {"sizes.0.5":"var(--sizes-0\\.5)","sizes.1.5":"var(--sizes-1\\.5)","sizes.2.5":"var(--sizes-2\\.5)","sizes.3.5":"var(--sizes-3\\.5)","sizes.4.5":"var(--sizes-4\\.5)","sizes.5.5":"var(--sizes-5\\.5)","spacing.-0.5":"var(--spacing-0\\.5)","spacing.-1":"var(--spacing-1)","spacing.-1.5":"var(--spacing-1\\.5)","spacing.-10":"var(--spacing-10)","spacing.-11":"var(--spacing-11)","spacing.-12":"var(--spacing-12)","spacing.-14":"var(--spacing-14)","spacing.-16":"var(--spacing-16)","spacing.-2":"var(--spacing-2)","spacing.-2.5":"var(--spacing-2\\.5)","spacing.-20":"var(--spacing-20)","spacing.-24":"var(--spacing-24)","spacing.-28":"var(--spacing-28)","spacing.-3":"var(--spacing-3)","spacing.-3.5":"var(--spacing-3\\.5)","spacing.-32":"var(--spacing-32)","spacing.-36":"var(--spacing-36)","spacing.-4":"var(--spacing-4)","spacing.-4.5":"var(--spacing-4\\.5)","spacing.-40":"var(--spacing-40)","spacing.-44":"var(--spacing-44)","spacing.-48":"var(--spacing-48)","spacing.-5":"var(--spacing-5)","spacing.-5.5":"var(--spacing-5\\.5)","spacing.-52":"var(--spacing-52)","spacing.-56":"var(--spacing-56)","spacing.-6":"var(--spacing-6)","spacing.-60":"var(--spacing-60)","spacing.-64":"var(--spacing-64)","spacing.-7":"var(--spacing-7)","spacing.-72":"var(--spacing-72)","spacing.-8":"var(--spacing-8)","spacing.-80":"var(--spacing-80)","spacing.-9":"var(--spacing-9)","spacing.-96":"var(--spacing-96)","spacing.-accordionContentB":"var(--spacing-accordion-content-b)","spacing.-accordionContentY":"var(--spacing-accordion-content-y)","spacing.-accordionGap":"var(--spacing-accordion-gap)","spacing.-accordionInsetX":"var(--spacing-accordion-inset-x)","spacing.-accordionTriggerMinH":"var(--spacing-accordion-trigger-min-h)","spacing.-accordionTriggerY":"var(--spacing-accordion-trigger-y)","spacing.-badgeX":"var(--spacing-badge-x)","spacing.-badgeY":"var(--spacing-badge-y)","spacing.-controlMinHLg":"var(--spacing-control-min-h-lg)","spacing.-controlMinHMd":"var(--spacing-control-min-h-md)","spacing.-controlMinHSm":"var(--spacing-control-min-h-sm)","spacing.-controlMinHXs":"var(--spacing-control-min-h-xs)","spacing.-controlX":"var(--spacing-control-x)","spacing.-controlXSm":"var(--spacing-control-x-sm)","spacing.-controlY":"var(--spacing-control-y)","spacing.-controlYSm":"var(--spacing-control-y-sm)","spacing.-gap":"var(--spacing-gap)","spacing.-gapLg":"var(--spacing-gap-lg)","spacing.-gapSm":"var(--spacing-gap-sm)","spacing.-insetX":"var(--spacing-inset-x)","spacing.-insetXLg":"var(--spacing-inset-x-lg)","spacing.-insetXSm":"var(--spacing-inset-x-sm)","spacing.-insetY":"var(--spacing-inset-y)","spacing.-insetYLg":"var(--spacing-inset-y-lg)","spacing.-insetYSm":"var(--spacing-inset-y-sm)","spacing.-padLg":"var(--spacing-pad-lg)","spacing.-padMd":"var(--spacing-pad-md)","spacing.-padSm":"var(--spacing-pad-sm)","spacing.-padXl":"var(--spacing-pad-xl)","spacing.0.5":"var(--spacing-0\\.5)","spacing.1.5":"var(--spacing-1\\.5)","spacing.2.5":"var(--spacing-2\\.5)","spacing.3.5":"var(--spacing-3\\.5)","spacing.4.5":"var(--spacing-4\\.5)","spacing.5.5":"var(--spacing-5\\.5)"}
+const resolveVar = (path) => tokenVars[path] || toCssVar(path)
+
+export const token = /* @__PURE__ */ Object.assign(
+  function token(path, fallback) {
+    const value = tokens[path]
+    return value === undefined ? colorMix(tokens, path, resolveVar) || fallback : value || resolveVar(path)
+  },
+  {
+    var: function tokenVar(path, fallback) {
+      return tokens[path] === undefined ? fallback : resolveVar(path)
+    },
+  },
+)

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

@@ -1,8 +1,5 @@
-/* eslint-disable */
-import './global.d.ts'
-export * from './conditions';
+export * from './tokens';
+export * from './system';
 export * from './pattern';
 export * from './recipe';
-export * from './system-types';
-export * from './jsx';
-export * from './style-props';
+export * from './jsx';

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

@@ -1,61 +1,70 @@
-/* eslint-disable */
-import type { ElementType, JSX, ComponentPropsWithRef, ComponentType, Component } from 'react'
+import type { ElementType, JSX } from 'react';
 import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe';
-import type { Assign, DistributiveOmit, DistributiveUnion, JsxHTMLProps, JsxStyleProps, Pretty } from './system-types';
+import type { Assign, JsxHTMLProps, JsxStyleProps } from './system';
 
-interface Dict {
+interface AnyProps {
   [k: string]: unknown
 }
 
 export type DataAttrs = Record<`data-${string}`, unknown>
 
 export interface UnstyledProps {
-  /**
-   * Whether to remove recipe styles
-   */
   unstyled?: boolean | undefined
 }
 
 export interface AsProps {
-  /**
-   * The element to render as
-   */
   as?: ElementType | undefined
 }
 
-export type ComponentProps<T extends ElementType> = T extends ComponentType<infer P> | Component<infer P>
-  ? JSX.LibraryManagedAttributes<T, P>
-  : ComponentPropsWithRef<T>
+export type ComponentProps<T extends ElementType> = T extends keyof JSX.IntrinsicElements
+  ? JSX.IntrinsicElements[T]
+  : T extends { (props: infer Props): any }
+    ? Props
+    : T extends abstract new (props: infer Props) => any
+      ? Props
+      : {}
 
-export interface StyledComponent<T extends ElementType, P extends Dict = {}> {
-  (props: JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, Assign<JsxStyleProps, P>>): JSX.Element
+type BaseComponentProps<T extends ElementType> = ComponentProps<T> & UnstyledProps & AsProps
+
+export type StyledComponentProps<T extends ElementType, P extends AnyProps = {}> = JsxHTMLProps<
+  BaseComponentProps<T>,
+  Assign<JsxStyleProps, P>
+>
+
+export interface StyledComponent<T extends ElementType, P extends AnyProps = {}> {
+  (props: StyledComponentProps<T, P>): JSX.Element
   displayName?: string | undefined
 }
 
-interface RecipeFn {
+interface RuntimeRecipeFn {
   __type: any
 }
 
-export interface JsxFactoryOptions<TProps extends Dict> {
+export interface JsxFactoryOptions<TProps extends AnyProps, F extends string = string> {
   dataAttr?: boolean
   defaultProps?: Partial<TProps> & DataAttrs
   shouldForwardProp?: (prop: string, variantKeys: string[]) => boolean
-  forwardProps?: string[]
+  forwardProps?: readonly F[]
 }
 
-export type JsxRecipeProps<T extends ElementType, P extends Dict> = JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, P>;
+// Filters the few forwarded keys; a nested conditional here hits TS2590 on components with many props.
+type ForwardedStyleKeys<T extends ElementType, F extends string> = Extract<Extract<F, keyof JsxStyleProps>, keyof ComponentProps<T>>
+
+/** Props `S`, with each forwarded prop that shares a style prop's name typed from the component. */
+export type WithForwardedProps<S, T extends ElementType, F extends string> = [ForwardedStyleKeys<T, F>] extends [never]
+  ? S
+  : Assign<S, Pick<ComponentProps<T>, ForwardedStyleKeys<T, F>>>
+
+export type JsxRecipeProps<T extends ElementType, P extends AnyProps> = JsxHTMLProps<BaseComponentProps<T>, Assign<JsxStyleProps, P>>
 
-export type JsxElement<T extends ElementType, P extends Dict> = T extends StyledComponent<infer A, infer B>
-  ? StyledComponent<A, Pretty<DistributiveUnion<P, B>>>
+export type JsxElement<T extends ElementType, P extends AnyProps> = T extends StyledComponent<infer A, infer B>
+  ? StyledComponent<A, Assign<B, P>>
   : StyledComponent<T, P>
 
 export interface JsxFactory {
   <T extends ElementType>(component: T): StyledComponent<T, {}>
-  <T extends ElementType, P extends RecipeVariantRecord>(component: T, recipe: RecipeDefinition<P>, options?: JsxFactoryOptions<JsxRecipeProps<T, RecipeSelection<P>>>): JsxElement<
-    T,
-    RecipeSelection<P>
-  >
-  <T extends ElementType, P extends RecipeFn>(component: T, recipeFn: P, options?: JsxFactoryOptions<JsxRecipeProps<T, P['__type']>>): JsxElement<T, P['__type']>
+  <T extends ElementType, P extends RecipeVariantRecord = {}, F extends string = never>(component: T, recipe: RecipeDefinition<P>, options?: JsxFactoryOptions<JsxRecipeProps<T, RecipeSelection<P>>, F>): JsxElement<T, WithForwardedProps<RecipeSelection<P>, T, F>>
+  <T extends ElementType, P extends RuntimeRecipeFn, F extends string = never>(component: T, recipeFn: P, options?: JsxFactoryOptions<JsxRecipeProps<T, P["__type"]>, F>): JsxElement<T, WithForwardedProps<P["__type"], T, F>>
 }
 
 export type JsxElements = {
@@ -64,6 +73,6 @@ export type JsxElements = {
 
 export type Styled = JsxFactory & JsxElements
 
-export type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<ComponentProps<T> & UnstyledProps & AsProps, JsxStyleProps>
+export type HTMLStyledProps<T extends ElementType> = JsxHTMLProps<BaseComponentProps<T>, JsxStyleProps>
 
 export type StyledVariantProps<T extends StyledComponent<any, any>> = T extends StyledComponent<any, infer Props> ? Props : never

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

@@ -1,78 +1,26 @@
-/* eslint-disable */
-import type {  CssProperty, SystemStyleObject  } from './system-types';
-import type {  TokenCategory  } from '../tokens/index';
+import type { ConditionalValue, SystemProperties, SystemStyleObject } from './system';
 
-type Primitive = string | number | boolean | null | undefined
-type LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)
+export type PatternPrimitive = string | number | boolean
 
-export type PatternProperty =
-  | { type: 'property'; value: CssProperty; description?: string }
-  | { type: 'enum'; value: string[]; description?: string }
-  | { type: 'token'; value: TokenCategory; property?: CssProperty; description?: string }
-  | { type: 'string' | 'boolean' | 'number'; description?: string }
+export type PatternPropertyValue<Property extends keyof SystemProperties> = SystemProperties[Property]
 
-export interface PatternHelpers {
-  map: (value: any, fn: (value: string) => string | undefined) => any
-  isCssUnit: (value: any) => boolean
-  isCssVar: (value: any) => boolean
-  isCssFunction: (value: any) => boolean
-}
+export type PatternTokenValue<Value> = ConditionalValue<Value>
 
-export interface PatternProperties {
-  [key: string]: PatternProperty
+export interface PatternHelpers {
+  map(value: unknown, fn: (value: string) => string | undefined): unknown
+  isCssUnit(value: unknown): boolean
+  isCssVar(value: unknown): boolean
+  isCssFunction(value: unknown): boolean
 }
 
-type InferProps<T> = Record<LiteralUnion<keyof T>, any>
-
-export type PatternDefaultValue<T> = Partial<InferProps<T>>
-
-export type PatternDefaultValueFn<T> = (props: InferProps<T>) => PatternDefaultValue<T>
-
-export interface PatternConfig<T extends PatternProperties = PatternProperties> {
-  /**
-   * The description of the pattern. This will be used in the JSDoc comment.
-   */
-  description?: string
-  /**
-   * The JSX element rendered by the pattern
-   * @default 'div'
-   */
-  jsxElement?: string
-  /**
-   * The properties of the pattern.
-   */
-  properties?: T
-  /**
-   * The default values of the pattern.
-   */
-  defaultValues?: PatternDefaultValue<T> | PatternDefaultValueFn<T>
-  /**
-   * The css object this pattern will generate.
-   */
-  transform?: (props: InferProps<T>, helpers: PatternHelpers) => SystemStyleObject
-  /**
-   * Whether the pattern is deprecated.
-   */
-  deprecated?: boolean | string
-  /**
-   * The jsx element name this pattern will generate.
-   */
-  jsxName?: string
-  /**
-   * The jsx elements to track for this pattern. Can be string or Regexp.
-   *
-   * @default capitalize(pattern.name)
-   * @example ['Button', 'Link', /Button$/]
-   */
-  jsx?: Array<string | RegExp>
-  /**
-   * Whether to only generate types for the specified properties.
-   * This will disallow css properties
-   */
+export interface PatternConfig<Props extends object = object> {
+  properties?: Props
+  defaultValues?: Partial<Props> | ((props: Props) => Partial<Props>)
+  transform?: (props: Props, helpers: PatternHelpers) => SystemStyleObject
   strict?: boolean
-  /**
-   * @experimental
-   * Disallow certain css properties for this pattern
-   */
-  blocklist?: LiteralUnion<CssProperty>[]
+  blocklist?: Array<keyof SystemProperties>
 }
+
+export interface PatternRuntimeConfig<Props extends object = object> extends PatternConfig<Props> {
+  transform: (props: Props, helpers: PatternHelpers) => SystemStyleObject
+}

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

@@ -1,181 +1,77 @@
-/* eslint-disable */
-import type {  RecipeRule  } from './static-css';
-import type {  SystemStyleObject, DistributiveOmit, Pretty  } from './system-types';
+import type { SystemStyleObject } from './system';
 
-type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T
+export type RecipeVariantProps<T> = T extends (props?: infer Props) => unknown ? Props : never
 
-export type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>
+export type RecipeVariant<T> = Required<NonNullable<RecipeVariantProps<T>>>
 
-export type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T
-  ? {}
-  : {
-      [K in keyof T]?: StringToBoolean<keyof T[K]> | undefined
-    }
-
-export type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string
-
-/**
- * Extract the variant as optional props from a `cva` function.
- * Intended to be used with a JSX component, prefer `RecipeVariant` for a more strict type.
- */
-export type RecipeVariantProps<
-  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,
-> = Pretty<Parameters<T>[0]>
-
-/**
- * Extract the variants from a `cva` function.
- */
-export type RecipeVariant<
-  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,
-> = Exclude<Pretty<Required<RecipeVariantProps<T>>>, undefined>
+export type RecipeVariantMap<Variant extends object> = {
+  [K in keyof Variant]-?: Array<Exclude<Variant[K], undefined>>
+}
 
-type RecipeVariantMap<T extends RecipeVariantRecord> = {
+export type RecipeConfigVariantMap<T> = {
   [K in keyof T]: Array<keyof T[K]>
 }
 
-/* -----------------------------------------------------------------------------
- * Recipe / Standard
- * -----------------------------------------------------------------------------*/
-
-export interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {
-  __type: RecipeSelection<T>
-  variantKeys: (keyof T)[]
-  variantMap: RecipeVariantMap<T>
-  raw: (props?: RecipeSelection<T>) => SystemStyleObject
-  config: RecipeConfig<T>
-  splitVariantProps<Props extends RecipeSelection<T>>(
-    props: Props,
-  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]
-  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>
+export interface RecipeRuntimeFn<Props extends object = object, Map extends object = object> {
+  (props?: Props): string
+  __type: Props
+  variantMap: Map
+  variantKeys: Array<keyof Props>
+  raw: (props?: Props) => SystemStyleObject
+  splitVariantProps<T extends Record<string, any>>(props: T): [Props, Omit<T, keyof Props>]
+  getVariantProps: (props?: Props) => Props
+  merge(recipe: RecipeRuntimeFn): RecipeRuntimeFn
 }
 
-type OneOrMore<T> = T | Array<T>
-
-export type RecipeCompoundSelection<T> = {
-  [K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>> | undefined
+export type SlotRecord<Slot extends string, Value> = Partial<Record<Slot, Value>>
+
+export interface SlotRecipeRuntimeFn<Slot extends string, Props extends object = object, Map extends object = object> {
+  (props?: Props): Record<Slot, string>
+  __type: Props
+  __slot: Slot
+  variantMap: Map
+  variantKeys: Array<keyof Props>
+  raw: (props?: Props) => Record<Slot, SystemStyleObject>
+  splitVariantProps<T extends Record<string, any>>(props: T): [Props, Omit<T, keyof Props>]
+  getVariantProps: (props?: Props) => Props
 }
 
-export type RecipeCompoundVariant<T> = T & {
-  css: SystemStyleObject
+export type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T
+
+export type RecipeVariantRecord = Record<string, Record<string, SystemStyleObject>>
+
+export type RecipeSelection<T extends RecipeVariantRecord> = string extends keyof T
+  ? {}
+  : {
+      [K in keyof T]?: StringToBoolean<keyof T[K]> | undefined
+    }
+
+export type RecipeCompoundSelection<T> = {
+  [K in keyof T]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>> | undefined
 }
 
 export interface RecipeDefinition<T extends RecipeVariantRecord = RecipeVariantRecord> {
-  /**
-   * The base styles of the recipe.
-   */
   base?: SystemStyleObject
-  /**
-   * Whether the recipe is deprecated.
-   */
-  deprecated?: boolean | string
-  /**
-   * The multi-variant styles of the recipe.
-   */
   variants?: T
-  /**
-   * The default variants of the recipe.
-   */
   defaultVariants?: RecipeSelection<T>
-  /**
-   * The styles to apply when a combination of variants is selected.
-   */
-  compoundVariants?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]
+  compoundVariants?: Array<RecipeCompoundSelection<T> & { css: SystemStyleObject }>
 }
 
-export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>
-
-interface RecipeConfigMeta {
-  /**
-   * The class name of the recipe.
-   */
-  className: string
-  /**
-   * The description of the recipe. This will be used in the JSDoc comment.
-   */
-  description?: string
-  /**
-   * The jsx elements to track for this recipe. Can be string or Regexp.
-   *
-   * @default capitalize(recipe.name)
-   * @example ['Button', 'Link', /Button$/]
-   */
-  jsx?: Array<string | RegExp>
-  /**
-   * Variants to pre-generate, will be include in the final `config.staticCss`
-   */
-  staticCss?: RecipeRule[]
+export interface RecipeCreatorFn {
+  <T extends RecipeVariantRecord>(config: RecipeDefinition<T>): RecipeRuntimeFn<RecipeSelection<T>, RecipeConfigVariantMap<T>>
 }
 
-export interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>
-  extends RecipeDefinition<T>,
-    RecipeConfigMeta {}
-
-/* -----------------------------------------------------------------------------
- * Recipe / Slot
- * -----------------------------------------------------------------------------*/
-
-type SlotRecord<S extends string, T> = Partial<Record<S, T>>
-
-export type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>
+export type SlotRecipeVariantRecord<Slot extends string> = Record<string, Record<string, SlotRecord<Slot, SystemStyleObject>>>
 
-export type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (
-  props?: RecipeSelection<T>,
-) => SlotRecord<S, string>
-
-export interface SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>>
-  extends 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<DistributiveOmit<Props, keyof T>>]
-  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>
-}
-
-export type SlotRecipeCompoundVariant<S extends string, T> = T & {
-  css: SlotRecord<S, SystemStyleObject>
-}
-
-export interface SlotRecipeDefinition<
-  S extends string = string,
-  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,
-> {
-  /**
-   * An optional class name that can be used to target slots in the DOM.
-   */
+export interface SlotRecipeDefinition<Slot extends string = string, T extends SlotRecipeVariantRecord<Slot> = SlotRecipeVariantRecord<Slot>> {
   className?: string
-  /**
-   * Whether the recipe is deprecated.
-   */
-  deprecated?: boolean | string
-  /**
-   * The parts/slots of the recipe.
-   */
-  slots: S[] | Readonly<S[]>
-  /**
-   * The base styles of the recipe.
-   */
-  base?: SlotRecord<S, SystemStyleObject>
-  /**
-   * The multi-variant styles of the recipe.
-   */
+  slots: readonly Slot[]
+  base?: SlotRecord<Slot, SystemStyleObject>
   variants?: T
-  /**
-   * The default variants of the recipe.
-   */
   defaultVariants?: RecipeSelection<T>
-  /**
-   * The styles to apply when a combination of variants is selected.
-   */
-  compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]
+  compoundVariants?: Array<RecipeCompoundSelection<T> & { css: SlotRecord<Slot, SystemStyleObject> }>
 }
 
-export type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(
-  config: SlotRecipeDefinition<S, T>,
-) => SlotRecipeRuntimeFn<S, T>
-
-export type SlotRecipeConfig<
-  S extends string = string,
-  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,
-> = SlotRecipeDefinition<S, T> & RecipeConfigMeta
+export interface SlotRecipeCreatorFn {
+  <Slot extends string, T extends SlotRecipeVariantRecord<Slot>>(config: SlotRecipeDefinition<Slot, T>): SlotRecipeRuntimeFn<Slot, RecipeSelection<T>, RecipeConfigVariantMap<T>>
+}