@pandacss/generator 0.17.0 → 0.17.2

package/dist/index.js

@@ -299,6 +299,14 @@ function generateResetCss(ctx, scope = "") {
     background-image: none;
   }
 
+  ${selector}button,
+  ${selector}input,
+  ${selector}optgroup,
+  ${selector}select,
+  ${selector}textarea {
+    color: inherit;
+  }
+
   ${selector}button,
   ${selector}select {
     text-transform: none;
@@ -913,7 +921,7 @@ var import_outdent8 = require("outdent");
 
 // src/artifacts/generated/helpers.mjs.json
 var helpers_mjs_default = {
-  content: '// src/assert.ts\nfunction isObject(value) {\n  return typeof value === "object" && value != null && !Array.isArray(value);\n}\n\n// src/compact.ts\nfunction compact(value) {\n  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));\n}\n\n// src/condition.ts\nvar isBaseCondition = (v) => v === "base";\nfunction filterBaseConditions(c) {\n  return c.slice().filter((v) => !isBaseCondition(v));\n}\n\n// src/css-important.ts\nvar importantRegex = /!(important)?$/;\nfunction isImportant(value) {\n  return typeof value === "string" ? importantRegex.test(value) : false;\n}\nfunction withoutImportant(value) {\n  return typeof value === "string" ? value.replace(importantRegex, "").trim() : value;\n}\nfunction withoutSpace(str) {\n  return typeof str === "string" ? str.replaceAll(" ", "_") : str;\n}\n\n// src/hash.ts\nfunction toChar(code) {\n  return String.fromCharCode(code + (code > 25 ? 39 : 97));\n}\nfunction toName(code) {\n  let name = "";\n  let x;\n  for (x = Math.abs(code); x > 52; x = x / 52 | 0)\n    name = toChar(x % 52) + name;\n  return toChar(x % 52) + name;\n}\nfunction toPhash(h, x) {\n  let i = x.length;\n  while (i)\n    h = h * 33 ^ x.charCodeAt(--i);\n  return h;\n}\nfunction toHash(value) {\n  return toName(toPhash(5381, value) >>> 0);\n}\n\n// src/merge-props.ts\nfunction mergeProps(...sources) {\n  const __sources = sources.filter(Boolean);\n  const result = {};\n  for (const source of __sources) {\n    for (const [key, value] of Object.entries(source)) {\n      if (isObject(value)) {\n        result[key] = mergeProps(result[key] || {}, value);\n      } else {\n        result[key] = value;\n      }\n    }\n  }\n  return result;\n}\n\n// src/walk-object.ts\nvar isNotNullish = (element) => element != null;\nfunction walkObject(target, predicate, options = {}) {\n  const { stop, getKey } = options;\n  function inner(value, path = []) {\n    if (isObject(value) || Array.isArray(value)) {\n      const result = {};\n      for (const [prop, child] of Object.entries(value)) {\n        const key = getKey?.(prop) ?? prop;\n        const childPath = [...path, key];\n        if (stop?.(value, childPath)) {\n          return predicate(value, path);\n        }\n        const next = inner(child, childPath);\n        if (isNotNullish(next)) {\n          result[key] = next;\n        }\n      }\n      return result;\n    }\n    return predicate(value, path);\n  }\n  return inner(target);\n}\nfunction mapObject(obj, fn) {\n  if (!isObject(obj))\n    return fn(obj);\n  return walkObject(obj, (value) => fn(value));\n}\n\n// src/normalize-style-object.ts\nfunction toResponsiveObject(values, breakpoints) {\n  return values.reduce((acc, current, index) => {\n    const key = breakpoints[index];\n    if (current != null) {\n      acc[key] = current;\n    }\n    return acc;\n  }, {});\n}\nfunction normalizeShorthand(styles, context) {\n  const { hasShorthand, resolveShorthand } = context.utility;\n  return walkObject(styles, (v) => v, {\n    getKey: (prop) => {\n      return hasShorthand ? resolveShorthand(prop) : prop;\n    }\n  });\n}\nfunction normalizeStyleObject(styles, context) {\n  const { utility, conditions } = context;\n  const { hasShorthand, resolveShorthand } = utility;\n  return walkObject(\n    styles,\n    (value) => {\n      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;\n    },\n    {\n      stop: (value) => Array.isArray(value),\n      getKey: (prop) => {\n        return hasShorthand ? resolveShorthand(prop) : prop;\n      }\n    }\n  );\n}\n\n// src/classname.ts\nvar fallbackCondition = {\n  shift: (v) => v,\n  finalize: (v) => v,\n  breakpoints: { keys: [] }\n};\nvar sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\\n\\s]+/g, " ") : value;\nfunction createCss(context) {\n  const { utility, hash, conditions: conds = fallbackCondition } = context;\n  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");\n  const hashFn = (conditions, className) => {\n    let result;\n    if (hash) {\n      const baseArray = [...conds.finalize(conditions), className];\n      result = formatClassName(toHash(baseArray.join(":")));\n    } else {\n      const baseArray = [...conds.finalize(conditions), formatClassName(className)];\n      result = baseArray.join(":");\n    }\n    return result;\n  };\n  return (styleObject = {}) => {\n    const normalizedObject = normalizeStyleObject(styleObject, context);\n    const classNames = /* @__PURE__ */ new Set();\n    walkObject(normalizedObject, (value, paths) => {\n      const important = isImportant(value);\n      if (value == null)\n        return;\n      const [prop, ...allConditions] = conds.shift(paths);\n      const conditions = filterBaseConditions(allConditions);\n      const transformed = utility.transform(prop, withoutImportant(sanitize(value)));\n      let className = hashFn(conditions, transformed.className);\n      if (important)\n        className = `${className}!`;\n      classNames.add(className);\n    });\n    return Array.from(classNames).join(" ");\n  };\n}\nfunction compactStyles(...styles) {\n  return styles.filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);\n}\nfunction createMergeCss(context) {\n  function resolve(styles) {\n    const allStyles = compactStyles(...styles);\n    if (allStyles.length === 1)\n      return allStyles;\n    return allStyles.map((style) => normalizeShorthand(style, context));\n  }\n  function mergeCss(...styles) {\n    return mergeProps(...resolve(styles));\n  }\n  function assignCss(...styles) {\n    return Object.assign({}, ...resolve(styles));\n  }\n  return { mergeCss, assignCss };\n}\n\n// src/memo.ts\nvar memo = (fn) => {\n  const cache = /* @__PURE__ */ new Map();\n  const get = (...args) => {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key);\n    }\n    const result = fn(...args);\n    cache.set(key, result);\n    return result;\n  };\n  return get;\n};\n\n// src/hypenate-property.ts\nvar wordRegex = /([A-Z])/g;\nvar msRegex = /^ms-/;\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith("--"))\n    return property;\n  return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();\n});\n\n// src/slot.ts\nvar getSlotRecipes = (recipe = {}) => {\n  const init = (slot) => ({\n    className: [recipe.className, slot].filter(Boolean).join("__"),\n    base: recipe.base?.[slot] ?? {},\n    variants: {},\n    defaultVariants: recipe.defaultVariants ?? {},\n    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []\n  });\n  const slots = recipe.slots ?? [];\n  const recipeParts = slots.map((slot) => [slot, init(slot)]);\n  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {\n    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {\n      recipeParts.forEach(([slot, slotRecipe]) => {\n        slotRecipe.variants[variantsKey] ??= {};\n        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};\n      });\n    }\n  }\n  return Object.fromEntries(recipeParts);\n};\nvar getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));\n\n// src/split-props.ts\nfunction splitProps(props, ...keys) {\n  const descriptors = Object.getOwnPropertyDescriptors(props);\n  const dKeys = Object.keys(descriptors);\n  const split = (k) => {\n    const clone = {};\n    for (let i = 0; i < k.length; i++) {\n      const key = k[i];\n      if (descriptors[key]) {\n        Object.defineProperty(clone, key, descriptors[key]);\n        delete descriptors[key];\n      }\n    }\n    return clone;\n  };\n  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));\n  return keys.map(fn).concat(split(dKeys));\n}\n\n// src/uniq.ts\nvar uniq = (...items) => items.filter(Boolean).reduce((acc, item) => Array.from(/* @__PURE__ */ new Set([...acc, ...item])), []);\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  getSlotCompoundVariant,\n  getSlotRecipes,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  memo,\n  mergeProps,\n  splitProps,\n  toHash,\n  uniq,\n  walkObject,\n  withoutSpace\n};\n'
+  content: '// src/assert.ts\nfunction isObject(value) {\n  return typeof value === "object" && value != null && !Array.isArray(value);\n}\n\n// src/compact.ts\nfunction compact(value) {\n  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));\n}\n\n// src/condition.ts\nvar isBaseCondition = (v) => v === "base";\nfunction filterBaseConditions(c) {\n  return c.slice().filter((v) => !isBaseCondition(v));\n}\n\n// src/css-important.ts\nvar importantRegex = /!(important)?$/;\nfunction isImportant(value) {\n  return typeof value === "string" ? importantRegex.test(value) : false;\n}\nfunction withoutImportant(value) {\n  return typeof value === "string" ? value.replace(importantRegex, "").trim() : value;\n}\nfunction withoutSpace(str) {\n  return typeof str === "string" ? str.replaceAll(" ", "_") : str;\n}\n\n// src/hash.ts\nfunction toChar(code) {\n  return String.fromCharCode(code + (code > 25 ? 39 : 97));\n}\nfunction toName(code) {\n  let name = "";\n  let x;\n  for (x = Math.abs(code); x > 52; x = x / 52 | 0)\n    name = toChar(x % 52) + name;\n  return toChar(x % 52) + name;\n}\nfunction toPhash(h, x) {\n  let i = x.length;\n  while (i)\n    h = h * 33 ^ x.charCodeAt(--i);\n  return h;\n}\nfunction toHash(value) {\n  return toName(toPhash(5381, value) >>> 0);\n}\n\n// src/merge-props.ts\nfunction mergeProps(...sources) {\n  const objects = sources.filter(Boolean);\n  return objects.reduce((prev, obj) => {\n    Object.keys(obj).forEach((key) => {\n      const prevValue = prev[key];\n      const value = obj[key];\n      if (isObject(prevValue) && isObject(value)) {\n        prev[key] = mergeProps(prevValue, value);\n      } else {\n        prev[key] = value;\n      }\n    });\n    return prev;\n  }, {});\n}\n\n// src/walk-object.ts\nvar isNotNullish = (element) => element != null;\nfunction walkObject(target, predicate, options = {}) {\n  const { stop, getKey } = options;\n  function inner(value, path = []) {\n    if (isObject(value) || Array.isArray(value)) {\n      const result = {};\n      for (const [prop, child] of Object.entries(value)) {\n        const key = getKey?.(prop) ?? prop;\n        const childPath = [...path, key];\n        if (stop?.(value, childPath)) {\n          return predicate(value, path);\n        }\n        const next = inner(child, childPath);\n        if (isNotNullish(next)) {\n          result[key] = next;\n        }\n      }\n      return result;\n    }\n    return predicate(value, path);\n  }\n  return inner(target);\n}\nfunction mapObject(obj, fn) {\n  if (!isObject(obj))\n    return fn(obj);\n  return walkObject(obj, (value) => fn(value));\n}\n\n// src/normalize-style-object.ts\nfunction toResponsiveObject(values, breakpoints) {\n  return values.reduce((acc, current, index) => {\n    const key = breakpoints[index];\n    if (current != null) {\n      acc[key] = current;\n    }\n    return acc;\n  }, {});\n}\nfunction normalizeShorthand(styles, context) {\n  const { hasShorthand, resolveShorthand } = context.utility;\n  return walkObject(styles, (v) => v, {\n    getKey: (prop) => {\n      return hasShorthand ? resolveShorthand(prop) : prop;\n    }\n  });\n}\nfunction normalizeStyleObject(styles, context) {\n  const { utility, conditions } = context;\n  const { hasShorthand, resolveShorthand } = utility;\n  return walkObject(\n    styles,\n    (value) => {\n      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;\n    },\n    {\n      stop: (value) => Array.isArray(value),\n      getKey: (prop) => {\n        return hasShorthand ? resolveShorthand(prop) : prop;\n      }\n    }\n  );\n}\n\n// src/classname.ts\nvar fallbackCondition = {\n  shift: (v) => v,\n  finalize: (v) => v,\n  breakpoints: { keys: [] }\n};\nvar sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\\n\\s]+/g, " ") : value;\nfunction createCss(context) {\n  const { utility, hash, conditions: conds = fallbackCondition } = context;\n  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");\n  const hashFn = (conditions, className) => {\n    let result;\n    if (hash) {\n      const baseArray = [...conds.finalize(conditions), className];\n      result = formatClassName(toHash(baseArray.join(":")));\n    } else {\n      const baseArray = [...conds.finalize(conditions), formatClassName(className)];\n      result = baseArray.join(":");\n    }\n    return result;\n  };\n  return (styleObject = {}) => {\n    const normalizedObject = normalizeStyleObject(styleObject, context);\n    const classNames = /* @__PURE__ */ new Set();\n    walkObject(normalizedObject, (value, paths) => {\n      const important = isImportant(value);\n      if (value == null)\n        return;\n      const [prop, ...allConditions] = conds.shift(paths);\n      const conditions = filterBaseConditions(allConditions);\n      const transformed = utility.transform(prop, withoutImportant(sanitize(value)));\n      let className = hashFn(conditions, transformed.className);\n      if (important)\n        className = `${className}!`;\n      classNames.add(className);\n    });\n    return Array.from(classNames).join(" ");\n  };\n}\nfunction compactStyles(...styles) {\n  return styles.filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);\n}\nfunction createMergeCss(context) {\n  function resolve(styles) {\n    const allStyles = compactStyles(...styles);\n    if (allStyles.length === 1)\n      return allStyles;\n    return allStyles.map((style) => normalizeShorthand(style, context));\n  }\n  function mergeCss(...styles) {\n    return mergeProps(...resolve(styles));\n  }\n  function assignCss(...styles) {\n    return Object.assign({}, ...resolve(styles));\n  }\n  return { mergeCss, assignCss };\n}\n\n// src/memo.ts\nvar memo = (fn) => {\n  const cache = /* @__PURE__ */ new Map();\n  const get = (...args) => {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key);\n    }\n    const result = fn(...args);\n    cache.set(key, result);\n    return result;\n  };\n  return get;\n};\n\n// src/hypenate-property.ts\nvar wordRegex = /([A-Z])/g;\nvar msRegex = /^ms-/;\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith("--"))\n    return property;\n  return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();\n});\n\n// src/slot.ts\nvar getSlotRecipes = (recipe = {}) => {\n  const init = (slot) => ({\n    className: [recipe.className, slot].filter(Boolean).join("__"),\n    base: recipe.base?.[slot] ?? {},\n    variants: {},\n    defaultVariants: recipe.defaultVariants ?? {},\n    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []\n  });\n  const slots = recipe.slots ?? [];\n  const recipeParts = slots.map((slot) => [slot, init(slot)]);\n  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {\n    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {\n      recipeParts.forEach(([slot, slotRecipe]) => {\n        slotRecipe.variants[variantsKey] ??= {};\n        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};\n      });\n    }\n  }\n  return Object.fromEntries(recipeParts);\n};\nvar getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));\n\n// src/split-props.ts\nfunction splitProps(props, ...keys) {\n  const descriptors = Object.getOwnPropertyDescriptors(props);\n  const dKeys = Object.keys(descriptors);\n  const split = (k) => {\n    const clone = {};\n    for (let i = 0; i < k.length; i++) {\n      const key = k[i];\n      if (descriptors[key]) {\n        Object.defineProperty(clone, key, descriptors[key]);\n        delete descriptors[key];\n      }\n    }\n    return clone;\n  };\n  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));\n  return keys.map(fn).concat(split(dKeys));\n}\n\n// src/uniq.ts\nvar uniq = (...items) => items.filter(Boolean).reduce((acc, item) => Array.from(/* @__PURE__ */ new Set([...acc, ...item])), []);\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  getSlotCompoundVariant,\n  getSlotRecipes,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  memo,\n  mergeProps,\n  splitProps,\n  toHash,\n  uniq,\n  walkObject,\n  withoutSpace\n};\n'
 };
 
 // src/artifacts/generated/astish.mjs.json
@@ -1405,7 +1413,7 @@ function generatePreactJsxFactory(ctx) {
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -1419,8 +1427,8 @@ function generatePreactJsxFactory(ctx) {
 
         const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
 
-        const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
-          return splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
+          return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
         }, [combinedProps])
 
         function recipeClass() {
@@ -1448,12 +1456,12 @@ function generatePreactJsxFactory(ctx) {
       })
 
       const name = getDisplayName(Dynamic)
-      
+
       ${componentName}.displayName = \`${factoryName}.\${name}\`
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -1709,7 +1717,7 @@ function generateQwikJsxFactory(ctx) {
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -1722,16 +1730,18 @@ function generateQwikJsxFactory(ctx) {
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
 
         const combinedProps = Object.assign({}, defaultProps, restProps)
-        
-        const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] =
-          splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+
+        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] =
+          splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
+
+        const { css: cssStyles, ...propStyles } = styleProps
 
         function recipeClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps);
           return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.class, className)
         }
-        
+
         function cvaClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const cvaStyles = __cvaFn__.raw(variantProps)
@@ -1750,12 +1760,12 @@ function generateQwikJsxFactory(ctx) {
       }
 
       const name = getDisplayName(Dynamic)
-      
+
       ${componentName}.displayName = \`${factoryName}.\${name}\`
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -2018,7 +2028,7 @@ function generateReactJsxFactory(ctx) {
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -2026,14 +2036,14 @@ function generateReactJsxFactory(ctx) {
 
       const ${componentName} = /* @__PURE__ */ forwardRef(function ${componentName}(props, ref) {
         const { as: Element = Dynamic.__base__ || Dynamic, children, ...restProps } = props
-        
+
         const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
 
         const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
 
-        const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
-          return splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
+          return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
         }, [combinedProps])
 
         function recipeClass() {
@@ -2061,12 +2071,12 @@ function generateReactJsxFactory(ctx) {
       })
 
       const name = getDisplayName(Dynamic)
-      
+
       ${componentName}.displayName = \`${factoryName}.\${name}\`
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -2323,13 +2333,13 @@ function generateSolidJsxFactory(ctx) {
     ${ctx.file.import("isCssProperty, allCssProperties", "./is-valid-prop")}
     ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("normalizeHTMLProps", "../helpers")}
-    
+
     function styledFn(element, configOrCva = {}, options = {}) {
       const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -2337,19 +2347,21 @@ function generateSolidJsxFactory(ctx) {
 
       const ${componentName} = (props) => {
         const mergedProps = mergeProps({ as: element.__base__ || element }, defaultProps, props)
-        
+
         const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
-        
-        const forwardedKeys = createMemo(() => Object.keys(props).filter(shouldForwardProp))
 
-        const [localProps, forwardedProps, variantProps, styleProps, htmlProps, elementProps] = splitProps(
+        const forwardedKeys = createMemo(() =>
+          Object.keys(props).filter((prop) => !normalizeHTMLProps.keys.includes(prop) && shouldForwardProp(prop)),
+        )
+
+        const [localProps, htmlProps, forwardedProps, variantProps, styleProps, elementProps] = splitProps(
           mergedProps,
           ['as', 'class', 'className'],
+          normalizeHTMLProps.keys,
           forwardedKeys(),
           __cvaFn__.variantKeys,
           allCssProperties,
-          normalizeHTMLProps.keys
         )
 
         function recipeClass() {
@@ -2394,7 +2406,7 @@ function generateSolidJsxFactory(ctx) {
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = element
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -2653,15 +2665,15 @@ function generateVueJsxFactory(ctx) {
 
     function styledFn(Dynamic, configOrCva = {}, options = {}) {
       const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
-      
+
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
       )
-        
+
       const name = getDisplayName(Dynamic)
 
       const ${componentName} = defineComponent({
@@ -2671,22 +2683,22 @@ function generateVueJsxFactory(ctx) {
         setup(props, { slots, attrs }) {
           const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
           const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
-          
+
           const combinedProps = computed(() => Object.assign({}, defaultProps, attrs))
-          
+
           const splittedProps = computed(() => {
-            return splitProps(combinedProps.value, shouldForwardProp, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+            return splitProps(combinedProps.value, normalizeHTMLProps.keys, shouldForwardProp, __cvaFn__.variantKeys, isCssProperty)
           })
 
           const recipeClass = computed(() => {
-            const [_forwardedProps, variantProps, styleProps, _htmlProps, _elementProps] = splittedProps.value
+            const [_htmlProps, _forwardedProps, variantProps, styleProps, _elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
             const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps);
             return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.value.className)
           })
 
           const cvaClass = computed(() => {
-            const [_forwardedProps, variantProps, styleProps, _htmlProps, _elementProps] = splittedProps.value
+            const [_htmlProps, _forwardedProps, variantProps, styleProps, _elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
             const cvaStyles = __cvaFn__.raw(variantProps)
             return cx(css(cvaStyles, propStyles, cssStyles), combinedProps.value.className)
@@ -2695,7 +2707,7 @@ function generateVueJsxFactory(ctx) {
           const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
 
           return () => {
-            const [forwardedProps, _variantProps, _styleProps, htmlProps, elementProps] = splittedProps.value
+            const [htmlProps, forwardedProps, _variantProps, _styleProps, elementProps] = splittedProps.value
             return h(
               props.as,
               {
@@ -2714,7 +2726,7 @@ function generateVueJsxFactory(ctx) {
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -3079,12 +3091,12 @@ var recipe_d_ts_default = {
 
 // src/artifacts/generated/pattern.d.ts.json
 var pattern_d_ts_default = {
-  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport interface PatternHelpers {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternProperties = Record<string, PatternProperty>\n\ntype Props<T> = Record<LiteralUnion<keyof T>, any>\n\nexport interface PatternConfig<T extends PatternProperties = PatternProperties> {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties?: T\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsxName?: string\n  /**\n   * The jsx elements to track for this pattern. Can be string or Regexp.\n   *\n   * @default capitalize(pattern.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
+  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport interface PatternHelpers {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport interface PatternProperties {\n  [key: string]: PatternProperty\n}\n\ntype Props<T> = Record<LiteralUnion<keyof T>, any>\n\nexport interface PatternConfig<T extends PatternProperties = PatternProperties> {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties?: T\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsxName?: string\n  /**\n   * The jsx elements to track for this pattern. Can be string or Regexp.\n   *\n   * @default capitalize(pattern.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
 };
 
 // src/artifacts/generated/parts.d.ts.json
 var parts_d_ts_default = {
-  content: "export interface Part {\n  selector: string\n}\n\nexport type Parts = Record<string, Part>\n"
+  content: "export interface Part {\n  selector: string\n}\n\nexport interface Parts {\n  [key: string]: Part\n}\n"
 };
 
 // src/artifacts/generated/selectors.d.ts.json
@@ -3105,15 +3117,32 @@ function getGeneratedTypes(ctx) {
     composition: rewriteImports(composition_d_ts_default.content),
     selectors: rewriteImports(selectors_d_ts_default.content),
     system: rewriteImports(
-      (0, import_ts_pattern9.match)(ctx.jsx.styleProps).with("all", () => system_types_d_ts_default.content).with("minimal", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = WithCss")).with("none", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = {}")).exhaustive()
+      (0, import_ts_pattern9.match)(ctx.jsx.styleProps).with("all", () => system_types_d_ts_default.content).with(
+        "minimal",
+        () => system_types_d_ts_default.content.replace("WithHTMLProps<T>,", "T,").replace(jsxStyleProps, "export type JsxStyleProps = WithCss")
+      ).with(
+        "none",
+        () => system_types_d_ts_default.content.replace("WithHTMLProps<T>,", "T,").replace(jsxStyleProps, "export type JsxStyleProps = {}")
+      ).exhaustive()
     )
   };
 }
 
 // src/artifacts/types/main.ts
 var import_outdent40 = require("outdent");
-var generateTypesEntry = (ctx) => ({
-  global: import_outdent40.outdent`
+var generateTypesEntry = (ctx, isJsxRequired) => {
+  const indexExports = [
+    // We need to export types used in the global.d.ts here to avoid TS errors such as `The inferred type of 'xxx' cannot be named without a reference to 'yyy'`
+    `import '${ctx.file.extDts("./global")}'`,
+    ctx.file.exportTypeStar("./conditions"),
+    ctx.file.exportTypeStar("./pattern"),
+    ctx.file.exportTypeStar("./recipe"),
+    ctx.file.exportTypeStar("./system-types"),
+    isJsxRequired && ctx.file.exportTypeStar("./jsx"),
+    ctx.file.exportTypeStar("./style-props")
+  ].filter(Boolean);
+  return {
+    global: import_outdent40.outdent`
     // @ts-nocheck
     import type * as Panda from '@pandacss/dev'
     ${ctx.file.importType("RecipeVariantRecord, RecipeConfig, SlotRecipeVariantRecord, SlotRecipeConfig", "./recipe")}
@@ -3133,21 +3162,14 @@ var generateTypesEntry = (ctx) => ({
       export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>
     }
     `,
-  // We need to export types used in the global.d.ts here to avoid TS errors such as `The inferred type of 'xxx' cannot be named without a reference to 'yyy'`
-  index: import_outdent40.outdent`
-    import '${ctx.file.extDts("./global")}'
-    ${ctx.file.exportTypeStar("./conditions")}
-    ${ctx.file.exportTypeStar("./pattern")}
-    ${ctx.file.exportTypeStar("./recipe")}
-    ${ctx.file.exportTypeStar("./system-types")}
-    ${ctx.file.exportTypeStar("./jsx")}
-    ${ctx.file.exportTypeStar("./style-props")}
-
+    index: import_outdent40.outdent`
+    ${indexExports.join("\n")}
     `,
-  helpers: import_outdent40.outdent`
-  export type Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never
-  `
-});
+    helpers: import_outdent40.outdent`
+    export type Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never
+    `
+  };
+};
 
 // src/artifacts/types/prop-types.ts
 var import_outdent41 = require("outdent");
@@ -3301,7 +3323,7 @@ function setupTypes(ctx) {
   const gen = getGeneratedTypes(ctx);
   const conditions = generateConditions(ctx);
   const jsx = generateJsxTypes(ctx);
-  const entry = generateTypesEntry(ctx);
+  const entry = generateTypesEntry(ctx, jsx != null);
   return {
     dir: ctx.paths.types,
     files: [
@@ -3555,85 +3577,81 @@ var generateFlattenedCss = (ctx) => (options) => {
 
 // src/artifacts/css/parser-css.ts
 var import_logger2 = require("@pandacss/logger");
-var import_func = require("lil-fp/func");
 var import_ts_pattern10 = require("ts-pattern");
-var generateParserCss = (ctx) => (result) => (0, import_func.pipe)(
-  { ...ctx, sheet: ctx.createSheet(), result },
-  (0, import_func.tap)(({ sheet, result: result2, patterns, recipes }) => {
-    result2.css.forEach((css2) => {
-      css2.data.forEach((data) => {
-        sheet.processAtomic(data);
-      });
+var generateParserCss = (ctx) => (result) => {
+  const { patterns, recipes } = ctx;
+  const sheet = ctx.createSheet();
+  result.css.forEach((css2) => {
+    css2.data.forEach((data) => {
+      sheet.processAtomic(data);
     });
-    result2.cva.forEach((cva) => {
-      cva.data.forEach((data) => {
-        sheet.processAtomicRecipe(data);
-      });
+  });
+  result.cva.forEach((cva) => {
+    cva.data.forEach((data) => {
+      sheet.processAtomicRecipe(data);
     });
-    result2.sva.forEach((sva) => {
-      sva.data.forEach((data) => {
-        sheet.processAtomicSlotRecipe(data);
-      });
+  });
+  result.sva.forEach((sva) => {
+    sva.data.forEach((data) => {
+      sheet.processAtomicSlotRecipe(data);
     });
-    result2.jsx.forEach((jsx) => {
-      jsx.data.forEach((data) => {
-        sheet.processStyleProps(filterProps(ctx, data));
-      });
+  });
+  result.jsx.forEach((jsx) => {
+    jsx.data.forEach((data) => {
+      sheet.processStyleProps(filterProps(ctx, data));
     });
-    result2.recipe.forEach((recipeSet, recipeName) => {
-      try {
-        for (const recipe of recipeSet) {
-          const recipeConfig = recipes.getConfig(recipeName);
-          if (!recipeConfig)
-            continue;
-          (0, import_ts_pattern10.match)(recipe).with({ type: "jsx-recipe" }, () => {
-            recipe.data.forEach((data) => {
-              const [recipeProps, styleProps] = recipes.splitProps(recipeName, data);
-              sheet.processStyleProps(filterProps(ctx, styleProps));
-              sheet.processRecipe(recipeName, recipeConfig, recipeProps);
-            });
-          }).otherwise(() => {
-            recipe.data.forEach((data) => {
-              sheet.processRecipe(recipeName, recipeConfig, data);
-            });
+  });
+  result.recipe.forEach((recipeSet, recipeName) => {
+    try {
+      for (const recipe of recipeSet) {
+        const recipeConfig = recipes.getConfig(recipeName);
+        if (!recipeConfig)
+          continue;
+        (0, import_ts_pattern10.match)(recipe).with({ type: "jsx-recipe" }, () => {
+          recipe.data.forEach((data) => {
+            const [recipeProps, styleProps] = recipes.splitProps(recipeName, data);
+            sheet.processStyleProps(filterProps(ctx, styleProps));
+            sheet.processRecipe(recipeName, recipeConfig, recipeProps);
           });
-        }
-      } catch (error) {
-        import_logger2.logger.error("serializer:recipe", error);
+        }).otherwise(() => {
+          recipe.data.forEach((data) => {
+            sheet.processRecipe(recipeName, recipeConfig, data);
+          });
+        });
       }
-    });
-    result2.pattern.forEach((patternSet, name) => {
-      try {
-        for (const pattern of patternSet) {
-          (0, import_ts_pattern10.match)(pattern).with({ type: "jsx-pattern", name: import_ts_pattern10.P.string }, ({ name: jsxName }) => {
-            pattern.data.forEach((data) => {
-              const fnName = patterns.find(jsxName);
-              const styleProps = patterns.transform(fnName, data);
-              sheet.processStyleProps(filterProps(ctx, styleProps));
-            });
-          }).otherwise(() => {
-            pattern.data.forEach((data) => {
-              const styleProps = patterns.transform(name, data);
-              sheet.processAtomic(styleProps);
-            });
+    } catch (error) {
+      import_logger2.logger.error("serializer:recipe", error);
+    }
+  });
+  result.pattern.forEach((patternSet, name) => {
+    try {
+      for (const pattern of patternSet) {
+        (0, import_ts_pattern10.match)(pattern).with({ type: "jsx-pattern", name: import_ts_pattern10.P.string }, ({ name: jsxName }) => {
+          pattern.data.forEach((data) => {
+            const fnName = patterns.find(jsxName);
+            const styleProps = patterns.transform(fnName, data);
+            sheet.processStyleProps(filterProps(ctx, styleProps));
           });
-        }
-      } catch (error) {
-        import_logger2.logger.error("serializer:pattern", error);
+        }).otherwise(() => {
+          pattern.data.forEach((data) => {
+            const styleProps = patterns.transform(name, data);
+            sheet.processAtomic(styleProps);
+          });
+        });
       }
-    });
-  }),
-  (0, import_func.tryCatch)(
-    ({ sheet, result: result2, config: { minify, optimize } }) => {
-      const css2 = !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
-      void ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
-      return css2;
-    },
-    (err) => {
-      import_logger2.logger.error("serializer:css", "Failed to serialize CSS: " + err);
+    } catch (error) {
+      import_logger2.logger.error("serializer:pattern", error);
     }
-  )
-);
+  });
+  try {
+    const { minify, optimize } = ctx.config;
+    const css2 = !result.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
+    void ctx.hooks.callHook("parser:css", result.filePath ?? "", css2);
+    return css2;
+  } catch (err) {
+    import_logger2.logger.error("serializer:css", "Failed to serialize CSS: " + err);
+  }
+};
 var filterProps = (ctx, props) => {
   const clone = {};
   for (const [key, value] of Object.entries(props)) {
@@ -3682,7 +3700,7 @@ var getBaseEngine = (conf) => {
     strictTokens: config.strictTokens
   });
   const conditions = new import_core5.Conditions({
-    conditions: isTemplateLiteralSyntax ? {} : config.conditions,
+    conditions: config.conditions,
     breakpoints: config.theme?.breakpoints
   });
   const { textStyles, layerStyles } = theme;
@@ -3828,45 +3846,84 @@ var getPatternEngine = (config) => {
   };
 };
 
+// src/engines/file.ts
+var getFileEngine = (config) => {
+  const { forceConsistentTypeExtension, outExtension } = config;
+  return {
+    ext(file) {
+      return `${file}.${outExtension}`;
+    },
+    extDts(file) {
+      const dts = outExtension === "mjs" && forceConsistentTypeExtension ? "d.mts" : "d.ts";
+      return `${file}.${dts}`;
+    },
+    __extDts(file) {
+      return forceConsistentTypeExtension ? this.extDts(file) : file;
+    },
+    import(mod, file) {
+      return `import { ${mod} } from '${this.ext(file)}';`;
+    },
+    importType(mod, file) {
+      return `import type { ${mod} } from '${this.__extDts(file)}';`;
+    },
+    exportType(mod, file) {
+      return `export type { ${mod} } from '${this.__extDts(file)}';`;
+    },
+    exportStar(file) {
+      return `export * from '${this.ext(file)}';`;
+    },
+    exportTypeStar(file) {
+      return `export * from '${this.__extDts(file)}';`;
+    },
+    isTypeFile(file) {
+      return file.endsWith(".d.ts") || file.endsWith(".d.mts");
+    }
+  };
+};
+
 // src/engines/index.ts
 var getEngine = (conf) => {
   const { config } = conf;
-  const { forceConsistentTypeExtension, outExtension } = config;
   return {
     ...getBaseEngine(conf),
     patterns: getPatternEngine(config),
     jsx: getJsxEngine(config),
     paths: getPathEngine(config),
-    file: {
-      ext(file) {
-        return `${file}.${outExtension}`;
-      },
-      extDts(file) {
-        const dts = outExtension === "mjs" && forceConsistentTypeExtension ? "d.mts" : "d.ts";
-        return `${file}.${dts}`;
-      },
-      __extDts(file) {
-        return forceConsistentTypeExtension ? this.extDts(file) : file;
-      },
-      import(mod, file) {
-        return `import { ${mod} } from '${this.ext(file)}';`;
-      },
-      importType(mod, file) {
-        return `import type { ${mod} } from '${this.__extDts(file)}';`;
-      },
-      exportType(mod, file) {
-        return `export type { ${mod} } from '${this.__extDts(file)}';`;
-      },
-      exportStar(file) {
-        return `export * from '${this.ext(file)}';`;
-      },
-      exportTypeStar(file) {
-        return `export * from '${this.__extDts(file)}';`;
-      },
-      isTypeFile(file) {
-        return file.endsWith(".d.ts") || file.endsWith(".d.mts");
-      }
-    }
+    file: getFileEngine(config)
+  };
+};
+
+// src/parser-options.ts
+var getImportMap = (outdir, configImportMap) => {
+  const { css: css2, recipes, patterns, jsx } = configImportMap ?? {};
+  return {
+    css: css2 ? [css2] : [outdir, "css"],
+    recipe: recipes ? [recipes] : [outdir, "recipes"],
+    pattern: patterns ? [patterns] : [outdir, "patterns"],
+    jsx: jsx ? [jsx] : [outdir, "jsx"]
+  };
+};
+var getParserOptions = (ctx) => {
+  const { config, jsx, isValidProperty, patterns, recipes, tsconfig, tsOptions } = ctx;
+  const compilerOptions = tsconfig?.compilerOptions ?? {};
+  const baseUrl = compilerOptions.baseUrl ?? "";
+  const cwd = config.cwd;
+  const relativeBaseUrl = baseUrl !== cwd ? baseUrl.replace(cwd, "").slice(1) : cwd;
+  return {
+    importMap: getImportMap(config.outdir.replace(relativeBaseUrl, ""), config.importMap),
+    jsx: {
+      framework: jsx.framework,
+      factory: jsx.factoryName,
+      styleProps: jsx.styleProps,
+      isStyleProp: isValidProperty,
+      nodes: [...patterns.details, ...recipes.details]
+    },
+    patternKeys: patterns.keys,
+    recipeKeys: recipes.keys,
+    getRecipesByJsxName: recipes.filter,
+    getPatternsByJsxName: patterns.filter,
+    compilerOptions,
+    tsOptions
   };
 };
 
@@ -3891,19 +3948,9 @@ var defaults = (conf) => ({
     }
   }
 });
-var getImportMap = (outdir, configImportMap) => ({
-  css: configImportMap?.css ? [configImportMap.css] : [outdir, "css"],
-  recipe: configImportMap?.recipes ? [configImportMap.recipes] : [outdir, "recipes"],
-  pattern: configImportMap?.patterns ? [configImportMap.patterns] : [outdir, "patterns"],
-  jsx: configImportMap?.jsx ? [configImportMap.jsx] : [outdir, "jsx"]
-});
 var createGenerator = (conf) => {
   const ctx = getEngine(defaults(conf));
-  const { config, jsx, isValidProperty, patterns, recipes } = ctx;
-  const compilerOptions = conf.tsconfig?.compilerOptions ?? {};
-  const baseUrl = compilerOptions.baseUrl ?? "";
-  const cwd = conf.config.cwd;
-  const relativeBaseUrl = baseUrl !== cwd ? baseUrl.replace(cwd, "").slice(1) : cwd;
+  const parserOptions = getParserOptions(ctx);
   return {
     ...ctx,
     getArtifacts: generateArtifacts(ctx),
@@ -3918,22 +3965,7 @@ var createGenerator = (conf) => {
     getParserCss: generateParserCss(ctx),
     //
     messages: getMessages(ctx),
-    parserOptions: {
-      importMap: getImportMap(config.outdir.replace(relativeBaseUrl, ""), config.importMap),
-      jsx: {
-        framework: jsx.framework,
-        factory: jsx.factoryName,
-        styleProps: jsx.styleProps,
-        isStyleProp: isValidProperty,
-        nodes: [...patterns.details, ...recipes.details]
-      },
-      patternKeys: patterns.keys,
-      recipeKeys: recipes.keys,
-      getRecipesByJsxName: recipes.filter,
-      getPatternsByJsxName: patterns.filter,
-      compilerOptions,
-      tsOptions: conf.tsOptions
-    }
+    parserOptions
   };
 };
 // Annotate the CommonJS export names for ESM import in node: