@yamada-ui/react 2.2.3-dev-20260622135744 → 2.2.3-dev-20260624122859

package/dist/cjs/core/css/config.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config.cjs","names":["generateStyle","generateCalc","generateAtRule","isCSSVar","generateFilter","generateFocusRing","generateFunction","analyzeCSSValue","generateToken","generateTransition"],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { display } from \"./display\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n  important?: boolean\n  properties?: CSSProperties[]\n  static?: CSSObject\n  token?: ThemeToken\n  transform?: Transform\n}\n\nexport interface StyleConfigs {\n  [key: string]: StyleConfig | true\n}\n\nexport const transforms = {\n  style: generateStyle,\n  colorScheme,\n  animation,\n  bgClip: (value, { prev }) => {\n    if (value === \"text\") {\n      prev ??= {}\n      prev.color ??= \"transparent\"\n\n      return value\n    } else {\n      return value\n    }\n  },\n  calc: generateCalc,\n  colorMix,\n  container: generateAtRule(\"container\"),\n  content: (value) => {\n    if (isObject(value)) {\n      return { content: \"''\", ...value }\n    } else {\n      return value\n    }\n  },\n  deg: (value) => {\n    if (isCSSVar(value) || value == null) return value\n\n    const isUnitless =\n      typeof value === \"string\" &&\n      !value.endsWith(\"deg\") &&\n      !value.endsWith(\"grad\") &&\n      !value.endsWith(\"turn\") &&\n      !value.endsWith(\"rad\")\n\n    return isUnitless || isNumber(value) ? `${value}deg` : value\n  },\n  display,\n  filter: generateFilter,\n  focusRing: generateFocusRing,\n  fraction: (value) => {\n    if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n    return value\n  },\n  function: generateFunction,\n  gradient,\n  grid,\n  keyframes,\n  media: generateAtRule(\"media\"),\n  px: (value) => {\n    if (value == null) return value\n\n    const { unitless } = analyzeCSSValue(value)\n\n    return unitless || isNumber(value) ? `${value}px` : value\n  },\n  supports: generateAtRule(\"supports\"),\n  token: generateToken,\n  transform,\n  transition: generateTransition,\n  truncated: (value: boolean) => {\n    if (value) {\n      return {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }\n    }\n  },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAa,aAAa;CACxB,OAAOA,cAAAA;CACP,aAAA,qBAAA;CACA,WAAA,kBAAA;CACA,SAAS,OAAO,EAAE,WAAW;EAC3B,IAAI,UAAU,QAAQ;GACpB,SAAS,CAAC;GACV,KAAK,UAAU;GAEf,OAAO;EACT,OACE,OAAO;CAEX;CACA,MAAMC,aAAAA;CACN,UAAA,kBAAA;CACA,WAAWC,gBAAAA,eAAe,WAAW;CACrC,UAAU,UAAU;EAClB,KAAA,GAAA,oBAAA,cAAA,SAAA,CAAa,KAAK,GAChB,OAAO;GAAE,SAAS;GAAM,GAAG;EAAM;OAEjC,OAAO;CAEX;CACA,MAAM,UAAU;EACd,IAAIC,cAAAA,SAAS,KAAK,KAAK,SAAS,MAAM,OAAO;EAS7C,OANE,OAAO,UAAU,YACjB,CAAC,MAAM,SAAS,KAAK,KACrB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,KAAK,MAAA,GAAA,oBAAA,cAAA,SAAA,CAEO,KAAK,IAAI,GAAG,MAAM,OAAO;CACzD;CACA,SAAA,gBAAA;CACA,QAAQC,eAAAA;CACR,WAAWC,mBAAAA;CACX,WAAW,UAAU;EACnB,KAAA,GAAA,oBAAA,cAAA,SAAA,CAAa,KAAK,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,IAAI;EAE1D,OAAO;CACT;CACA,UAAUC,iBAAAA;CACV,UAAA,iBAAA;CACA,MAAA,aAAA;CACA,WAAA,kBAAA;CACA,OAAOJ,gBAAAA,eAAe,OAAO;CAC7B,KAAK,UAAU;EACb,IAAI,SAAS,MAAM,OAAO;EAE1B,MAAM,EAAE,aAAaK,cAAAA,gBAAgB,KAAK;EAE1C,OAAO,aAAA,GAAA,oBAAA,cAAA,SAAA,CAAqB,KAAK,IAAI,GAAG,MAAM,MAAM;CACtD;CACA,UAAUL,gBAAAA,eAAe,UAAU;CACnC,OAAOM,cAAAA;CACP,WAAA,kBAAA;CACA,YAAYC,mBAAAA;CACZ,YAAY,UAAmB;EAC7B,IAAI,OACF,OAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACd;CAEJ;AACF"}
+{"version":3,"file":"config.cjs","names":["generateStyle","generateCalc","generateAtRule","isCSSVar","generateFilter","generateFocusRing","generateFunction","analyzeCSSValue","generateToken","generateTransition"],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { display } from \"./display\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n  important?: boolean\n  properties?: CSSProperties[]\n  static?: CSSObject\n  token?: ThemeToken\n  transform?: Transform\n}\n\nexport interface StyleConfigs {\n  [key: string]: StyleConfig | true\n}\n\nexport const transforms = {\n  style: generateStyle,\n  colorScheme,\n  animation,\n  bgClip: (value, { prev }) => {\n    if (value === \"text\") {\n      prev ??= {}\n      prev.color ??= \"transparent\"\n\n      return value\n    } else {\n      return value\n    }\n  },\n  calc: generateCalc,\n  colorMix,\n  container: generateAtRule(\"container\"),\n  content: (value) => {\n    if (isObject(value)) return { content: \"''\", ...value }\n    else return value\n  },\n  deg: (value) => {\n    if (isCSSVar(value) || value == null) return value\n\n    const isUnitless =\n      typeof value === \"string\" &&\n      !value.endsWith(\"deg\") &&\n      !value.endsWith(\"grad\") &&\n      !value.endsWith(\"turn\") &&\n      !value.endsWith(\"rad\")\n\n    return isUnitless || isNumber(value) ? `${value}deg` : value\n  },\n  display,\n  filter: generateFilter,\n  focusRing: generateFocusRing,\n  fraction: (value) => {\n    if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n    return value\n  },\n  function: generateFunction,\n  gradient,\n  grid,\n  keyframes,\n  media: generateAtRule(\"media\"),\n  px: (value) => {\n    if (value == null) return value\n\n    const { unitless } = analyzeCSSValue(value)\n\n    return unitless || isNumber(value) ? `${value}px` : value\n  },\n  supports: generateAtRule(\"supports\"),\n  token: generateToken,\n  transform,\n  transition: generateTransition,\n  truncated: (value: boolean) => {\n    if (value)\n      return {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }\n  },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAa,aAAa;CACxB,OAAOA,cAAAA;CACP,aAAA,qBAAA;CACA,WAAA,kBAAA;CACA,SAAS,OAAO,EAAE,WAAW;EAC3B,IAAI,UAAU,QAAQ;GACpB,SAAS,CAAC;GACV,KAAK,UAAU;GAEf,OAAO;EACT,OACE,OAAO;CAEX;CACA,MAAMC,aAAAA;CACN,UAAA,kBAAA;CACA,WAAWC,gBAAAA,eAAe,WAAW;CACrC,UAAU,UAAU;EAClB,KAAA,GAAA,oBAAA,cAAA,SAAA,CAAa,KAAK,GAAG,OAAO;GAAE,SAAS;GAAM,GAAG;EAAM;OACjD,OAAO;CACd;CACA,MAAM,UAAU;EACd,IAAIC,cAAAA,SAAS,KAAK,KAAK,SAAS,MAAM,OAAO;EAS7C,OANE,OAAO,UAAU,YACjB,CAAC,MAAM,SAAS,KAAK,KACrB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,MAAM,KACtB,CAAC,MAAM,SAAS,KAAK,MAAA,GAAA,oBAAA,cAAA,SAAA,CAEO,KAAK,IAAI,GAAG,MAAM,OAAO;CACzD;CACA,SAAA,gBAAA;CACA,QAAQC,eAAAA;CACR,WAAWC,mBAAAA;CACX,WAAW,UAAU;EACnB,KAAA,GAAA,oBAAA,cAAA,SAAA,CAAa,KAAK,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,IAAI;EAE1D,OAAO;CACT;CACA,UAAUC,iBAAAA;CACV,UAAA,iBAAA;CACA,MAAA,aAAA;CACA,WAAA,kBAAA;CACA,OAAOJ,gBAAAA,eAAe,OAAO;CAC7B,KAAK,UAAU;EACb,IAAI,SAAS,MAAM,OAAO;EAE1B,MAAM,EAAE,aAAaK,cAAAA,gBAAgB,KAAK;EAE1C,OAAO,aAAA,GAAA,oBAAA,cAAA,SAAA,CAAqB,KAAK,IAAI,GAAG,MAAM,MAAM;CACtD;CACA,UAAUL,gBAAAA,eAAe,UAAU;CACnC,OAAOM,cAAAA;CACP,WAAA,kBAAA;CACA,YAAYC,mBAAAA;CACZ,YAAY,UAAmB;EAC7B,IAAI,OACF,OAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACd;CACJ;AACF"}

