@pandacss/generator 0.0.0-dev-20230418111141 → 0.0.0-dev-20230419091337

package/dist/index.js

@@ -596,7 +596,7 @@ var import_outdent7 = 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\nfunction isImportant(value) {\n  return typeof value === "string" ? /!(important)?$/.test(value) : false;\n}\nfunction withoutImportant(value) {\n  return typeof value === "string" ? value.replace(/!(important)?$/, "").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 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\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        result[key] = inner(child, childPath);\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/normalize-html.ts\nvar htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];\nfunction convert(key) {\n  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;\n}\nfunction normalizeHTMLProps(props) {\n  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));\n}\nnormalizeHTMLProps.keys = htmlProps;\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/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.ts\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith("--"))\n    return property;\n  return property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\n});\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  mergeProps,\n  normalizeHTMLProps,\n  splitProps,\n  toHash,\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 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\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        result[key] = inner(child, childPath);\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/normalize-html.ts\nvar htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];\nfunction convert(key) {\n  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;\n}\nfunction normalizeHTMLProps(props) {\n  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));\n}\nnormalizeHTMLProps.keys = htmlProps;\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/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.ts\nvar dashCaseRegex = /[A-Z]/g;\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith("--"))\n    return property;\n  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`);\n});\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  mergeProps,\n  normalizeHTMLProps,\n  splitProps,\n  toHash,\n  walkObject,\n  withoutSpace\n};\n'
 };
 
 // src/artifacts/js/helpers.ts
@@ -618,7 +618,7 @@ function generateHelpers() {
 
 // src/artifacts/generated/is-valid-prop.mjs.json
 var is_valid_prop_mjs_default = {
-  content: '// src/index.ts\nvar userGenerated = [];\nvar uniq = (arr) => Array.from(new Set(arr));\nvar allCssProperties = uniq([\n  "MsAccelerator",\n  "MsBlockProgression",\n  "MsContentZoomChaining",\n  "MsContentZooming",\n  "MsContentZoomLimit",\n  "MsContentZoomLimitMax",\n  "MsContentZoomLimitMin",\n  "MsContentZoomSnap",\n  "MsContentZoomSnapPoints",\n  "MsContentZoomSnapType",\n  "MsFilter",\n  "MsFlowFrom",\n  "MsFlowInto",\n  "MsGridColumns",\n  "MsGridRows",\n  "MsHighContrastAdjust",\n  "MsHyphenateLimitChars",\n  "MsHyphenateLimitLines",\n  "MsHyphenateLimitZone",\n  "MsImeAlign",\n  "MsOverflowStyle",\n  "MsScrollbar3dlightColor",\n  "MsScrollbarArrowColor",\n  "MsScrollbarBaseColor",\n  "MsScrollbarDarkshadowColor",\n  "MsScrollbarFaceColor",\n  "MsScrollbarHighlightColor",\n  "MsScrollbarShadowColor",\n  "MsScrollbarTrackColor",\n  "MsScrollChaining",\n  "MsScrollLimit",\n  "MsScrollLimitXMax",\n  "MsScrollLimitXMin",\n  "MsScrollLimitYMax",\n  "MsScrollLimitYMin",\n  "MsScrollRails",\n  "MsScrollSnapPointsX",\n  "MsScrollSnapPointsY",\n  "MsScrollSnapType",\n  "MsScrollSnapX",\n  "MsScrollSnapY",\n  "MsScrollTranslation",\n  "MsTextAutospace",\n  "MsTouchSelect",\n  "MsUserSelect",\n  "MsWrapFlow",\n  "MsWrapMargin",\n  "MsWrapThrough",\n  "MozAppearance",\n  "MozBinding",\n  "MozBorderBottomColors",\n  "MozBorderLeftColors",\n  "MozBorderRightColors",\n  "MozBorderTopColors",\n  "MozContextProperties",\n  "MozFloatEdge",\n  "MozForceBrokenImageIcon",\n  "MozImageRegion",\n  "MozOrient",\n  "MozOutlineRadius",\n  "MozOutlineRadiusBottomleft",\n  "MozOutlineRadiusBottomright",\n  "MozOutlineRadiusTopleft",\n  "MozOutlineRadiusTopright",\n  "MozStackSizing",\n  "MozTextBlink",\n  "MozUserFocus",\n  "MozUserInput",\n  "MozUserModify",\n  "MozWindowDragging",\n  "MozWindowShadow",\n  "WebkitAppearance",\n  "WebkitBorderBefore",\n  "WebkitBorderBeforeColor",\n  "WebkitBorderBeforeStyle",\n  "WebkitBorderBeforeWidth",\n  "WebkitBoxReflect",\n  "WebkitLineClamp",\n  "WebkitMask",\n  "WebkitMaskAttachment",\n  "WebkitMaskClip",\n  "WebkitMaskComposite",\n  "WebkitMaskImage",\n  "WebkitMaskOrigin",\n  "WebkitMaskPosition",\n  "WebkitMaskPositionX",\n  "WebkitMaskPositionY",\n  "WebkitMaskRepeat",\n  "WebkitMaskRepeatX",\n  "WebkitMaskRepeatY",\n  "WebkitMaskSize",\n  "WebkitOverflowScrolling",\n  "WebkitTapHighlightColor",\n  "WebkitTextFillColor",\n  "WebkitTextStroke",\n  "WebkitTextStrokeColor",\n  "WebkitTextStrokeWidth",\n  "WebkitTouchCallout",\n  "WebkitUserModify",\n  "accentColor",\n  "alignContent",\n  "alignItems",\n  "alignSelf",\n  "alignTracks",\n  "all",\n  "animation",\n  "animationComposition",\n  "animationDelay",\n  "animationDirection",\n  "animationDuration",\n  "animationFillMode",\n  "animationIterationCount",\n  "animationName",\n  "animationPlayState",\n  "animationTimingFunction",\n  "animationTimeline",\n  "appearance",\n  "aspectRatio",\n  "azimuth",\n  "backdropFilter",\n  "backfaceVisibility",\n  "background",\n  "backgroundAttachment",\n  "backgroundBlendMode",\n  "backgroundClip",\n  "backgroundColor",\n  "backgroundImage",\n  "backgroundOrigin",\n  "backgroundPosition",\n  "backgroundPositionX",\n  "backgroundPositionY",\n  "backgroundRepeat",\n  "backgroundSize",\n  "blockOverflow",\n  "blockSize",\n  "border",\n  "borderBlock",\n  "borderBlockColor",\n  "borderBlockStyle",\n  "borderBlockWidth",\n  "borderBlockEnd",\n  "borderBlockEndColor",\n  "borderBlockEndStyle",\n  "borderBlockEndWidth",\n  "borderBlockStart",\n  "borderBlockStartColor",\n  "borderBlockStartStyle",\n  "borderBlockStartWidth",\n  "borderBottom",\n  "borderBottomColor",\n  "borderBottomLeftRadius",\n  "borderBottomRightRadius",\n  "borderBottomStyle",\n  "borderBottomWidth",\n  "borderCollapse",\n  "borderColor",\n  "borderEndEndRadius",\n  "borderEndStartRadius",\n  "borderImage",\n  "borderImageOutset",\n  "borderImageRepeat",\n  "borderImageSlice",\n  "borderImageSource",\n  "borderImageWidth",\n  "borderInline",\n  "borderInlineEnd",\n  "borderInlineColor",\n  "borderInlineStyle",\n  "borderInlineWidth",\n  "borderInlineEndColor",\n  "borderInlineEndStyle",\n  "borderInlineEndWidth",\n  "borderInlineStart",\n  "borderInlineStartColor",\n  "borderInlineStartStyle",\n  "borderInlineStartWidth",\n  "borderLeft",\n  "borderLeftColor",\n  "borderLeftStyle",\n  "borderLeftWidth",\n  "borderRadius",\n  "borderRight",\n  "borderRightColor",\n  "borderRightStyle",\n  "borderRightWidth",\n  "borderSpacing",\n  "borderStartEndRadius",\n  "borderStartStartRadius",\n  "borderStyle",\n  "borderTop",\n  "borderTopColor",\n  "borderTopLeftRadius",\n  "borderTopRightRadius",\n  "borderTopStyle",\n  "borderTopWidth",\n  "borderWidth",\n  "bottom",\n  "boxAlign",\n  "boxDecorationBreak",\n  "boxDirection",\n  "boxFlex",\n  "boxFlexGroup",\n  "boxLines",\n  "boxOrdinalGroup",\n  "boxOrient",\n  "boxPack",\n  "boxShadow",\n  "boxSizing",\n  "breakAfter",\n  "breakBefore",\n  "breakInside",\n  "captionSide",\n  "caret",\n  "caretColor",\n  "caretShape",\n  "clear",\n  "clip",\n  "clipPath",\n  "color",\n  "printColorAdjust",\n  "colorScheme",\n  "columnCount",\n  "columnFill",\n  "columnGap",\n  "columnRule",\n  "columnRuleColor",\n  "columnRuleStyle",\n  "columnRuleWidth",\n  "columnSpan",\n  "columnWidth",\n  "columns",\n  "contain",\n  "containIntrinsicSize",\n  "containIntrinsicBlockSize",\n  "containIntrinsicHeight",\n  "containIntrinsicInlineSize",\n  "containIntrinsicWidth",\n  "content",\n  "contentVisibility",\n  "counterIncrement",\n  "counterReset",\n  "counterSet",\n  "cursor",\n  "direction",\n  "display",\n  "emptyCells",\n  "filter",\n  "flex",\n  "flexBasis",\n  "flexDirection",\n  "flexFlow",\n  "flexGrow",\n  "flexShrink",\n  "flexWrap",\n  "float",\n  "font",\n  "fontFamily",\n  "fontFeatureSettings",\n  "fontKerning",\n  "fontLanguageOverride",\n  "fontOpticalSizing",\n  "fontVariationSettings",\n  "fontSize",\n  "fontSizeAdjust",\n  "fontSmooth",\n  "fontStretch",\n  "fontStyle",\n  "fontSynthesis",\n  "fontVariant",\n  "fontVariantAlternates",\n  "fontVariantCaps",\n  "fontVariantEastAsian",\n  "fontVariantLigatures",\n  "fontVariantNumeric",\n  "fontVariantPosition",\n  "fontWeight",\n  "forcedColorAdjust",\n  "gap",\n  "grid",\n  "gridArea",\n  "gridAutoColumns",\n  "gridAutoFlow",\n  "gridAutoRows",\n  "gridColumn",\n  "gridColumnEnd",\n  "gridColumnGap",\n  "gridColumnStart",\n  "gridGap",\n  "gridRow",\n  "gridRowEnd",\n  "gridRowGap",\n  "gridRowStart",\n  "gridTemplate",\n  "gridTemplateAreas",\n  "gridTemplateColumns",\n  "gridTemplateRows",\n  "hangingPunctuation",\n  "height",\n  "hyphenateCharacter",\n  "hyphens",\n  "imageOrientation",\n  "imageRendering",\n  "imageResolution",\n  "imeMode",\n  "initialLetter",\n  "initialLetterAlign",\n  "inlineSize",\n  "inputSecurity",\n  "inset",\n  "insetBlock",\n  "insetBlockEnd",\n  "insetBlockStart",\n  "insetInline",\n  "insetInlineEnd",\n  "insetInlineStart",\n  "isolation",\n  "justifyContent",\n  "justifyItems",\n  "justifySelf",\n  "justifyTracks",\n  "left",\n  "letterSpacing",\n  "lineBreak",\n  "lineClamp",\n  "lineHeight",\n  "lineHeightStep",\n  "listStyle",\n  "listStyleImage",\n  "listStylePosition",\n  "listStyleType",\n  "margin",\n  "marginBlock",\n  "marginBlockEnd",\n  "marginBlockStart",\n  "marginBottom",\n  "marginInline",\n  "marginInlineEnd",\n  "marginInlineStart",\n  "marginLeft",\n  "marginRight",\n  "marginTop",\n  "marginTrim",\n  "mask",\n  "maskBorder",\n  "maskBorderMode",\n  "maskBorderOutset",\n  "maskBorderRepeat",\n  "maskBorderSlice",\n  "maskBorderSource",\n  "maskBorderWidth",\n  "maskClip",\n  "maskComposite",\n  "maskImage",\n  "maskMode",\n  "maskOrigin",\n  "maskPosition",\n  "maskRepeat",\n  "maskSize",\n  "maskType",\n  "masonryAutoFlow",\n  "mathDepth",\n  "mathShift",\n  "mathStyle",\n  "maxBlockSize",\n  "maxHeight",\n  "maxInlineSize",\n  "maxLines",\n  "maxWidth",\n  "minBlockSize",\n  "minHeight",\n  "minInlineSize",\n  "minWidth",\n  "mixBlendMode",\n  "objectFit",\n  "objectPosition",\n  "offset",\n  "offsetAnchor",\n  "offsetDistance",\n  "offsetPath",\n  "offsetPosition",\n  "offsetRotate",\n  "opacity",\n  "order",\n  "orphans",\n  "outline",\n  "outlineColor",\n  "outlineOffset",\n  "outlineStyle",\n  "outlineWidth",\n  "overflow",\n  "overflowAnchor",\n  "overflowBlock",\n  "overflowClipBox",\n  "overflowClipMargin",\n  "overflowInline",\n  "overflowWrap",\n  "overflowX",\n  "overflowY",\n  "overscrollBehavior",\n  "overscrollBehaviorBlock",\n  "overscrollBehaviorInline",\n  "overscrollBehaviorX",\n  "overscrollBehaviorY",\n  "padding",\n  "paddingBlock",\n  "paddingBlockEnd",\n  "paddingBlockStart",\n  "paddingBottom",\n  "paddingInline",\n  "paddingInlineEnd",\n  "paddingInlineStart",\n  "paddingLeft",\n  "paddingRight",\n  "paddingTop",\n  "pageBreakAfter",\n  "pageBreakBefore",\n  "pageBreakInside",\n  "paintOrder",\n  "perspective",\n  "perspectiveOrigin",\n  "placeContent",\n  "placeItems",\n  "placeSelf",\n  "pointerEvents",\n  "position",\n  "quotes",\n  "resize",\n  "right",\n  "rotate",\n  "rowGap",\n  "rubyAlign",\n  "rubyMerge",\n  "rubyPosition",\n  "scale",\n  "scrollbarColor",\n  "scrollbarGutter",\n  "scrollbarWidth",\n  "scrollBehavior",\n  "scrollMargin",\n  "scrollMarginBlock",\n  "scrollMarginBlockStart",\n  "scrollMarginBlockEnd",\n  "scrollMarginBottom",\n  "scrollMarginInline",\n  "scrollMarginInlineStart",\n  "scrollMarginInlineEnd",\n  "scrollMarginLeft",\n  "scrollMarginRight",\n  "scrollMarginTop",\n  "scrollPadding",\n  "scrollPaddingBlock",\n  "scrollPaddingBlockStart",\n  "scrollPaddingBlockEnd",\n  "scrollPaddingBottom",\n  "scrollPaddingInline",\n  "scrollPaddingInlineStart",\n  "scrollPaddingInlineEnd",\n  "scrollPaddingLeft",\n  "scrollPaddingRight",\n  "scrollPaddingTop",\n  "scrollSnapAlign",\n  "scrollSnapCoordinate",\n  "scrollSnapDestination",\n  "scrollSnapPointsX",\n  "scrollSnapPointsY",\n  "scrollSnapStop",\n  "scrollSnapType",\n  "scrollSnapTypeX",\n  "scrollSnapTypeY",\n  "scrollTimeline",\n  "scrollTimelineAxis",\n  "scrollTimelineName",\n  "shapeImageThreshold",\n  "shapeMargin",\n  "shapeOutside",\n  "tabSize",\n  "tableLayout",\n  "textAlign",\n  "textAlignLast",\n  "textCombineUpright",\n  "textDecoration",\n  "textDecorationColor",\n  "textDecorationLine",\n  "textDecorationSkip",\n  "textDecorationSkipInk",\n  "textDecorationStyle",\n  "textDecorationThickness",\n  "textEmphasis",\n  "textEmphasisColor",\n  "textEmphasisPosition",\n  "textEmphasisStyle",\n  "textIndent",\n  "textJustify",\n  "textOrientation",\n  "textOverflow",\n  "textRendering",\n  "textShadow",\n  "textSizeAdjust",\n  "textTransform",\n  "textUnderlineOffset",\n  "textUnderlinePosition",\n  "top",\n  "touchAction",\n  "transform",\n  "transformBox",\n  "transformOrigin",\n  "transformStyle",\n  "transition",\n  "transitionDelay",\n  "transitionDuration",\n  "transitionProperty",\n  "transitionTimingFunction",\n  "translate",\n  "unicodeBidi",\n  "userSelect",\n  "verticalAlign",\n  "visibility",\n  "whiteSpace",\n  "widows",\n  "width",\n  "willChange",\n  "wordBreak",\n  "wordSpacing",\n  "wordWrap",\n  "writingMode",\n  "zIndex",\n  "zoom",\n  ...userGenerated\n]);\nvar regex = new RegExp("^(?:" + Array.from(allCssProperties).join("|") + ")$");\nfunction memo(fn) {\n  const cache = /* @__PURE__ */ Object.create(null);\n  return (arg) => {\n    if (cache[arg] === void 0)\n      cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\nvar isCssProperty = memo((prop) => {\n  return regex.test(prop) || prop.startsWith("--");\n});\nexport {\n  allCssProperties,\n  isCssProperty\n};\n'
+  content: '// src/index.ts\nvar userGenerated = [];\nvar allCssProperties = [\n  "MsAccelerator",\n  "MsBlockProgression",\n  "MsContentZoomChaining",\n  "MsContentZooming",\n  "MsContentZoomLimit",\n  "MsContentZoomLimitMax",\n  "MsContentZoomLimitMin",\n  "MsContentZoomSnap",\n  "MsContentZoomSnapPoints",\n  "MsContentZoomSnapType",\n  "MsFilter",\n  "MsFlowFrom",\n  "MsFlowInto",\n  "MsGridColumns",\n  "MsGridRows",\n  "MsHighContrastAdjust",\n  "MsHyphenateLimitChars",\n  "MsHyphenateLimitLines",\n  "MsHyphenateLimitZone",\n  "MsImeAlign",\n  "MsOverflowStyle",\n  "MsScrollbar3dlightColor",\n  "MsScrollbarArrowColor",\n  "MsScrollbarBaseColor",\n  "MsScrollbarDarkshadowColor",\n  "MsScrollbarFaceColor",\n  "MsScrollbarHighlightColor",\n  "MsScrollbarShadowColor",\n  "MsScrollbarTrackColor",\n  "MsScrollChaining",\n  "MsScrollLimit",\n  "MsScrollLimitXMax",\n  "MsScrollLimitXMin",\n  "MsScrollLimitYMax",\n  "MsScrollLimitYMin",\n  "MsScrollRails",\n  "MsScrollSnapPointsX",\n  "MsScrollSnapPointsY",\n  "MsScrollSnapType",\n  "MsScrollSnapX",\n  "MsScrollSnapY",\n  "MsScrollTranslation",\n  "MsTextAutospace",\n  "MsTouchSelect",\n  "MsUserSelect",\n  "MsWrapFlow",\n  "MsWrapMargin",\n  "MsWrapThrough",\n  "MozAppearance",\n  "MozBinding",\n  "MozBorderBottomColors",\n  "MozBorderLeftColors",\n  "MozBorderRightColors",\n  "MozBorderTopColors",\n  "MozContextProperties",\n  "MozFloatEdge",\n  "MozForceBrokenImageIcon",\n  "MozImageRegion",\n  "MozOrient",\n  "MozOutlineRadius",\n  "MozOutlineRadiusBottomleft",\n  "MozOutlineRadiusBottomright",\n  "MozOutlineRadiusTopleft",\n  "MozOutlineRadiusTopright",\n  "MozStackSizing",\n  "MozTextBlink",\n  "MozUserFocus",\n  "MozUserInput",\n  "MozUserModify",\n  "MozWindowDragging",\n  "MozWindowShadow",\n  "WebkitAppearance",\n  "WebkitBorderBefore",\n  "WebkitBorderBeforeColor",\n  "WebkitBorderBeforeStyle",\n  "WebkitBorderBeforeWidth",\n  "WebkitBoxReflect",\n  "WebkitLineClamp",\n  "WebkitMask",\n  "WebkitMaskAttachment",\n  "WebkitMaskClip",\n  "WebkitMaskComposite",\n  "WebkitMaskImage",\n  "WebkitMaskOrigin",\n  "WebkitMaskPosition",\n  "WebkitMaskPositionX",\n  "WebkitMaskPositionY",\n  "WebkitMaskRepeat",\n  "WebkitMaskRepeatX",\n  "WebkitMaskRepeatY",\n  "WebkitMaskSize",\n  "WebkitOverflowScrolling",\n  "WebkitTapHighlightColor",\n  "WebkitTextFillColor",\n  "WebkitTextStroke",\n  "WebkitTextStrokeColor",\n  "WebkitTextStrokeWidth",\n  "WebkitTouchCallout",\n  "WebkitUserModify",\n  "accentColor",\n  "alignContent",\n  "alignItems",\n  "alignSelf",\n  "alignTracks",\n  "all",\n  "animation",\n  "animationComposition",\n  "animationDelay",\n  "animationDirection",\n  "animationDuration",\n  "animationFillMode",\n  "animationIterationCount",\n  "animationName",\n  "animationPlayState",\n  "animationTimingFunction",\n  "animationTimeline",\n  "appearance",\n  "aspectRatio",\n  "azimuth",\n  "backdropFilter",\n  "backfaceVisibility",\n  "background",\n  "backgroundAttachment",\n  "backgroundBlendMode",\n  "backgroundClip",\n  "backgroundColor",\n  "backgroundImage",\n  "backgroundOrigin",\n  "backgroundPosition",\n  "backgroundPositionX",\n  "backgroundPositionY",\n  "backgroundRepeat",\n  "backgroundSize",\n  "blockOverflow",\n  "blockSize",\n  "border",\n  "borderBlock",\n  "borderBlockColor",\n  "borderBlockStyle",\n  "borderBlockWidth",\n  "borderBlockEnd",\n  "borderBlockEndColor",\n  "borderBlockEndStyle",\n  "borderBlockEndWidth",\n  "borderBlockStart",\n  "borderBlockStartColor",\n  "borderBlockStartStyle",\n  "borderBlockStartWidth",\n  "borderBottom",\n  "borderBottomColor",\n  "borderBottomLeftRadius",\n  "borderBottomRightRadius",\n  "borderBottomStyle",\n  "borderBottomWidth",\n  "borderCollapse",\n  "borderColor",\n  "borderEndEndRadius",\n  "borderEndStartRadius",\n  "borderImage",\n  "borderImageOutset",\n  "borderImageRepeat",\n  "borderImageSlice",\n  "borderImageSource",\n  "borderImageWidth",\n  "borderInline",\n  "borderInlineEnd",\n  "borderInlineColor",\n  "borderInlineStyle",\n  "borderInlineWidth",\n  "borderInlineEndColor",\n  "borderInlineEndStyle",\n  "borderInlineEndWidth",\n  "borderInlineStart",\n  "borderInlineStartColor",\n  "borderInlineStartStyle",\n  "borderInlineStartWidth",\n  "borderLeft",\n  "borderLeftColor",\n  "borderLeftStyle",\n  "borderLeftWidth",\n  "borderRadius",\n  "borderRight",\n  "borderRightColor",\n  "borderRightStyle",\n  "borderRightWidth",\n  "borderSpacing",\n  "borderStartEndRadius",\n  "borderStartStartRadius",\n  "borderStyle",\n  "borderTop",\n  "borderTopColor",\n  "borderTopLeftRadius",\n  "borderTopRightRadius",\n  "borderTopStyle",\n  "borderTopWidth",\n  "borderWidth",\n  "bottom",\n  "boxAlign",\n  "boxDecorationBreak",\n  "boxDirection",\n  "boxFlex",\n  "boxFlexGroup",\n  "boxLines",\n  "boxOrdinalGroup",\n  "boxOrient",\n  "boxPack",\n  "boxShadow",\n  "boxSizing",\n  "breakAfter",\n  "breakBefore",\n  "breakInside",\n  "captionSide",\n  "caret",\n  "caretColor",\n  "caretShape",\n  "clear",\n  "clip",\n  "clipPath",\n  "color",\n  "printColorAdjust",\n  "colorScheme",\n  "columnCount",\n  "columnFill",\n  "columnGap",\n  "columnRule",\n  "columnRuleColor",\n  "columnRuleStyle",\n  "columnRuleWidth",\n  "columnSpan",\n  "columnWidth",\n  "columns",\n  "contain",\n  "containIntrinsicSize",\n  "containIntrinsicBlockSize",\n  "containIntrinsicHeight",\n  "containIntrinsicInlineSize",\n  "containIntrinsicWidth",\n  "content",\n  "contentVisibility",\n  "counterIncrement",\n  "counterReset",\n  "counterSet",\n  "cursor",\n  "direction",\n  "display",\n  "emptyCells",\n  "filter",\n  "flex",\n  "flexBasis",\n  "flexDirection",\n  "flexFlow",\n  "flexGrow",\n  "flexShrink",\n  "flexWrap",\n  "float",\n  "font",\n  "fontFamily",\n  "fontFeatureSettings",\n  "fontKerning",\n  "fontLanguageOverride",\n  "fontOpticalSizing",\n  "fontVariationSettings",\n  "fontSize",\n  "fontSizeAdjust",\n  "fontSmooth",\n  "fontStretch",\n  "fontStyle",\n  "fontSynthesis",\n  "fontVariant",\n  "fontVariantAlternates",\n  "fontVariantCaps",\n  "fontVariantEastAsian",\n  "fontVariantLigatures",\n  "fontVariantNumeric",\n  "fontVariantPosition",\n  "fontWeight",\n  "forcedColorAdjust",\n  "gap",\n  "grid",\n  "gridArea",\n  "gridAutoColumns",\n  "gridAutoFlow",\n  "gridAutoRows",\n  "gridColumn",\n  "gridColumnEnd",\n  "gridColumnGap",\n  "gridColumnStart",\n  "gridGap",\n  "gridRow",\n  "gridRowEnd",\n  "gridRowGap",\n  "gridRowStart",\n  "gridTemplate",\n  "gridTemplateAreas",\n  "gridTemplateColumns",\n  "gridTemplateRows",\n  "hangingPunctuation",\n  "height",\n  "hyphenateCharacter",\n  "hyphenateLimitChars",\n  "hyphens",\n  "imageOrientation",\n  "imageRendering",\n  "imageResolution",\n  "imeMode",\n  "initialLetter",\n  "initialLetterAlign",\n  "inlineSize",\n  "inputSecurity",\n  "inset",\n  "insetBlock",\n  "insetBlockEnd",\n  "insetBlockStart",\n  "insetInline",\n  "insetInlineEnd",\n  "insetInlineStart",\n  "isolation",\n  "justifyContent",\n  "justifyItems",\n  "justifySelf",\n  "justifyTracks",\n  "left",\n  "letterSpacing",\n  "lineBreak",\n  "lineClamp",\n  "lineHeight",\n  "lineHeightStep",\n  "listStyle",\n  "listStyleImage",\n  "listStylePosition",\n  "listStyleType",\n  "margin",\n  "marginBlock",\n  "marginBlockEnd",\n  "marginBlockStart",\n  "marginBottom",\n  "marginInline",\n  "marginInlineEnd",\n  "marginInlineStart",\n  "marginLeft",\n  "marginRight",\n  "marginTop",\n  "marginTrim",\n  "mask",\n  "maskBorder",\n  "maskBorderMode",\n  "maskBorderOutset",\n  "maskBorderRepeat",\n  "maskBorderSlice",\n  "maskBorderSource",\n  "maskBorderWidth",\n  "maskClip",\n  "maskComposite",\n  "maskImage",\n  "maskMode",\n  "maskOrigin",\n  "maskPosition",\n  "maskRepeat",\n  "maskSize",\n  "maskType",\n  "masonryAutoFlow",\n  "mathDepth",\n  "mathShift",\n  "mathStyle",\n  "maxBlockSize",\n  "maxHeight",\n  "maxInlineSize",\n  "maxLines",\n  "maxWidth",\n  "minBlockSize",\n  "minHeight",\n  "minInlineSize",\n  "minWidth",\n  "mixBlendMode",\n  "objectFit",\n  "objectPosition",\n  "offset",\n  "offsetAnchor",\n  "offsetDistance",\n  "offsetPath",\n  "offsetPosition",\n  "offsetRotate",\n  "opacity",\n  "order",\n  "orphans",\n  "outline",\n  "outlineColor",\n  "outlineOffset",\n  "outlineStyle",\n  "outlineWidth",\n  "overflow",\n  "overflowAnchor",\n  "overflowBlock",\n  "overflowClipBox",\n  "overflowClipMargin",\n  "overflowInline",\n  "overflowWrap",\n  "overflowX",\n  "overflowY",\n  "overscrollBehavior",\n  "overscrollBehaviorBlock",\n  "overscrollBehaviorInline",\n  "overscrollBehaviorX",\n  "overscrollBehaviorY",\n  "padding",\n  "paddingBlock",\n  "paddingBlockEnd",\n  "paddingBlockStart",\n  "paddingBottom",\n  "paddingInline",\n  "paddingInlineEnd",\n  "paddingInlineStart",\n  "paddingLeft",\n  "paddingRight",\n  "paddingTop",\n  "pageBreakAfter",\n  "pageBreakBefore",\n  "pageBreakInside",\n  "paintOrder",\n  "perspective",\n  "perspectiveOrigin",\n  "placeContent",\n  "placeItems",\n  "placeSelf",\n  "pointerEvents",\n  "position",\n  "quotes",\n  "resize",\n  "right",\n  "rotate",\n  "rowGap",\n  "rubyAlign",\n  "rubyMerge",\n  "rubyPosition",\n  "scale",\n  "scrollbarColor",\n  "scrollbarGutter",\n  "scrollbarWidth",\n  "scrollBehavior",\n  "scrollMargin",\n  "scrollMarginBlock",\n  "scrollMarginBlockStart",\n  "scrollMarginBlockEnd",\n  "scrollMarginBottom",\n  "scrollMarginInline",\n  "scrollMarginInlineStart",\n  "scrollMarginInlineEnd",\n  "scrollMarginLeft",\n  "scrollMarginRight",\n  "scrollMarginTop",\n  "scrollPadding",\n  "scrollPaddingBlock",\n  "scrollPaddingBlockStart",\n  "scrollPaddingBlockEnd",\n  "scrollPaddingBottom",\n  "scrollPaddingInline",\n  "scrollPaddingInlineStart",\n  "scrollPaddingInlineEnd",\n  "scrollPaddingLeft",\n  "scrollPaddingRight",\n  "scrollPaddingTop",\n  "scrollSnapAlign",\n  "scrollSnapCoordinate",\n  "scrollSnapDestination",\n  "scrollSnapPointsX",\n  "scrollSnapPointsY",\n  "scrollSnapStop",\n  "scrollSnapType",\n  "scrollSnapTypeX",\n  "scrollSnapTypeY",\n  "scrollTimeline",\n  "scrollTimelineAxis",\n  "scrollTimelineName",\n  "shapeImageThreshold",\n  "shapeMargin",\n  "shapeOutside",\n  "tabSize",\n  "tableLayout",\n  "textAlign",\n  "textAlignLast",\n  "textCombineUpright",\n  "textDecoration",\n  "textDecorationColor",\n  "textDecorationLine",\n  "textDecorationSkip",\n  "textDecorationSkipInk",\n  "textDecorationStyle",\n  "textDecorationThickness",\n  "textEmphasis",\n  "textEmphasisColor",\n  "textEmphasisPosition",\n  "textEmphasisStyle",\n  "textIndent",\n  "textJustify",\n  "textOrientation",\n  "textOverflow",\n  "textRendering",\n  "textShadow",\n  "textSizeAdjust",\n  "textTransform",\n  "textUnderlineOffset",\n  "textUnderlinePosition",\n  "top",\n  "touchAction",\n  "transform",\n  "transformBox",\n  "transformOrigin",\n  "transformStyle",\n  "transition",\n  "transitionDelay",\n  "transitionDuration",\n  "transitionProperty",\n  "transitionTimingFunction",\n  "translate",\n  "unicodeBidi",\n  "userSelect",\n  "verticalAlign",\n  "visibility",\n  "whiteSpace",\n  "widows",\n  "width",\n  "willChange",\n  "wordBreak",\n  "wordSpacing",\n  "wordWrap",\n  "writingMode",\n  "zIndex",\n  "zoom",\n  ...userGenerated\n];\nvar properties = new Map(allCssProperties.map((prop) => [prop, true]));\nfunction memo(fn) {\n  const cache = /* @__PURE__ */ Object.create(null);\n  return (arg) => {\n    if (cache[arg] === void 0)\n      cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\nvar isCssProperty = memo((prop) => {\n  return properties.has(prop) || prop.startsWith("--");\n});\nexport {\n  allCssProperties,\n  isCssProperty\n};\n'
 };
 
 // src/artifacts/js/is-valid-prop.ts
@@ -1795,7 +1795,7 @@ var composition_d_ts_default = {
 
 // src/artifacts/generated/recipe.d.ts.json
 var recipe_d_ts_default = {
-  content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<string, Record<string, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]>\n}\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  variants: (keyof T)[]\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n}\n\nexport type RecipeCompoundSelection<\n  T extends RecipeVariantRecord,\n  Key extends Exclude<keyof T, 'css'> = Exclude<keyof T, 'css'>,\n> = {\n  [K in Key]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T extends RecipeVariantRecord> = RecipeDefinition<T> & {\n  /**\n   * The name of the recipe.\n   */\n  name: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\nexport type AnyRecipeConfig = RecipeConfig<RecipeVariantRecord>\n"
+  content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<string, Record<string, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]>\n}\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  variants: (keyof T)[]\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n}\n\nexport type RecipeCompoundSelection<\n  T extends RecipeVariantRecord,\n  Key extends Exclude<keyof T, 'css'> = Exclude<keyof T, 'css'>,\n> = {\n  [K in Key]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T> = RecipeDefinition<T extends RecipeVariantRecord ? T : RecipeVariantRecord> & {\n  /**\n   * The name of the recipe.\n   */\n  name: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\nexport type AnyRecipeConfig = RecipeConfig<RecipeVariantRecord>\n"
 };
 
 // src/artifacts/generated/selectors.d.ts.json
@@ -2355,13 +2355,13 @@ var getBaseEngine = (conf) => (0, import_lil_fp.pipe)(
   }),
   import_lil_fp.Obj.bind(
     "properties",
-    ({ utility, conditions }) => Array.from(/* @__PURE__ */ new Set(["css", ...utility.keys(), ...conditions.keys(), ...import_is_valid_prop3.allCssProperties]))
+    ({ utility, conditions }) => Array.from(/* @__PURE__ */ new Set(["css", ...utility.keys(), ...conditions.keys()]))
   ),
   import_lil_fp.Obj.bind("isValidProperty", ({ properties }) => {
-    return (key) => {
-      const regex = new RegExp("^(?:" + properties.join("|") + ")$");
-      return regex.test(key) || (0, import_is_valid_prop3.isCssProperty)(key);
-    };
+    const propertyMap = new Map(properties.map((prop) => [prop, true]));
+    return (0, import_shared4.memo)((key) => {
+      return propertyMap.has(key) || (0, import_is_valid_prop3.isCssProperty)(key);
+    });
   })
 );
 

package/dist/index.mjs

@@ -565,7 +565,7 @@ import { outdent as outdent7 } from "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\nfunction isImportant(value) {\n  return typeof value === "string" ? /!(important)?$/.test(value) : false;\n}\nfunction withoutImportant(value) {\n  return typeof value === "string" ? value.replace(/!(important)?$/, "").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 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\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        result[key] = inner(child, childPath);\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/normalize-html.ts\nvar htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];\nfunction convert(key) {\n  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;\n}\nfunction normalizeHTMLProps(props) {\n  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));\n}\nnormalizeHTMLProps.keys = htmlProps;\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/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.ts\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith("--"))\n    return property;\n  return property.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\n});\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  mergeProps,\n  normalizeHTMLProps,\n  splitProps,\n  toHash,\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 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\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        result[key] = inner(child, childPath);\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/normalize-html.ts\nvar htmlProps = ["htmlSize", "htmlTranslate", "htmlWidth", "htmlHeight"];\nfunction convert(key) {\n  return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;\n}\nfunction normalizeHTMLProps(props) {\n  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));\n}\nnormalizeHTMLProps.keys = htmlProps;\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/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.ts\nvar dashCaseRegex = /[A-Z]/g;\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith("--"))\n    return property;\n  return property.replace(dashCaseRegex, (match) => `-${match.toLowerCase()}`);\n});\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  mergeProps,\n  normalizeHTMLProps,\n  splitProps,\n  toHash,\n  walkObject,\n  withoutSpace\n};\n'
 };
 
 // src/artifacts/js/helpers.ts
@@ -587,7 +587,7 @@ function generateHelpers() {
 
 // src/artifacts/generated/is-valid-prop.mjs.json
 var is_valid_prop_mjs_default = {
-  content: '// src/index.ts\nvar userGenerated = [];\nvar uniq = (arr) => Array.from(new Set(arr));\nvar allCssProperties = uniq([\n  "MsAccelerator",\n  "MsBlockProgression",\n  "MsContentZoomChaining",\n  "MsContentZooming",\n  "MsContentZoomLimit",\n  "MsContentZoomLimitMax",\n  "MsContentZoomLimitMin",\n  "MsContentZoomSnap",\n  "MsContentZoomSnapPoints",\n  "MsContentZoomSnapType",\n  "MsFilter",\n  "MsFlowFrom",\n  "MsFlowInto",\n  "MsGridColumns",\n  "MsGridRows",\n  "MsHighContrastAdjust",\n  "MsHyphenateLimitChars",\n  "MsHyphenateLimitLines",\n  "MsHyphenateLimitZone",\n  "MsImeAlign",\n  "MsOverflowStyle",\n  "MsScrollbar3dlightColor",\n  "MsScrollbarArrowColor",\n  "MsScrollbarBaseColor",\n  "MsScrollbarDarkshadowColor",\n  "MsScrollbarFaceColor",\n  "MsScrollbarHighlightColor",\n  "MsScrollbarShadowColor",\n  "MsScrollbarTrackColor",\n  "MsScrollChaining",\n  "MsScrollLimit",\n  "MsScrollLimitXMax",\n  "MsScrollLimitXMin",\n  "MsScrollLimitYMax",\n  "MsScrollLimitYMin",\n  "MsScrollRails",\n  "MsScrollSnapPointsX",\n  "MsScrollSnapPointsY",\n  "MsScrollSnapType",\n  "MsScrollSnapX",\n  "MsScrollSnapY",\n  "MsScrollTranslation",\n  "MsTextAutospace",\n  "MsTouchSelect",\n  "MsUserSelect",\n  "MsWrapFlow",\n  "MsWrapMargin",\n  "MsWrapThrough",\n  "MozAppearance",\n  "MozBinding",\n  "MozBorderBottomColors",\n  "MozBorderLeftColors",\n  "MozBorderRightColors",\n  "MozBorderTopColors",\n  "MozContextProperties",\n  "MozFloatEdge",\n  "MozForceBrokenImageIcon",\n  "MozImageRegion",\n  "MozOrient",\n  "MozOutlineRadius",\n  "MozOutlineRadiusBottomleft",\n  "MozOutlineRadiusBottomright",\n  "MozOutlineRadiusTopleft",\n  "MozOutlineRadiusTopright",\n  "MozStackSizing",\n  "MozTextBlink",\n  "MozUserFocus",\n  "MozUserInput",\n  "MozUserModify",\n  "MozWindowDragging",\n  "MozWindowShadow",\n  "WebkitAppearance",\n  "WebkitBorderBefore",\n  "WebkitBorderBeforeColor",\n  "WebkitBorderBeforeStyle",\n  "WebkitBorderBeforeWidth",\n  "WebkitBoxReflect",\n  "WebkitLineClamp",\n  "WebkitMask",\n  "WebkitMaskAttachment",\n  "WebkitMaskClip",\n  "WebkitMaskComposite",\n  "WebkitMaskImage",\n  "WebkitMaskOrigin",\n  "WebkitMaskPosition",\n  "WebkitMaskPositionX",\n  "WebkitMaskPositionY",\n  "WebkitMaskRepeat",\n  "WebkitMaskRepeatX",\n  "WebkitMaskRepeatY",\n  "WebkitMaskSize",\n  "WebkitOverflowScrolling",\n  "WebkitTapHighlightColor",\n  "WebkitTextFillColor",\n  "WebkitTextStroke",\n  "WebkitTextStrokeColor",\n  "WebkitTextStrokeWidth",\n  "WebkitTouchCallout",\n  "WebkitUserModify",\n  "accentColor",\n  "alignContent",\n  "alignItems",\n  "alignSelf",\n  "alignTracks",\n  "all",\n  "animation",\n  "animationComposition",\n  "animationDelay",\n  "animationDirection",\n  "animationDuration",\n  "animationFillMode",\n  "animationIterationCount",\n  "animationName",\n  "animationPlayState",\n  "animationTimingFunction",\n  "animationTimeline",\n  "appearance",\n  "aspectRatio",\n  "azimuth",\n  "backdropFilter",\n  "backfaceVisibility",\n  "background",\n  "backgroundAttachment",\n  "backgroundBlendMode",\n  "backgroundClip",\n  "backgroundColor",\n  "backgroundImage",\n  "backgroundOrigin",\n  "backgroundPosition",\n  "backgroundPositionX",\n  "backgroundPositionY",\n  "backgroundRepeat",\n  "backgroundSize",\n  "blockOverflow",\n  "blockSize",\n  "border",\n  "borderBlock",\n  "borderBlockColor",\n  "borderBlockStyle",\n  "borderBlockWidth",\n  "borderBlockEnd",\n  "borderBlockEndColor",\n  "borderBlockEndStyle",\n  "borderBlockEndWidth",\n  "borderBlockStart",\n  "borderBlockStartColor",\n  "borderBlockStartStyle",\n  "borderBlockStartWidth",\n  "borderBottom",\n  "borderBottomColor",\n  "borderBottomLeftRadius",\n  "borderBottomRightRadius",\n  "borderBottomStyle",\n  "borderBottomWidth",\n  "borderCollapse",\n  "borderColor",\n  "borderEndEndRadius",\n  "borderEndStartRadius",\n  "borderImage",\n  "borderImageOutset",\n  "borderImageRepeat",\n  "borderImageSlice",\n  "borderImageSource",\n  "borderImageWidth",\n  "borderInline",\n  "borderInlineEnd",\n  "borderInlineColor",\n  "borderInlineStyle",\n  "borderInlineWidth",\n  "borderInlineEndColor",\n  "borderInlineEndStyle",\n  "borderInlineEndWidth",\n  "borderInlineStart",\n  "borderInlineStartColor",\n  "borderInlineStartStyle",\n  "borderInlineStartWidth",\n  "borderLeft",\n  "borderLeftColor",\n  "borderLeftStyle",\n  "borderLeftWidth",\n  "borderRadius",\n  "borderRight",\n  "borderRightColor",\n  "borderRightStyle",\n  "borderRightWidth",\n  "borderSpacing",\n  "borderStartEndRadius",\n  "borderStartStartRadius",\n  "borderStyle",\n  "borderTop",\n  "borderTopColor",\n  "borderTopLeftRadius",\n  "borderTopRightRadius",\n  "borderTopStyle",\n  "borderTopWidth",\n  "borderWidth",\n  "bottom",\n  "boxAlign",\n  "boxDecorationBreak",\n  "boxDirection",\n  "boxFlex",\n  "boxFlexGroup",\n  "boxLines",\n  "boxOrdinalGroup",\n  "boxOrient",\n  "boxPack",\n  "boxShadow",\n  "boxSizing",\n  "breakAfter",\n  "breakBefore",\n  "breakInside",\n  "captionSide",\n  "caret",\n  "caretColor",\n  "caretShape",\n  "clear",\n  "clip",\n  "clipPath",\n  "color",\n  "printColorAdjust",\n  "colorScheme",\n  "columnCount",\n  "columnFill",\n  "columnGap",\n  "columnRule",\n  "columnRuleColor",\n  "columnRuleStyle",\n  "columnRuleWidth",\n  "columnSpan",\n  "columnWidth",\n  "columns",\n  "contain",\n  "containIntrinsicSize",\n  "containIntrinsicBlockSize",\n  "containIntrinsicHeight",\n  "containIntrinsicInlineSize",\n  "containIntrinsicWidth",\n  "content",\n  "contentVisibility",\n  "counterIncrement",\n  "counterReset",\n  "counterSet",\n  "cursor",\n  "direction",\n  "display",\n  "emptyCells",\n  "filter",\n  "flex",\n  "flexBasis",\n  "flexDirection",\n  "flexFlow",\n  "flexGrow",\n  "flexShrink",\n  "flexWrap",\n  "float",\n  "font",\n  "fontFamily",\n  "fontFeatureSettings",\n  "fontKerning",\n  "fontLanguageOverride",\n  "fontOpticalSizing",\n  "fontVariationSettings",\n  "fontSize",\n  "fontSizeAdjust",\n  "fontSmooth",\n  "fontStretch",\n  "fontStyle",\n  "fontSynthesis",\n  "fontVariant",\n  "fontVariantAlternates",\n  "fontVariantCaps",\n  "fontVariantEastAsian",\n  "fontVariantLigatures",\n  "fontVariantNumeric",\n  "fontVariantPosition",\n  "fontWeight",\n  "forcedColorAdjust",\n  "gap",\n  "grid",\n  "gridArea",\n  "gridAutoColumns",\n  "gridAutoFlow",\n  "gridAutoRows",\n  "gridColumn",\n  "gridColumnEnd",\n  "gridColumnGap",\n  "gridColumnStart",\n  "gridGap",\n  "gridRow",\n  "gridRowEnd",\n  "gridRowGap",\n  "gridRowStart",\n  "gridTemplate",\n  "gridTemplateAreas",\n  "gridTemplateColumns",\n  "gridTemplateRows",\n  "hangingPunctuation",\n  "height",\n  "hyphenateCharacter",\n  "hyphens",\n  "imageOrientation",\n  "imageRendering",\n  "imageResolution",\n  "imeMode",\n  "initialLetter",\n  "initialLetterAlign",\n  "inlineSize",\n  "inputSecurity",\n  "inset",\n  "insetBlock",\n  "insetBlockEnd",\n  "insetBlockStart",\n  "insetInline",\n  "insetInlineEnd",\n  "insetInlineStart",\n  "isolation",\n  "justifyContent",\n  "justifyItems",\n  "justifySelf",\n  "justifyTracks",\n  "left",\n  "letterSpacing",\n  "lineBreak",\n  "lineClamp",\n  "lineHeight",\n  "lineHeightStep",\n  "listStyle",\n  "listStyleImage",\n  "listStylePosition",\n  "listStyleType",\n  "margin",\n  "marginBlock",\n  "marginBlockEnd",\n  "marginBlockStart",\n  "marginBottom",\n  "marginInline",\n  "marginInlineEnd",\n  "marginInlineStart",\n  "marginLeft",\n  "marginRight",\n  "marginTop",\n  "marginTrim",\n  "mask",\n  "maskBorder",\n  "maskBorderMode",\n  "maskBorderOutset",\n  "maskBorderRepeat",\n  "maskBorderSlice",\n  "maskBorderSource",\n  "maskBorderWidth",\n  "maskClip",\n  "maskComposite",\n  "maskImage",\n  "maskMode",\n  "maskOrigin",\n  "maskPosition",\n  "maskRepeat",\n  "maskSize",\n  "maskType",\n  "masonryAutoFlow",\n  "mathDepth",\n  "mathShift",\n  "mathStyle",\n  "maxBlockSize",\n  "maxHeight",\n  "maxInlineSize",\n  "maxLines",\n  "maxWidth",\n  "minBlockSize",\n  "minHeight",\n  "minInlineSize",\n  "minWidth",\n  "mixBlendMode",\n  "objectFit",\n  "objectPosition",\n  "offset",\n  "offsetAnchor",\n  "offsetDistance",\n  "offsetPath",\n  "offsetPosition",\n  "offsetRotate",\n  "opacity",\n  "order",\n  "orphans",\n  "outline",\n  "outlineColor",\n  "outlineOffset",\n  "outlineStyle",\n  "outlineWidth",\n  "overflow",\n  "overflowAnchor",\n  "overflowBlock",\n  "overflowClipBox",\n  "overflowClipMargin",\n  "overflowInline",\n  "overflowWrap",\n  "overflowX",\n  "overflowY",\n  "overscrollBehavior",\n  "overscrollBehaviorBlock",\n  "overscrollBehaviorInline",\n  "overscrollBehaviorX",\n  "overscrollBehaviorY",\n  "padding",\n  "paddingBlock",\n  "paddingBlockEnd",\n  "paddingBlockStart",\n  "paddingBottom",\n  "paddingInline",\n  "paddingInlineEnd",\n  "paddingInlineStart",\n  "paddingLeft",\n  "paddingRight",\n  "paddingTop",\n  "pageBreakAfter",\n  "pageBreakBefore",\n  "pageBreakInside",\n  "paintOrder",\n  "perspective",\n  "perspectiveOrigin",\n  "placeContent",\n  "placeItems",\n  "placeSelf",\n  "pointerEvents",\n  "position",\n  "quotes",\n  "resize",\n  "right",\n  "rotate",\n  "rowGap",\n  "rubyAlign",\n  "rubyMerge",\n  "rubyPosition",\n  "scale",\n  "scrollbarColor",\n  "scrollbarGutter",\n  "scrollbarWidth",\n  "scrollBehavior",\n  "scrollMargin",\n  "scrollMarginBlock",\n  "scrollMarginBlockStart",\n  "scrollMarginBlockEnd",\n  "scrollMarginBottom",\n  "scrollMarginInline",\n  "scrollMarginInlineStart",\n  "scrollMarginInlineEnd",\n  "scrollMarginLeft",\n  "scrollMarginRight",\n  "scrollMarginTop",\n  "scrollPadding",\n  "scrollPaddingBlock",\n  "scrollPaddingBlockStart",\n  "scrollPaddingBlockEnd",\n  "scrollPaddingBottom",\n  "scrollPaddingInline",\n  "scrollPaddingInlineStart",\n  "scrollPaddingInlineEnd",\n  "scrollPaddingLeft",\n  "scrollPaddingRight",\n  "scrollPaddingTop",\n  "scrollSnapAlign",\n  "scrollSnapCoordinate",\n  "scrollSnapDestination",\n  "scrollSnapPointsX",\n  "scrollSnapPointsY",\n  "scrollSnapStop",\n  "scrollSnapType",\n  "scrollSnapTypeX",\n  "scrollSnapTypeY",\n  "scrollTimeline",\n  "scrollTimelineAxis",\n  "scrollTimelineName",\n  "shapeImageThreshold",\n  "shapeMargin",\n  "shapeOutside",\n  "tabSize",\n  "tableLayout",\n  "textAlign",\n  "textAlignLast",\n  "textCombineUpright",\n  "textDecoration",\n  "textDecorationColor",\n  "textDecorationLine",\n  "textDecorationSkip",\n  "textDecorationSkipInk",\n  "textDecorationStyle",\n  "textDecorationThickness",\n  "textEmphasis",\n  "textEmphasisColor",\n  "textEmphasisPosition",\n  "textEmphasisStyle",\n  "textIndent",\n  "textJustify",\n  "textOrientation",\n  "textOverflow",\n  "textRendering",\n  "textShadow",\n  "textSizeAdjust",\n  "textTransform",\n  "textUnderlineOffset",\n  "textUnderlinePosition",\n  "top",\n  "touchAction",\n  "transform",\n  "transformBox",\n  "transformOrigin",\n  "transformStyle",\n  "transition",\n  "transitionDelay",\n  "transitionDuration",\n  "transitionProperty",\n  "transitionTimingFunction",\n  "translate",\n  "unicodeBidi",\n  "userSelect",\n  "verticalAlign",\n  "visibility",\n  "whiteSpace",\n  "widows",\n  "width",\n  "willChange",\n  "wordBreak",\n  "wordSpacing",\n  "wordWrap",\n  "writingMode",\n  "zIndex",\n  "zoom",\n  ...userGenerated\n]);\nvar regex = new RegExp("^(?:" + Array.from(allCssProperties).join("|") + ")$");\nfunction memo(fn) {\n  const cache = /* @__PURE__ */ Object.create(null);\n  return (arg) => {\n    if (cache[arg] === void 0)\n      cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\nvar isCssProperty = memo((prop) => {\n  return regex.test(prop) || prop.startsWith("--");\n});\nexport {\n  allCssProperties,\n  isCssProperty\n};\n'
+  content: '// src/index.ts\nvar userGenerated = [];\nvar allCssProperties = [\n  "MsAccelerator",\n  "MsBlockProgression",\n  "MsContentZoomChaining",\n  "MsContentZooming",\n  "MsContentZoomLimit",\n  "MsContentZoomLimitMax",\n  "MsContentZoomLimitMin",\n  "MsContentZoomSnap",\n  "MsContentZoomSnapPoints",\n  "MsContentZoomSnapType",\n  "MsFilter",\n  "MsFlowFrom",\n  "MsFlowInto",\n  "MsGridColumns",\n  "MsGridRows",\n  "MsHighContrastAdjust",\n  "MsHyphenateLimitChars",\n  "MsHyphenateLimitLines",\n  "MsHyphenateLimitZone",\n  "MsImeAlign",\n  "MsOverflowStyle",\n  "MsScrollbar3dlightColor",\n  "MsScrollbarArrowColor",\n  "MsScrollbarBaseColor",\n  "MsScrollbarDarkshadowColor",\n  "MsScrollbarFaceColor",\n  "MsScrollbarHighlightColor",\n  "MsScrollbarShadowColor",\n  "MsScrollbarTrackColor",\n  "MsScrollChaining",\n  "MsScrollLimit",\n  "MsScrollLimitXMax",\n  "MsScrollLimitXMin",\n  "MsScrollLimitYMax",\n  "MsScrollLimitYMin",\n  "MsScrollRails",\n  "MsScrollSnapPointsX",\n  "MsScrollSnapPointsY",\n  "MsScrollSnapType",\n  "MsScrollSnapX",\n  "MsScrollSnapY",\n  "MsScrollTranslation",\n  "MsTextAutospace",\n  "MsTouchSelect",\n  "MsUserSelect",\n  "MsWrapFlow",\n  "MsWrapMargin",\n  "MsWrapThrough",\n  "MozAppearance",\n  "MozBinding",\n  "MozBorderBottomColors",\n  "MozBorderLeftColors",\n  "MozBorderRightColors",\n  "MozBorderTopColors",\n  "MozContextProperties",\n  "MozFloatEdge",\n  "MozForceBrokenImageIcon",\n  "MozImageRegion",\n  "MozOrient",\n  "MozOutlineRadius",\n  "MozOutlineRadiusBottomleft",\n  "MozOutlineRadiusBottomright",\n  "MozOutlineRadiusTopleft",\n  "MozOutlineRadiusTopright",\n  "MozStackSizing",\n  "MozTextBlink",\n  "MozUserFocus",\n  "MozUserInput",\n  "MozUserModify",\n  "MozWindowDragging",\n  "MozWindowShadow",\n  "WebkitAppearance",\n  "WebkitBorderBefore",\n  "WebkitBorderBeforeColor",\n  "WebkitBorderBeforeStyle",\n  "WebkitBorderBeforeWidth",\n  "WebkitBoxReflect",\n  "WebkitLineClamp",\n  "WebkitMask",\n  "WebkitMaskAttachment",\n  "WebkitMaskClip",\n  "WebkitMaskComposite",\n  "WebkitMaskImage",\n  "WebkitMaskOrigin",\n  "WebkitMaskPosition",\n  "WebkitMaskPositionX",\n  "WebkitMaskPositionY",\n  "WebkitMaskRepeat",\n  "WebkitMaskRepeatX",\n  "WebkitMaskRepeatY",\n  "WebkitMaskSize",\n  "WebkitOverflowScrolling",\n  "WebkitTapHighlightColor",\n  "WebkitTextFillColor",\n  "WebkitTextStroke",\n  "WebkitTextStrokeColor",\n  "WebkitTextStrokeWidth",\n  "WebkitTouchCallout",\n  "WebkitUserModify",\n  "accentColor",\n  "alignContent",\n  "alignItems",\n  "alignSelf",\n  "alignTracks",\n  "all",\n  "animation",\n  "animationComposition",\n  "animationDelay",\n  "animationDirection",\n  "animationDuration",\n  "animationFillMode",\n  "animationIterationCount",\n  "animationName",\n  "animationPlayState",\n  "animationTimingFunction",\n  "animationTimeline",\n  "appearance",\n  "aspectRatio",\n  "azimuth",\n  "backdropFilter",\n  "backfaceVisibility",\n  "background",\n  "backgroundAttachment",\n  "backgroundBlendMode",\n  "backgroundClip",\n  "backgroundColor",\n  "backgroundImage",\n  "backgroundOrigin",\n  "backgroundPosition",\n  "backgroundPositionX",\n  "backgroundPositionY",\n  "backgroundRepeat",\n  "backgroundSize",\n  "blockOverflow",\n  "blockSize",\n  "border",\n  "borderBlock",\n  "borderBlockColor",\n  "borderBlockStyle",\n  "borderBlockWidth",\n  "borderBlockEnd",\n  "borderBlockEndColor",\n  "borderBlockEndStyle",\n  "borderBlockEndWidth",\n  "borderBlockStart",\n  "borderBlockStartColor",\n  "borderBlockStartStyle",\n  "borderBlockStartWidth",\n  "borderBottom",\n  "borderBottomColor",\n  "borderBottomLeftRadius",\n  "borderBottomRightRadius",\n  "borderBottomStyle",\n  "borderBottomWidth",\n  "borderCollapse",\n  "borderColor",\n  "borderEndEndRadius",\n  "borderEndStartRadius",\n  "borderImage",\n  "borderImageOutset",\n  "borderImageRepeat",\n  "borderImageSlice",\n  "borderImageSource",\n  "borderImageWidth",\n  "borderInline",\n  "borderInlineEnd",\n  "borderInlineColor",\n  "borderInlineStyle",\n  "borderInlineWidth",\n  "borderInlineEndColor",\n  "borderInlineEndStyle",\n  "borderInlineEndWidth",\n  "borderInlineStart",\n  "borderInlineStartColor",\n  "borderInlineStartStyle",\n  "borderInlineStartWidth",\n  "borderLeft",\n  "borderLeftColor",\n  "borderLeftStyle",\n  "borderLeftWidth",\n  "borderRadius",\n  "borderRight",\n  "borderRightColor",\n  "borderRightStyle",\n  "borderRightWidth",\n  "borderSpacing",\n  "borderStartEndRadius",\n  "borderStartStartRadius",\n  "borderStyle",\n  "borderTop",\n  "borderTopColor",\n  "borderTopLeftRadius",\n  "borderTopRightRadius",\n  "borderTopStyle",\n  "borderTopWidth",\n  "borderWidth",\n  "bottom",\n  "boxAlign",\n  "boxDecorationBreak",\n  "boxDirection",\n  "boxFlex",\n  "boxFlexGroup",\n  "boxLines",\n  "boxOrdinalGroup",\n  "boxOrient",\n  "boxPack",\n  "boxShadow",\n  "boxSizing",\n  "breakAfter",\n  "breakBefore",\n  "breakInside",\n  "captionSide",\n  "caret",\n  "caretColor",\n  "caretShape",\n  "clear",\n  "clip",\n  "clipPath",\n  "color",\n  "printColorAdjust",\n  "colorScheme",\n  "columnCount",\n  "columnFill",\n  "columnGap",\n  "columnRule",\n  "columnRuleColor",\n  "columnRuleStyle",\n  "columnRuleWidth",\n  "columnSpan",\n  "columnWidth",\n  "columns",\n  "contain",\n  "containIntrinsicSize",\n  "containIntrinsicBlockSize",\n  "containIntrinsicHeight",\n  "containIntrinsicInlineSize",\n  "containIntrinsicWidth",\n  "content",\n  "contentVisibility",\n  "counterIncrement",\n  "counterReset",\n  "counterSet",\n  "cursor",\n  "direction",\n  "display",\n  "emptyCells",\n  "filter",\n  "flex",\n  "flexBasis",\n  "flexDirection",\n  "flexFlow",\n  "flexGrow",\n  "flexShrink",\n  "flexWrap",\n  "float",\n  "font",\n  "fontFamily",\n  "fontFeatureSettings",\n  "fontKerning",\n  "fontLanguageOverride",\n  "fontOpticalSizing",\n  "fontVariationSettings",\n  "fontSize",\n  "fontSizeAdjust",\n  "fontSmooth",\n  "fontStretch",\n  "fontStyle",\n  "fontSynthesis",\n  "fontVariant",\n  "fontVariantAlternates",\n  "fontVariantCaps",\n  "fontVariantEastAsian",\n  "fontVariantLigatures",\n  "fontVariantNumeric",\n  "fontVariantPosition",\n  "fontWeight",\n  "forcedColorAdjust",\n  "gap",\n  "grid",\n  "gridArea",\n  "gridAutoColumns",\n  "gridAutoFlow",\n  "gridAutoRows",\n  "gridColumn",\n  "gridColumnEnd",\n  "gridColumnGap",\n  "gridColumnStart",\n  "gridGap",\n  "gridRow",\n  "gridRowEnd",\n  "gridRowGap",\n  "gridRowStart",\n  "gridTemplate",\n  "gridTemplateAreas",\n  "gridTemplateColumns",\n  "gridTemplateRows",\n  "hangingPunctuation",\n  "height",\n  "hyphenateCharacter",\n  "hyphenateLimitChars",\n  "hyphens",\n  "imageOrientation",\n  "imageRendering",\n  "imageResolution",\n  "imeMode",\n  "initialLetter",\n  "initialLetterAlign",\n  "inlineSize",\n  "inputSecurity",\n  "inset",\n  "insetBlock",\n  "insetBlockEnd",\n  "insetBlockStart",\n  "insetInline",\n  "insetInlineEnd",\n  "insetInlineStart",\n  "isolation",\n  "justifyContent",\n  "justifyItems",\n  "justifySelf",\n  "justifyTracks",\n  "left",\n  "letterSpacing",\n  "lineBreak",\n  "lineClamp",\n  "lineHeight",\n  "lineHeightStep",\n  "listStyle",\n  "listStyleImage",\n  "listStylePosition",\n  "listStyleType",\n  "margin",\n  "marginBlock",\n  "marginBlockEnd",\n  "marginBlockStart",\n  "marginBottom",\n  "marginInline",\n  "marginInlineEnd",\n  "marginInlineStart",\n  "marginLeft",\n  "marginRight",\n  "marginTop",\n  "marginTrim",\n  "mask",\n  "maskBorder",\n  "maskBorderMode",\n  "maskBorderOutset",\n  "maskBorderRepeat",\n  "maskBorderSlice",\n  "maskBorderSource",\n  "maskBorderWidth",\n  "maskClip",\n  "maskComposite",\n  "maskImage",\n  "maskMode",\n  "maskOrigin",\n  "maskPosition",\n  "maskRepeat",\n  "maskSize",\n  "maskType",\n  "masonryAutoFlow",\n  "mathDepth",\n  "mathShift",\n  "mathStyle",\n  "maxBlockSize",\n  "maxHeight",\n  "maxInlineSize",\n  "maxLines",\n  "maxWidth",\n  "minBlockSize",\n  "minHeight",\n  "minInlineSize",\n  "minWidth",\n  "mixBlendMode",\n  "objectFit",\n  "objectPosition",\n  "offset",\n  "offsetAnchor",\n  "offsetDistance",\n  "offsetPath",\n  "offsetPosition",\n  "offsetRotate",\n  "opacity",\n  "order",\n  "orphans",\n  "outline",\n  "outlineColor",\n  "outlineOffset",\n  "outlineStyle",\n  "outlineWidth",\n  "overflow",\n  "overflowAnchor",\n  "overflowBlock",\n  "overflowClipBox",\n  "overflowClipMargin",\n  "overflowInline",\n  "overflowWrap",\n  "overflowX",\n  "overflowY",\n  "overscrollBehavior",\n  "overscrollBehaviorBlock",\n  "overscrollBehaviorInline",\n  "overscrollBehaviorX",\n  "overscrollBehaviorY",\n  "padding",\n  "paddingBlock",\n  "paddingBlockEnd",\n  "paddingBlockStart",\n  "paddingBottom",\n  "paddingInline",\n  "paddingInlineEnd",\n  "paddingInlineStart",\n  "paddingLeft",\n  "paddingRight",\n  "paddingTop",\n  "pageBreakAfter",\n  "pageBreakBefore",\n  "pageBreakInside",\n  "paintOrder",\n  "perspective",\n  "perspectiveOrigin",\n  "placeContent",\n  "placeItems",\n  "placeSelf",\n  "pointerEvents",\n  "position",\n  "quotes",\n  "resize",\n  "right",\n  "rotate",\n  "rowGap",\n  "rubyAlign",\n  "rubyMerge",\n  "rubyPosition",\n  "scale",\n  "scrollbarColor",\n  "scrollbarGutter",\n  "scrollbarWidth",\n  "scrollBehavior",\n  "scrollMargin",\n  "scrollMarginBlock",\n  "scrollMarginBlockStart",\n  "scrollMarginBlockEnd",\n  "scrollMarginBottom",\n  "scrollMarginInline",\n  "scrollMarginInlineStart",\n  "scrollMarginInlineEnd",\n  "scrollMarginLeft",\n  "scrollMarginRight",\n  "scrollMarginTop",\n  "scrollPadding",\n  "scrollPaddingBlock",\n  "scrollPaddingBlockStart",\n  "scrollPaddingBlockEnd",\n  "scrollPaddingBottom",\n  "scrollPaddingInline",\n  "scrollPaddingInlineStart",\n  "scrollPaddingInlineEnd",\n  "scrollPaddingLeft",\n  "scrollPaddingRight",\n  "scrollPaddingTop",\n  "scrollSnapAlign",\n  "scrollSnapCoordinate",\n  "scrollSnapDestination",\n  "scrollSnapPointsX",\n  "scrollSnapPointsY",\n  "scrollSnapStop",\n  "scrollSnapType",\n  "scrollSnapTypeX",\n  "scrollSnapTypeY",\n  "scrollTimeline",\n  "scrollTimelineAxis",\n  "scrollTimelineName",\n  "shapeImageThreshold",\n  "shapeMargin",\n  "shapeOutside",\n  "tabSize",\n  "tableLayout",\n  "textAlign",\n  "textAlignLast",\n  "textCombineUpright",\n  "textDecoration",\n  "textDecorationColor",\n  "textDecorationLine",\n  "textDecorationSkip",\n  "textDecorationSkipInk",\n  "textDecorationStyle",\n  "textDecorationThickness",\n  "textEmphasis",\n  "textEmphasisColor",\n  "textEmphasisPosition",\n  "textEmphasisStyle",\n  "textIndent",\n  "textJustify",\n  "textOrientation",\n  "textOverflow",\n  "textRendering",\n  "textShadow",\n  "textSizeAdjust",\n  "textTransform",\n  "textUnderlineOffset",\n  "textUnderlinePosition",\n  "top",\n  "touchAction",\n  "transform",\n  "transformBox",\n  "transformOrigin",\n  "transformStyle",\n  "transition",\n  "transitionDelay",\n  "transitionDuration",\n  "transitionProperty",\n  "transitionTimingFunction",\n  "translate",\n  "unicodeBidi",\n  "userSelect",\n  "verticalAlign",\n  "visibility",\n  "whiteSpace",\n  "widows",\n  "width",\n  "willChange",\n  "wordBreak",\n  "wordSpacing",\n  "wordWrap",\n  "writingMode",\n  "zIndex",\n  "zoom",\n  ...userGenerated\n];\nvar properties = new Map(allCssProperties.map((prop) => [prop, true]));\nfunction memo(fn) {\n  const cache = /* @__PURE__ */ Object.create(null);\n  return (arg) => {\n    if (cache[arg] === void 0)\n      cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\nvar isCssProperty = memo((prop) => {\n  return properties.has(prop) || prop.startsWith("--");\n});\nexport {\n  allCssProperties,\n  isCssProperty\n};\n'
 };
 
 // src/artifacts/js/is-valid-prop.ts
@@ -1764,7 +1764,7 @@ var composition_d_ts_default = {
 
 // src/artifacts/generated/recipe.d.ts.json
 var recipe_d_ts_default = {
-  content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<string, Record<string, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]>\n}\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  variants: (keyof T)[]\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n}\n\nexport type RecipeCompoundSelection<\n  T extends RecipeVariantRecord,\n  Key extends Exclude<keyof T, 'css'> = Exclude<keyof T, 'css'>,\n> = {\n  [K in Key]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T extends RecipeVariantRecord> = RecipeDefinition<T> & {\n  /**\n   * The name of the recipe.\n   */\n  name: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\nexport type AnyRecipeConfig = RecipeConfig<RecipeVariantRecord>\n"
+  content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<string, Record<string, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]>\n}\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  variants: (keyof T)[]\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n}\n\nexport type RecipeCompoundSelection<\n  T extends RecipeVariantRecord,\n  Key extends Exclude<keyof T, 'css'> = Exclude<keyof T, 'css'>,\n> = {\n  [K in Key]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T> = RecipeDefinition<T extends RecipeVariantRecord ? T : RecipeVariantRecord> & {\n  /**\n   * The name of the recipe.\n   */\n  name: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\nexport type AnyRecipeConfig = RecipeConfig<RecipeVariantRecord>\n"
 };
 
 // src/artifacts/generated/selectors.d.ts.json
@@ -2288,10 +2288,10 @@ var generateParserCss = (ctx) => (result) => pipe(
 );
 
 // src/engines/base.ts
-import { assignCompositions, Conditions, Stylesheet, Utility } from "@pandacss/core";
-import { isCssProperty, allCssProperties as allCssProperties2 } from "@pandacss/is-valid-prop";
+import { Conditions, Stylesheet, Utility, assignCompositions } from "@pandacss/core";
+import { isCssProperty } from "@pandacss/is-valid-prop";
 import { logger as logger2 } from "@pandacss/logger";
-import { compact, mapObject } from "@pandacss/shared";
+import { compact, mapObject, memo } from "@pandacss/shared";
 import { TokenDictionary } from "@pandacss/token-dictionary";
 import { Obj, pipe as pipe2, tap as tap2 } from "lil-fp";
 import postcss3 from "postcss";
@@ -2324,13 +2324,13 @@ var getBaseEngine = (conf) => pipe2(
   }),
   Obj.bind(
     "properties",
-    ({ utility, conditions }) => Array.from(/* @__PURE__ */ new Set(["css", ...utility.keys(), ...conditions.keys(), ...allCssProperties2]))
+    ({ utility, conditions }) => Array.from(/* @__PURE__ */ new Set(["css", ...utility.keys(), ...conditions.keys()]))
   ),
   Obj.bind("isValidProperty", ({ properties }) => {
-    return (key) => {
-      const regex = new RegExp("^(?:" + properties.join("|") + ")$");
-      return regex.test(key) || isCssProperty(key);
-    };
+    const propertyMap = new Map(properties.map((prop) => [prop, true]));
+    return memo((key) => {
+      return propertyMap.has(key) || isCssProperty(key);
+    });
   })
 );
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230418111141",
+  "version": "0.0.0-dev-20230419091337",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,16 +20,16 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.22",
     "ts-pattern": "4.2.2",
-    "@pandacss/core": "0.0.0-dev-20230418111141",
-    "@pandacss/logger": "0.0.0-dev-20230418111141",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230418111141",
-    "@pandacss/shared": "0.0.0-dev-20230418111141",
-    "@pandacss/types": "0.0.0-dev-20230418111141",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230418111141"
+    "@pandacss/core": "0.0.0-dev-20230419091337",
+    "@pandacss/logger": "0.0.0-dev-20230419091337",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230419091337",
+    "@pandacss/shared": "0.0.0-dev-20230419091337",
+    "@pandacss/types": "0.0.0-dev-20230419091337",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230419091337"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230418111141"
+    "@pandacss/fixture": "0.0.0-dev-20230419091337"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",