package/dist/cjs/core/css/css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"css.cjs","names":["variableLengthProperties","conditions","getCondition","transformInterpolation","getColorSchemeVar","colorMix","isCSSToken","getVar","styles","isImportant","omitImportant","insertImportant"],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.types\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n  isArray,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n  insertImportant,\n  isCSSToken,\n  isImportant,\n  omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n  return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n  return function (value: any): boolean {\n    if (!isObject(value)) return false\n\n    const keys = Object.keys(value)\n\n    if (!keys.length) return false\n\n    if (!keys.includes(\"base\")) return false\n\n    return keys.every((key) => {\n      return (\n        breakpoints.isResponsiveKey(key) ||\n        key.startsWith(\"@\") ||\n        key.startsWith(\"_\")\n      )\n    })\n  }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n  return function (key: string, [lightValue, darkValue]: any[]): Dict {\n    let computedCSS: Dict = {}\n\n    if (isConditionalObject(breakpoints)(lightValue)) {\n      computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n    } else {\n      computedCSS[key] = lightValue\n    }\n\n    if (isConditionalObject(breakpoints)(darkValue)) {\n      computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n        key,\n        darkValue,\n      )\n    } else {\n      computedCSS[conditions._dark] = { [key]: darkValue }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n  return function (key: string, value: Dict) {\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !breakpoints.isResponsiveKey(key),\n    )\n\n    const breakpointObj = breakpoints.queries.reduce<Dict>(\n      (prev, { breakpoint, query }) => {\n        const breakpointValue = value[breakpoint]\n\n        if (!isUndefined(breakpointValue)) {\n          if (isArray(breakpointValue)) {\n            const colorModeValue = transformColorModeArray(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: colorModeValue } : colorModeValue,\n            )\n          } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n            const conditionalValue = transformConditionalObject(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: conditionalValue } : conditionalValue,\n            )\n          } else {\n            prev = merge(\n              prev,\n              query\n                ? { [query]: { [key]: breakpointValue } }\n                : { [key]: breakpointValue },\n            )\n          }\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Dict>(\n      (prev, conditionalKey) => {\n        const query = getCondition(conditionalKey)\n\n        prev[query] = { [key]: value[conditionalKey] }\n\n        return prev\n      },\n      {},\n    )\n\n    return merge(breakpointObj, additionalObj)\n  }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n  return function (key: string, value: any) {\n    if (isArray(value)) {\n      return transformColorModeArray(breakpoints)(key, value)\n    } else if (isConditionalObject(breakpoints)(value)) {\n      return transformConditionalObject(breakpoints)(key, value)\n    } else {\n      return { [key]: value }\n    }\n  }\n}\n\nfunction expandCSS(system: System) {\n  return function (css: Dict): Dict {\n    let computedCSS: Dict = {}\n\n    for (let [key, value] of Object.entries(css)) {\n      if (value == null) continue\n\n      if (!isVariableLength(key)) {\n        computedCSS = merge(\n          computedCSS,\n          transformConditionalValue(system)(key, value),\n        )\n      } else {\n        computedCSS = merge(computedCSS, { [key]: value })\n      }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction valueToVar(system: System) {\n  return function (prop: string, value: any) {\n    const result = transformInterpolation(\n      value,\n      function (value: string, fallbackValue?: string) {\n        if (value.includes(\"colorScheme.\")) {\n          return getColorSchemeVar(system)(value)\n        } else if (value.includes(\"colors.\")) {\n          return colorMix(value, { fallback: fallbackValue, system })\n        } else if (isCSSToken(system)(value)) {\n          return system.cssMap[value]!.ref\n        } else if (fallbackValue) {\n          fallbackValue = isCSSToken(system)(fallbackValue)\n            ? system.cssMap[fallbackValue]!.ref\n            : fallbackValue\n\n          return getVar(value, fallbackValue)\n        } else {\n          return getVar(value)\n        }\n      },\n    )\n\n    if (prop.startsWith(\"--\") && isString(result)) {\n      if (result.includes(\"colorScheme.\")) {\n        return getColorSchemeVar(system)(result)\n      } else if (result.includes(\"colors.\")) {\n        return colorMix(result, { system })\n      } else if (isCSSToken(system)(result)) {\n        return system.cssMap[result]!.ref\n      } else {\n        return result\n      }\n    } else {\n      return result\n    }\n  }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = prev[property] ?? {}\n      prev[property] = merge(prev[property], value)\n    }\n  } else {\n    prev[prop] = prev[prop] ?? {}\n    prev[prop] = merge(prev[prop], value)\n  }\n\n  return prev\n}\n\nfunction insertCSS(\n  prev: Dict,\n  value: any,\n  prop: string,\n  properties?: string[],\n) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = value\n    }\n  } else {\n    prev[prop] = value\n  }\n\n  return prev\n}\n\nexport function getStyle(prop: string) {\n  const style = styles[prop as StyleProperty] as StyleConfig | true | undefined\n\n  return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n  return function (cssOrFn: CSSObjectOrFunction) {\n    function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n      const cssObj = runIfFn(cssOrFn, system)\n      const computedCSS = expandCSS(system)(cssObj)\n\n      let prev: Dict = {}\n\n      for (let [prop, value] of Object.entries(computedCSS)) {\n        value = valueToVar(system)(prop, value)\n\n        if (value == null) continue\n\n        prop = getCondition(prop)\n\n        const style = getStyle(prop)\n        const options: TransformOptions = {\n          css,\n          prev,\n          properties: style?.properties,\n          system,\n          theme,\n        }\n\n        if (isObject(value)) {\n          value = style?.transform?.(value, options) ?? value\n\n          if (isObject(value)) {\n            prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n          } else {\n            prev = insertCSS(prev, value, prop, style?.properties)\n          }\n\n          continue\n        }\n\n        const important = isImportant(value)\n\n        value = omitImportant(value)\n        value = style?.transform?.(value, options) ?? value\n\n        if (important) value = insertImportant(value, style)\n\n        if (style?.static) prev = merge(prev, style.static)\n\n        if (isObject(value)) {\n          prev = merge(prev, createCSS(value))\n\n          continue\n        }\n\n        prev = insertCSS(prev, value, prop, style?.properties)\n      }\n\n      return prev\n    }\n\n    return createCSS(cssOrFn)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"css.cjs","names":["variableLengthProperties","conditions","getCondition","transformInterpolation","getColorSchemeVar","colorMix","isCSSToken","getVar","styles","isImportant","omitImportant","insertImportant"],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.types\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport {\n  isArray,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n  insertImportant,\n  isCSSToken,\n  isImportant,\n  omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n  return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n  return function (value: any): boolean {\n    if (!isObject(value)) return false\n\n    const keys = Object.keys(value)\n\n    if (!keys.length) return false\n\n    if (!keys.includes(\"base\")) return false\n\n    return keys.every((key) => {\n      return (\n        breakpoints.isResponsiveKey(key) ||\n        key.startsWith(\"@\") ||\n        key.startsWith(\"_\")\n      )\n    })\n  }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n  return function (key: string, [lightValue, darkValue]: any[]): Dict {\n    let computedCSS: Dict = {}\n\n    if (isConditionalObject(breakpoints)(lightValue))\n      computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n    else computedCSS[key] = lightValue\n\n    if (isConditionalObject(breakpoints)(darkValue))\n      computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n        key,\n        darkValue,\n      )\n    else computedCSS[conditions._dark] = { [key]: darkValue }\n\n    return computedCSS\n  }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n  return function (key: string, value: Dict) {\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !breakpoints.isResponsiveKey(key),\n    )\n\n    const breakpointObj = breakpoints.queries.reduce<Dict>(\n      (prev, { breakpoint, query }) => {\n        const breakpointValue = value[breakpoint]\n\n        if (!isUndefined(breakpointValue))\n          if (isArray(breakpointValue)) {\n            const colorModeValue = transformColorModeArray(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: colorModeValue } : colorModeValue,\n            )\n          } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n            const conditionalValue = transformConditionalObject(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: conditionalValue } : conditionalValue,\n            )\n          } else {\n            prev = merge(\n              prev,\n              query\n                ? { [query]: { [key]: breakpointValue } }\n                : { [key]: breakpointValue },\n            )\n          }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Dict>(\n      (prev, conditionalKey) => {\n        const query = getCondition(conditionalKey)\n\n        prev[query] = { [key]: value[conditionalKey] }\n\n        return prev\n      },\n      {},\n    )\n\n    return merge(breakpointObj, additionalObj)\n  }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n  return function (key: string, value: any) {\n    if (isArray(value)) return transformColorModeArray(breakpoints)(key, value)\n    else if (isConditionalObject(breakpoints)(value))\n      return transformConditionalObject(breakpoints)(key, value)\n    else return { [key]: value }\n  }\n}\n\nfunction expandCSS(system: System) {\n  return function (css: Dict): Dict {\n    let computedCSS: Dict = {}\n\n    for (let [key, value] of Object.entries(css)) {\n      if (value == null) continue\n\n      if (!isVariableLength(key))\n        computedCSS = merge(\n          computedCSS,\n          transformConditionalValue(system)(key, value),\n        )\n      else computedCSS = merge(computedCSS, { [key]: value })\n    }\n\n    return computedCSS\n  }\n}\n\nfunction valueToVar(system: System) {\n  return function (prop: string, value: any) {\n    const result = transformInterpolation(\n      value,\n      function (value: string, fallbackValue?: string) {\n        if (value.includes(\"colorScheme.\")) {\n          return getColorSchemeVar(system)(value)\n        } else if (value.includes(\"colors.\")) {\n          return colorMix(value, { fallback: fallbackValue, system })\n        } else if (isCSSToken(system)(value)) {\n          return system.cssMap[value]!.ref\n        } else if (fallbackValue) {\n          fallbackValue = isCSSToken(system)(fallbackValue)\n            ? system.cssMap[fallbackValue]!.ref\n            : fallbackValue\n\n          return getVar(value, fallbackValue)\n        } else {\n          return getVar(value)\n        }\n      },\n    )\n\n    if (prop.startsWith(\"--\") && isString(result))\n      if (result.includes(\"colorScheme.\"))\n        return getColorSchemeVar(system)(result)\n      else if (result.includes(\"colors.\")) return colorMix(result, { system })\n      else if (isCSSToken(system)(result)) return system.cssMap[result]!.ref\n      else return result\n    else return result\n  }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = prev[property] ?? {}\n      prev[property] = merge(prev[property], value)\n    }\n  } else {\n    prev[prop] = prev[prop] ?? {}\n    prev[prop] = merge(prev[prop], value)\n  }\n\n  return prev\n}\n\nfunction insertCSS(\n  prev: Dict,\n  value: any,\n  prop: string,\n  properties?: string[],\n) {\n  if (properties) for (const property of properties) prev[property] = value\n  else prev[prop] = value\n\n  return prev\n}\n\nexport function getStyle(prop: string) {\n  const style = styles[prop as StyleProperty] as StyleConfig | true | undefined\n\n  return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n  return function (cssOrFn: CSSObjectOrFunction) {\n    function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n      const cssObj = runIfFn(cssOrFn, system)\n      const computedCSS = expandCSS(system)(cssObj)\n\n      let prev: Dict = {}\n\n      for (let [prop, value] of Object.entries(computedCSS)) {\n        value = valueToVar(system)(prop, value)\n\n        if (value == null) continue\n\n        prop = getCondition(prop)\n\n        const style = getStyle(prop)\n        const options: TransformOptions = {\n          css,\n          prev,\n          properties: style?.properties,\n          system,\n          theme,\n        }\n\n        if (isObject(value)) {\n          value = style?.transform?.(value, options) ?? value\n\n          if (isObject(value))\n            prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n          else prev = insertCSS(prev, value, prop, style?.properties)\n\n          continue\n        }\n\n        const important = isImportant(value)\n\n        value = omitImportant(value)\n        value = style?.transform?.(value, options) ?? value\n\n        if (important) value = insertImportant(value, style)\n\n        if (style?.static) prev = merge(prev, style.static)\n\n        if (isObject(value)) {\n          prev = merge(prev, createCSS(value))\n\n          continue\n        }\n\n        prev = insertCSS(prev, value, prop, style?.properties)\n      }\n\n      return prev\n    }\n\n    return createCSS(cssOrFn)\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/core/css/gradient.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"gradient.cjs","names":["globalValues","isCSSFunction","getCSSFunction","splitValues","isCSSToken"],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n  \"to-b\": \"to bottom\",\n  \"to-bl\": \"to bottom left\",\n  \"to-br\": \"to bottom right\",\n  \"to-l\": \"to left\",\n  \"to-r\": \"to right\",\n  \"to-t\": \"to top\",\n  \"to-tl\": \"to top left\",\n  \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const prevent = isCSSFunction(value)\n\n  if (!prevent) return `url('${value}')`\n\n  let { type, values } = getCSSFunction(value)\n\n  if (!type || !values) return value\n\n  type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n  const [maybeDirection, ...colors] = splitValues(values)\n\n  if (!colors.length) return value\n\n  const direction =\n    maybeDirection && maybeDirection in directions\n      ? directions[maybeDirection]\n      : maybeDirection\n\n  if (!isUndefined(direction)) colors.unshift(direction)\n\n  const computedValues = colors.map((_color) => {\n    if (isUndefined(_color)) return _color\n\n    if (directionValues.has(_color)) return _color\n\n    const i = _color.indexOf(\" \")\n\n    let [color, _ratio] =\n      i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n    const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n    const token = `colors.${color}`\n\n    color = isCSSToken(system)(token) ? system.cssMap[token]!.ref : color\n\n    if (ratio) {\n      return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n    } else {\n      return color\n    }\n  })\n\n  return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;AAUA,MAAM,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;AACX;AAEA,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,UAAU,CAAC;AAEzD,SAAgB,SAAS,OAAY,EAAE,UAA4B;CACjE,IAAI,SAAS,QAAQA,cAAAA,aAAa,IAAI,KAAK,GAAG,OAAO;CAIrD,IAAI,CAFYC,cAAAA,cAAc,KAEnB,GAAG,OAAO,QAAQ,MAAM;CAEnC,IAAI,EAAE,MAAM,WAAWC,cAAAA,eAAe,KAAK;CAE3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;CAE7B,OAAO,KAAK,SAAS,WAAW,IAAI,OAAO,GAAG,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,UAAUC,cAAAA,YAAY,MAAM;CAEtD,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;CAEN,IAAI,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,SAAS,GAAG,OAAO,QAAQ,SAAS;CAErD,MAAM,iBAAiB,OAAO,KAAK,WAAW;EAC5C,KAAA,GAAA,oBAAA,cAAA,YAAA,CAAgB,MAAM,GAAG,OAAO;EAEhC,IAAI,gBAAgB,IAAI,MAAM,GAAG,OAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,GAAG;EAE5B,IAAI,CAAC,OAAO,UACV,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,CAAC,GAAG,OAAO,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM;EAEhE,MAAM,QAAQF,cAAAA,cAAc,MAAM,IAAI,SAAS,QAAQ,MAAM,GAAG;EAEhE,MAAM,QAAQ,UAAU;EAExB,QAAQG,cAAAA,WAAW,MAAM,CAAC,CAAC,KAAK,IAAI,OAAO,OAAO,MAAM,CAAE,MAAM;EAEhE,IAAI,OACF,OAAO,CAAC,OAAO,IAAA,GAAA,oBAAA,cAAA,QAAA,CAAY,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAE,CAAC,CAAC,KAAK,GAAG;OAE9D,OAAO;CAEX,CAAC;CAED,OAAO,GAAG,KAAK,GAAG,eAAe,KAAK,IAAI,EAAE;AAC9C"}
+{"version":3,"file":"gradient.cjs","names":["globalValues","isCSSFunction","getCSSFunction","splitValues","isCSSToken"],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n  \"to-b\": \"to bottom\",\n  \"to-bl\": \"to bottom left\",\n  \"to-br\": \"to bottom right\",\n  \"to-l\": \"to left\",\n  \"to-r\": \"to right\",\n  \"to-t\": \"to top\",\n  \"to-tl\": \"to top left\",\n  \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const prevent = isCSSFunction(value)\n\n  if (!prevent) return `url('${value}')`\n\n  let { type, values } = getCSSFunction(value)\n\n  if (!type || !values) return value\n\n  type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n  const [maybeDirection, ...colors] = splitValues(values)\n\n  if (!colors.length) return value\n\n  const direction =\n    maybeDirection && maybeDirection in directions\n      ? directions[maybeDirection]\n      : maybeDirection\n\n  if (!isUndefined(direction)) colors.unshift(direction)\n\n  const computedValues = colors.map((_color) => {\n    if (isUndefined(_color)) return _color\n\n    if (directionValues.has(_color)) return _color\n\n    const i = _color.indexOf(\" \")\n\n    let [color, _ratio] =\n      i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n    const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n    const token = `colors.${color}`\n\n    color = isCSSToken(system)(token) ? system.cssMap[token]!.ref : color\n\n    if (ratio) return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n    else return color\n  })\n\n  return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;AAUA,MAAM,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;AACX;AAEA,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,UAAU,CAAC;AAEzD,SAAgB,SAAS,OAAY,EAAE,UAA4B;CACjE,IAAI,SAAS,QAAQA,cAAAA,aAAa,IAAI,KAAK,GAAG,OAAO;CAIrD,IAAI,CAFYC,cAAAA,cAAc,KAEnB,GAAG,OAAO,QAAQ,MAAM;CAEnC,IAAI,EAAE,MAAM,WAAWC,cAAAA,eAAe,KAAK;CAE3C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;CAE7B,OAAO,KAAK,SAAS,WAAW,IAAI,OAAO,GAAG,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,UAAUC,cAAAA,YAAY,MAAM;CAEtD,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;CAEN,IAAI,EAAA,GAAA,oBAAA,cAAA,YAAA,CAAa,SAAS,GAAG,OAAO,QAAQ,SAAS;CAErD,MAAM,iBAAiB,OAAO,KAAK,WAAW;EAC5C,KAAA,GAAA,oBAAA,cAAA,YAAA,CAAgB,MAAM,GAAG,OAAO;EAEhC,IAAI,gBAAgB,IAAI,MAAM,GAAG,OAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,GAAG;EAE5B,IAAI,CAAC,OAAO,UACV,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,CAAC,GAAG,OAAO,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM;EAEhE,MAAM,QAAQF,cAAAA,cAAc,MAAM,IAAI,SAAS,QAAQ,MAAM,GAAG;EAEhE,MAAM,QAAQ,UAAU;EAExB,QAAQG,cAAAA,WAAW,MAAM,CAAC,CAAC,KAAK,IAAI,OAAO,OAAO,MAAM,CAAE,MAAM;EAEhE,IAAI,OAAO,OAAO,CAAC,OAAO,IAAA,GAAA,oBAAA,cAAA,QAAA,CAAY,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAE,CAAC,CAAC,KAAK,GAAG;OACpE,OAAO;CACd,CAAC;CAED,OAAO,GAAG,KAAK,GAAG,eAAe,KAAK,IAAI,EAAE;AAC9C"}

package/dist/cjs/core/css/grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs","names":["globalValues","splitValues","isCSSFunction","isCSSToken","getCSSFunction","generateCalc"],"sources":["../../../../src/core/css/grid.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { generateCalc } from \"./calc\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst repeats: { [key: string]: string } = {\n  fill: \"auto-fill\",\n  fit: \"auto-fit\",\n}\n\nexport function grid(value: any, { system, ...rest }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const values = splitValues(value, (current) => current === \" \")\n\n  if (!values.length) return value\n\n  const computedValues = values.map((value): string => {\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) {\n      const token = `sizes.${value}`\n\n      if (isCSSToken(system)(token)) {\n        return system.cssMap[token]!.ref\n      } else {\n        return value\n      }\n    }\n\n    const { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    if (type === \"repeat\") {\n      let [repeat, tracks] = splitValues(values)\n\n      repeat = repeat && repeat in repeats ? repeats[repeat] : repeat\n      tracks = grid(tracks, { system, ...rest })\n\n      return `repeat(${repeat}, ${tracks})`\n    } else {\n      return generateCalc(\"sizes\")(value, { system, ...rest })\n    }\n  })\n\n  return computedValues.join(\" \")\n}\n"],"mappings":";;;AAUA,MAAM,UAAqC;CACzC,MAAM;CACN,KAAK;AACP;AAEA,SAAgB,KAAK,OAAY,EAAE,QAAQ,GAAG,QAA0B;CACtE,IAAI,SAAS,QAAQA,cAAAA,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,MAAM,SAASC,cAAAA,YAAY,QAAQ,YAAY,YAAY,GAAG;CAE9D,IAAI,CAAC,OAAO,QAAQ,OAAO;CA+B3B,OA7BuB,OAAO,KAAK,UAAkB;EAGnD,IAAI,CAFYC,cAAAA,cAAc,KAEnB,GAAG;GACZ,MAAM,QAAQ,SAAS;GAEvB,IAAIC,cAAAA,WAAW,MAAM,CAAC,CAAC,KAAK,GAC1B,OAAO,OAAO,OAAO,MAAM,CAAE;QAE7B,OAAO;EAEX;EAEA,MAAM,EAAE,MAAM,WAAWC,cAAAA,eAAe,KAAK;EAE7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,IAAI,SAAS,UAAU;GACrB,IAAI,CAAC,QAAQ,UAAUH,cAAAA,YAAY,MAAM;GAEzC,SAAS,UAAU,UAAU,UAAU,QAAQ,UAAU;GACzD,SAAS,KAAK,QAAQ;IAAE;IAAQ,GAAG;GAAK,CAAC;GAEzC,OAAO,UAAU,OAAO,IAAI,OAAO;EACrC,OACE,OAAOI,aAAAA,aAAa,OAAO,CAAC,CAAC,OAAO;GAAE;GAAQ,GAAG;EAAK,CAAC;CAE3D,CAEoB,CAAC,CAAC,KAAK,GAAG;AAChC"}
+{"version":3,"file":"grid.cjs","names":["globalValues","splitValues","isCSSFunction","isCSSToken","getCSSFunction","generateCalc"],"sources":["../../../../src/core/css/grid.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { generateCalc } from \"./calc\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst repeats: { [key: string]: string } = {\n  fill: \"auto-fill\",\n  fit: \"auto-fit\",\n}\n\nexport function grid(value: any, { system, ...rest }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const values = splitValues(value, (current) => current === \" \")\n\n  if (!values.length) return value\n\n  const computedValues = values.map((value): string => {\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) {\n      const token = `sizes.${value}`\n\n      if (isCSSToken(system)(token)) return system.cssMap[token]!.ref\n      else return value\n    }\n\n    const { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    if (type === \"repeat\") {\n      let [repeat, tracks] = splitValues(values)\n\n      repeat = repeat && repeat in repeats ? repeats[repeat] : repeat\n      tracks = grid(tracks, { system, ...rest })\n\n      return `repeat(${repeat}, ${tracks})`\n    } else {\n      return generateCalc(\"sizes\")(value, { system, ...rest })\n    }\n  })\n\n  return computedValues.join(\" \")\n}\n"],"mappings":";;;AAUA,MAAM,UAAqC;CACzC,MAAM;CACN,KAAK;AACP;AAEA,SAAgB,KAAK,OAAY,EAAE,QAAQ,GAAG,QAA0B;CACtE,IAAI,SAAS,QAAQA,cAAAA,aAAa,IAAI,KAAK,GAAG,OAAO;CAErD,MAAM,SAASC,cAAAA,YAAY,QAAQ,YAAY,YAAY,GAAG;CAE9D,IAAI,CAAC,OAAO,QAAQ,OAAO;CA4B3B,OA1BuB,OAAO,KAAK,UAAkB;EAGnD,IAAI,CAFYC,cAAAA,cAAc,KAEnB,GAAG;GACZ,MAAM,QAAQ,SAAS;GAEvB,IAAIC,cAAAA,WAAW,MAAM,CAAC,CAAC,KAAK,GAAG,OAAO,OAAO,OAAO,MAAM,CAAE;QACvD,OAAO;EACd;EAEA,MAAM,EAAE,MAAM,WAAWC,cAAAA,eAAe,KAAK;EAE7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,IAAI,SAAS,UAAU;GACrB,IAAI,CAAC,QAAQ,UAAUH,cAAAA,YAAY,MAAM;GAEzC,SAAS,UAAU,UAAU,UAAU,QAAQ,UAAU;GACzD,SAAS,KAAK,QAAQ;IAAE;IAAQ,GAAG;GAAK,CAAC;GAEzC,OAAO,UAAU,OAAO,IAAI,OAAO;EACrC,OACE,OAAOI,aAAAA,aAAa,OAAO,CAAC,CAAC,OAAO;GAAE;GAAQ,GAAG;EAAK,CAAC;CAE3D,CAEoB,CAAC,CAAC,KAAK,GAAG;AAChC"}

package/dist/cjs/core/css/index.cjs

@@ -76,4 +76,5 @@ exports.useInjectVarsIntoCss = require_use_inject_vars.useInjectVarsIntoCss;
 exports.useInjectVarsIntoProps = require_use_inject_vars.useInjectVarsIntoProps;
 exports.varToValue = require_utils.varToValue;
 exports.variableLengthProperties = require_styles.variableLengthProperties;
+exports.vendorProperties = require_styles.vendorProperties;
 exports.zIndexProperties = require_styles.zIndexProperties;

package/dist/cjs/core/css/styles.cjs

@@ -1578,6 +1578,258 @@ const styles = {
 	...atRuleStyles
 };
 const styleProperties = Object.keys(styles);
+const vendorProperties = [
+	"MozAnimationDelay",
+	"MozAnimationDirection",
+	"MozAnimationDuration",
+	"MozAnimationFillMode",
+	"MozAnimationIterationCount",
+	"MozAnimationName",
+	"MozAnimationPlayState",
+	"MozAnimationTimingFunction",
+	"MozAppearance",
+	"MozBackfaceVisibility",
+	"MozBinding",
+	"MozBorderBottomColors",
+	"MozBorderEndColor",
+	"MozBorderEndStyle",
+	"MozBorderEndWidth",
+	"MozBorderLeftColors",
+	"MozBorderRightColors",
+	"MozBorderStartColor",
+	"MozBorderStartStyle",
+	"MozBorderTopColors",
+	"MozBoxSizing",
+	"MozColumnRuleColor",
+	"MozColumnRuleStyle",
+	"MozColumnRuleWidth",
+	"MozColumnWidth",
+	"MozContextProperties",
+	"MozFontFeatureSettings",
+	"MozFontLanguageOverride",
+	"MozHyphens",
+	"MozMarginEnd",
+	"MozMarginStart",
+	"MozOrient",
+	"MozOsxFontSmoothing",
+	"MozOutlineRadiusBottomleft",
+	"MozOutlineRadiusBottomright",
+	"MozOutlineRadiusTopleft",
+	"MozOutlineRadiusTopright",
+	"MozPaddingEnd",
+	"MozPaddingStart",
+	"MozPerspective",
+	"MozPerspectiveOrigin",
+	"MozStackSizing",
+	"MozTabSize",
+	"MozTextBlink",
+	"MozTextSizeAdjust",
+	"MozTransform",
+	"MozTransformOrigin",
+	"MozTransformStyle",
+	"MozUserModify",
+	"MozUserSelect",
+	"MozWindowDragging",
+	"MozWindowShadow",
+	"msAccelerator",
+	"msBlockProgression",
+	"msContentZoomChaining",
+	"msContentZoomLimitMax",
+	"msContentZoomLimitMin",
+	"msContentZoomSnapPoints",
+	"msContentZoomSnapType",
+	"msContentZooming",
+	"msFilter",
+	"msFlexDirection",
+	"msFlexPositive",
+	"msFlowFrom",
+	"msFlowInto",
+	"msGridColumns",
+	"msGridRows",
+	"msHighContrastAdjust",
+	"msHyphenateLimitChars",
+	"msHyphenateLimitLines",
+	"msHyphenateLimitZone",
+	"msHyphens",
+	"msImeAlign",
+	"msLineBreak",
+	"msOrder",
+	"msOverflowStyle",
+	"msOverflowX",
+	"msOverflowY",
+	"msScrollChaining",
+	"msScrollLimitXMax",
+	"msScrollLimitXMin",
+	"msScrollLimitYMax",
+	"msScrollLimitYMin",
+	"msScrollRails",
+	"msScrollSnapPointsX",
+	"msScrollSnapPointsY",
+	"msScrollSnapType",
+	"msScrollTranslation",
+	"msScrollbar3dlightColor",
+	"msScrollbarArrowColor",
+	"msScrollbarBaseColor",
+	"msScrollbarDarkshadowColor",
+	"msScrollbarFaceColor",
+	"msScrollbarHighlightColor",
+	"msScrollbarShadowColor",
+	"msScrollbarTrackColor",
+	"msTextAutospace",
+	"msTextCombineHorizontal",
+	"msTextOverflow",
+	"msTouchAction",
+	"msTouchSelect",
+	"msTransform",
+	"msTransformOrigin",
+	"msTransitionDelay",
+	"msTransitionDuration",
+	"msTransitionProperty",
+	"msTransitionTimingFunction",
+	"msUserSelect",
+	"msWordBreak",
+	"msWrapFlow",
+	"msWrapMargin",
+	"msWrapThrough",
+	"msWritingMode",
+	"WebkitAlignContent",
+	"WebkitAlignItems",
+	"WebkitAlignSelf",
+	"WebkitAnimationDelay",
+	"WebkitAnimationDirection",
+	"WebkitAnimationDuration",
+	"WebkitAnimationFillMode",
+	"WebkitAnimationIterationCount",
+	"WebkitAnimationName",
+	"WebkitAnimationPlayState",
+	"WebkitAnimationTimingFunction",
+	"WebkitAppearance",
+	"WebkitBackdropFilter",
+	"WebkitBackfaceVisibility",
+	"WebkitBackgroundClip",
+	"WebkitBackgroundOrigin",
+	"WebkitBackgroundSize",
+	"WebkitBorderBeforeColor",
+	"WebkitBorderBeforeStyle",
+	"WebkitBorderBeforeWidth",
+	"WebkitBorderBottomLeftRadius",
+	"WebkitBorderBottomRightRadius",
+	"WebkitBorderImageSlice",
+	"WebkitBorderTopLeftRadius",
+	"WebkitBorderTopRightRadius",
+	"WebkitBoxDecorationBreak",
+	"WebkitBoxReflect",
+	"WebkitBoxShadow",
+	"WebkitBoxSizing",
+	"WebkitClipPath",
+	"WebkitColumnCount",
+	"WebkitColumnFill",
+	"WebkitColumnRuleColor",
+	"WebkitColumnRuleStyle",
+	"WebkitColumnRuleWidth",
+	"WebkitColumnSpan",
+	"WebkitColumnWidth",
+	"WebkitFilter",
+	"WebkitFlexBasis",
+	"WebkitFlexDirection",
+	"WebkitFlexGrow",
+	"WebkitFlexShrink",
+	"WebkitFlexWrap",
+	"WebkitFontFeatureSettings",
+	"WebkitFontKerning",
+	"WebkitFontSmoothing",
+	"WebkitFontVariantLigatures",
+	"WebkitHyphenateCharacter",
+	"WebkitHyphens",
+	"WebkitInitialLetter",
+	"WebkitJustifyContent",
+	"WebkitLineBreak",
+	"WebkitLineClamp",
+	"WebkitLogicalHeight",
+	"WebkitLogicalWidth",
+	"WebkitMarginEnd",
+	"WebkitMarginStart",
+	"WebkitMaskAttachment",
+	"WebkitMaskBoxImageOutset",
+	"WebkitMaskBoxImageRepeat",
+	"WebkitMaskBoxImageSlice",
+	"WebkitMaskBoxImageSource",
+	"WebkitMaskBoxImageWidth",
+	"WebkitMaskClip",
+	"WebkitMaskComposite",
+	"WebkitMaskImage",
+	"WebkitMaskOrigin",
+	"WebkitMaskPosition",
+	"WebkitMaskPositionX",
+	"WebkitMaskPositionY",
+	"WebkitMaskRepeat",
+	"WebkitMaskRepeatX",
+	"WebkitMaskRepeatY",
+	"WebkitMaskSize",
+	"WebkitMaxInlineSize",
+	"WebkitOrder",
+	"WebkitOverflowScrolling",
+	"WebkitPaddingEnd",
+	"WebkitPaddingStart",
+	"WebkitPerspective",
+	"WebkitPerspectiveOrigin",
+	"WebkitPrintColorAdjust",
+	"WebkitRubyPosition",
+	"WebkitScrollSnapType",
+	"WebkitShapeMargin",
+	"WebkitTapHighlightColor",
+	"WebkitTextCombine",
+	"WebkitTextDecorationColor",
+	"WebkitTextDecorationLine",
+	"WebkitTextDecorationSkip",
+	"WebkitTextDecorationStyle",
+	"WebkitTextEmphasisColor",
+	"WebkitTextEmphasisPosition",
+	"WebkitTextEmphasisStyle",
+	"WebkitTextFillColor",
+	"WebkitTextOrientation",
+	"WebkitTextSizeAdjust",
+	"WebkitTextStrokeColor",
+	"WebkitTextStrokeWidth",
+	"WebkitTextUnderlinePosition",
+	"WebkitTouchCallout",
+	"WebkitTransform",
+	"WebkitTransformOrigin",
+	"WebkitTransformStyle",
+	"WebkitTransitionDelay",
+	"WebkitTransitionDuration",
+	"WebkitTransitionProperty",
+	"WebkitTransitionTimingFunction",
+	"WebkitUserModify",
+	"WebkitUserSelect",
+	"WebkitWritingMode",
+	"MozAnimation",
+	"MozBorderImage",
+	"MozColumnRule",
+	"MozColumns",
+	"MozOutlineRadius",
+	"MozTransition",
+	"msContentZoomLimit",
+	"msContentZoomSnap",
+	"msFlex",
+	"msScrollLimit",
+	"msScrollSnapX",
+	"msScrollSnapY",
+	"msTransition",
+	"WebkitAnimation",
+	"WebkitBorderBefore",
+	"WebkitBorderImage",
+	"WebkitBorderRadius",
+	"WebkitColumnRule",
+	"WebkitColumns",
+	"WebkitFlex",
+	"WebkitFlexFlow",
+	"WebkitMask",
+	"WebkitMaskBoxImage",
+	"WebkitTextEmphasis",
+	"WebkitTextStroke",
+	"WebkitTransition"
+];
 const variableLengthProperties = [
 	"_container",
 	"_media",
@@ -1854,6 +2106,7 @@ exports.styleProperties = styleProperties;
 exports.styledStyles = styledStyles;
 exports.styles = styles;
 exports.variableLengthProperties = variableLengthProperties;
+exports.vendorProperties = vendorProperties;
 exports.zIndexProperties = zIndexProperties;
 
 //# sourceMappingURL=styles.cjs.map